[V0_FILE]json:file=".devcontainer/devcontainer.json" isMerged="true" { "image": "mcr.microsoft.com/devcontainers/universal:2", "features": {} } [V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts *.log [V0_FILE]markdown:file="README.md" isMerged="true" # Authentic Hadith Auth *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/rsemeahs-projects/v0-authentic-hadith) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/dz7s9MKfwTE) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/rsemeahs-projects/v0-authentic-hadith](https://vercel.com/rsemeahs-projects/v0-authentic-hadith)** ## Build your app Continue building your app on: **[https://v0.app/chat/dz7s9MKfwTE](https://v0.app/chat/dz7s9MKfwTE)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/about/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { ChevronLeft, BookOpen, Shield, Bot, AlertTriangle, Info, Heart, CheckCircle2, XCircle, Mail, ExternalLink, } from "lucide-react" import { IslamicPattern } from "@/components/islamic-pattern" const collections = [ "Sahih al-Bukhari", "Sahih Muslim", "Sunan Abu Dawud", "Jami' at-Tirmidhi", "Sunan an-Nasa'i", "Sunan Ibn Majah", "Muwatta Malik", "Musnad Ahmad", ] const aiDoes = [ "Provides summaries and explanations for educational purposes", "Offers context and historical background", "Helps you discover related hadith and topics", "Answers general questions about Islamic concepts", ] const aiDoesNot = [ "Issue fatwas (religious rulings)", "Determine what is halal or haram for your specific situation", "Replace consultation with qualified Islamic scholars", "Make claims without citing authentic sources", ] function SectionDivider() { return

} export default function AboutPage() { const router = useRouter() return (

{/* Header */}

About

{/* Hero Section */}

Authentic Hadith

A guided knowledge companion rooted in authentic Islamic sources.

Authentic Hadith makes verified prophetic narrations accessible, understandable, and thoughtfully presented. Our mission is to help Muslims grow in knowledge and character through reliable sources, structured learning, and responsible technology.

{/* Main Content */}

{/* Our Mission */}

Our Mission

We combine classical Islamic scholarship with modern technology in a way that preserves authenticity, clarity, and adab.

{[ "Make authentic hadith accessible to all Muslims", "Preserve citation integrity and scholarly grading", "Support structured growth in Islamic knowledge", "Use technology responsibly with clear boundaries", "Never issue religious rulings or replace qualified scholars", ].map((item) => (

{item}

))}

{/* Sources & Authenticity */}

Sources & Authenticity

Collections Included

All hadith in this app are drawn from the following authenticated collections:

{collections.map((c) => (

{c}

))}

Source Integrity

{[ "All narrations are presented with their original source references", "Authenticity gradings are displayed according to the cited collection or scholar", "We do not alter or modify canonical Arabic or English text", "Commentary and AI explanations are clearly marked and separated from primary sources", "Narrator chains (isnad) are preserved where available", ].map((item) => (

{item}

))}

{/* Stats */}

{[ { label: "Hadith", value: "36,246" }, { label: "Collections", value: "8" }, { label: "Grading", value: "Sahih+" }, ].map((stat) => (

{stat.value}

{stat.label}

))}

{/* Responsible AI Use */}

How We Use AI

AI as Educational Tool, Not Scholar

The AI assistant in Authentic Hadith is designed to help you understand and explore hadith, not to replace qualified scholars or issue religious rulings.

{/* What AI Does */}

What AI Does

{aiDoes.map((item) => (

{item}

))}

{/* What AI Does NOT Do */}

What AI Does NOT Do

{aiDoesNot.map((item) => (

{item}

))}

All AI responses prioritize citation from primary sources. For personal rulings or complex jurisprudential matters, please consult qualified scholars in your community.

{/* Sensitive Topics */}

Handling Sensitive Topics

Islamic knowledge includes topics that require careful context, scholarly understanding, and personal guidance.

{[ "Prioritize authentic sources with full context", "Recognize that brief explanations cannot replace deep study", "Consult qualified scholars for personal application", "Understand that historical context matters", ].map((item) => (

{item}

))}

The app prioritizes clarity, authenticity, and responsible presentation. We encourage users to seek qualified scholars for personal rulings, medical questions, or complex jurisprudential matters.

{/* Transparency & Version Info */}

Transparency & Version

{/* Version Info */}

Version Information

{[ { label: "App Version", value: "1.0.0" }, { label: "Database", value: "36,246 hadith" }, { label: "Last Update", value: "Feb 12, 2026" }, { label: "Collections", value: "8 sources" }, ].map((row) => (

{row.label} {row.value}

))}

{/* Platform */}

Platform

{[ { label: "Web", value: "Next.js, Vercel" }, { label: "Mobile", value: "React Native, Expo" }, { label: "Database", value: "Supabase + RLS" }, { label: "AI", value: "Groq Llama 3.3 70B" }, ].map((row) => (

{row.label} {row.value}

))}

{/* Contact */}

Contact & Support

support@authentichadith.app

{/* Open Source */}

Open Source Attribution

{[ { label: "Hadith Data", value: "fawazahmed0/hadith-api", href: "https://github.com/fawazahmed0/hadith-api" }, { label: "UI Components", value: "shadcn/ui, Radix UI", href: "https://ui.shadcn.com" }, { label: "Icons", value: "Lucide Icons", href: "https://lucide.dev" }, ].map((row) => (

{row.label} {row.value}

))}

{/* Founder's Note */}

A Note from the Team

Authentic Hadith was built out of a simple need: to learn about the Prophet's teachings in a way that felt modern, trustworthy, and accessible—without sacrificing scholarly integrity.

Too much Islamic content online lacks proper citation, mixes weak narrations with authentic ones, or presents knowledge without context. We wanted to create something different.

This app is built with deep respect for classical scholarship, clear boundaries around AI, and a commitment to helping Muslims grow in knowledge with dignity.

We're honored to serve you on this journey.

— The Authentic Hadith Team

byRed

) } [V0_FILE]typescriptreact:file="app/achievements/page.tsx" isMerged="true" "use client"; import { useEffect, useState, useCallback } from "react"; import { useRouter } from "next/navigation"; import { getSupabaseBrowserClient } from "@/lib/supabase/client"; import { ChevronLeft, Trophy, Filter } from "lucide-react"; import { cn } from "@/lib/utils"; import { AchievementCard } from "@/components/gamification/achievement-card"; import { LevelProgressBar } from "@/components/gamification/level-progress-bar"; import { getLevelInfo } from "@/lib/gamification/level-calculator"; interface AchievementRow { id: string; name_en: string; description_en: string; icon: string; category: string; tier: number; xp_reward: number; criteria: Record; } interface UserAchievementRow { achievement_id: string; unlocked_at: string; } const CATEGORIES = [ { id: "all", label: "All" }, { id: "learning", label: "Learning" }, { id: "consistency", label: "Streaks" }, { id: "social", label: "Social" }, { id: "mastery", label: "Mastery" }, { id: "milestone", label: "Milestones" }, ]; export default function AchievementsPage() { const router = useRouter(); const supabase = getSupabaseBrowserClient(); const [achievements, setAchievements] = useState([]); const [unlocked, setUnlocked] = useState>(new Map()); const [totalXp, setTotalXp] = useState(0); const [activeCategory, setActiveCategory] = useState("all"); const [loading, setLoading] = useState(true); const fetchData = useCallback(async () => { const { data: { user }, } = await supabase.auth.getUser(); if (!user) { router.push("/login"); return; } const [achRes, userAchRes, statsRes] = await Promise.all([ supabase .from("achievements") .select("*") .order("tier", { ascending: true }) .order("threshold", { ascending: true }), supabase .from("user_achievements") .select("achievement_id, unlocked_at") .eq("user_id", user.id), supabase .from("user_stats") .select("total_xp") .eq("user_id", user.id) .single(), ]); if (achRes.data) setAchievements(achRes.data); if (userAchRes.data) { const map = new Map(); for (const ua of userAchRes.data as UserAchievementRow[]) { map.set(ua.achievement_id, ua.unlocked_at); } setUnlocked(map); } if (statsRes.data) { setTotalXp(statsRes.data.total_xp); } else { // Auto-initialize user stats for new users await supabase .from("user_stats") .upsert({ user_id: user.id }, { onConflict: "user_id" }); } setLoading(false); }, [supabase, router]); useEffect(() => { fetchData(); }, [fetchData]); const filtered = activeCategory === "all" ? achievements : achievements.filter((a) => a.category === activeCategory); const unlockedCount = achievements.filter((a) => unlocked.has(a.id)).length; const levelInfo = getLevelInfo(totalXp); if (loading) { return (

); } return (

{/* Header */}

Achievements

{unlockedCount} of {achievements.length} unlocked

{totalXp} XP

{/* Level Progress */} {/* Category filters */}

{CATEGORIES.map((cat) => { const count = cat.id === "all" ? achievements.length : achievements.filter((a) => a.category === cat.id).length; if (count === 0 && cat.id !== "all") return null; return ( ); })}

{/* Unlocked section */} {filtered.some((a) => unlocked.has(a.id)) && (

Unlocked

{filtered .filter((a) => unlocked.has(a.id)) .map((a) => ( ))}

)} {/* Locked section */}

{filtered.some((a) => unlocked.has(a.id)) ? "Locked" : "All Achievements"}

{filtered .filter((a) => !unlocked.has(a.id)) .map((a) => ( ))}

{filtered.filter((a) => !unlocked.has(a.id)).length === 0 && filtered.length > 0 && (

All unlocked in this category!

)}

); } [V0_FILE]typescript:file="app/actions/learning-progress.ts" isMerged="true" "use server" import { getSupabaseServerClient } from "@/lib/supabase/server" import { trackActivity } from "./track-activity" export async function markLessonStarted(lessonId: string) { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return { success: false, error: "Not authenticated" } // Upsert - only set started_at if not already started const { error } = await supabase.from("learning_progress").upsert( { user_id: user.id, lesson_id: lessonId, status: "in_progress", started_at: new Date().toISOString(), }, { onConflict: "user_id,lesson_id" } ) if (error) { console.error("Mark lesson started error:", error) return { success: false, error: error.message } } return { success: true } } export async function markLessonCompleted(lessonId: string) { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return { success: false, error: "Not authenticated" } const { error } = await supabase.from("learning_progress").upsert( { user_id: user.id, lesson_id: lessonId, status: "completed", completed_at: new Date().toISOString(), }, { onConflict: "user_id,lesson_id" } ) if (error) { console.error("Mark lesson completed error:", error) return { success: false, error: error.message } } // Track activity for XP await trackActivity("hadith_read", lessonId) return { success: true } } export async function saveLessonQuizScore( lessonId: string, score: number, passed: boolean, pathId?: string, totalQuestions?: number, correctAnswers?: number, timeTaken?: number, questions?: unknown ) { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return { success: false, error: "Not authenticated" } // Update learning_progress with quiz results const { error: progressError } = await supabase.from("learning_progress").upsert( { user_id: user.id, lesson_id: lessonId, status: "completed", completed_at: new Date().toISOString(), quiz_score: score, quiz_passed: passed, }, { onConflict: "user_id,lesson_id" } ) if (progressError) { console.error("Save quiz score error:", progressError) return { success: false, error: progressError.message } } // Also log to quiz_attempts table await supabase.from("quiz_attempts").insert({ user_id: user.id, lesson_id: lessonId, learning_path_id: pathId || null, quiz_type: "lesson", score_percent: score, passed, total_questions: totalQuestions || 0, correct_answers: correctAnswers || 0, time_taken_seconds: timeTaken || 0, questions: questions || null, }) if (passed) { await trackActivity("quiz_completed", lessonId) } return { success: true } } export async function getUserLearningProgress() { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return { progress: [], userId: null } const { data } = await supabase .from("learning_progress") .select("lesson_id, status, completed_at, quiz_passed, quiz_score") .eq("user_id", user.id) return { progress: data || [], userId: user.id } } [V0_FILE]typescript:file="app/actions/seed-hadiths.ts" isMerged="true" "use server" import { getSupabaseAdmin } from "@/lib/supabase/admin" import { COLLECTION_MAPPING, type CollectionConfig } from "@/lib/hadith-cdn-mapping" import { fetchEdition, cleanText, parseNarrator, extractGrade, buildReference, calculateGradeDistribution, chunk, sleep, type CdnHadith, } from "@/lib/seed-helpers" import { createProgress, type SeedProgress } from "@/lib/seed-progress" // ── Seed a single collection ──────────────────────────────── export async function seedCollection(collectionSlug: string) { const config = COLLECTION_MAPPING[collectionSlug] if (!config) return { success: false, message: `Unknown collection: ${collectionSlug}` } const progress = createProgress(collectionSlug) progress.message = `Fetching ${config.name_en} from CDN...` const supabase = getSupabaseAdmin() try { // 1. Fetch English edition progress.message = `Fetching English edition (${config.editions.english})...` const engData = await fetchEdition(config.editions.english) // 2. Fetch Arabic edition progress.message = `Fetching Arabic edition (${config.editions.arabic})...` let araData try { araData = await fetchEdition(config.editions.arabic) } catch { progress.errors.push(`Arabic edition fetch failed, will use English only`) araData = null } // 3. Build Arabic lookup by hadith number const arabicMap = new Map() if (araData?.hadiths) { for (const h of araData.hadiths) { arabicMap.set(h.hadithnumber, cleanText(h.text)) } } // 4. Ensure collection exists progress.phase = "books" progress.message = "Ensuring collection record..." const collectionId = await ensureCollection(supabase, config) // 5. Extract books from sections metadata const sections = engData.metadata?.sections || {} const bookEntries = Object.entries(sections) .map(([num, name]) => ({ number: Number(num), name: String(name) })) .filter((b) => !Number.isNaN(b.number)) .sort((a, b) => a.number - b.number) progress.booksTotal = bookEntries.length progress.message = `Processing ${bookEntries.length} books...` // 6. Ensure all books exist and get ID map const bookIdMap = new Map() for (const bookEntry of bookEntries) { const bookId = await ensureBook(supabase, collectionId, bookEntry, config, arabicMap) bookIdMap.set(bookEntry.number, bookId) progress.booksProcessed++ } // 7. Group CDN hadiths by book const hadithsByBook = new Map() for (const h of engData.hadiths) { const bookNum = h.reference?.book ?? 0 if (!hadithsByBook.has(bookNum)) hadithsByBook.set(bookNum, []) hadithsByBook.get(bookNum)!.push(h) } progress.hadithsTotal = engData.hadiths.length progress.phase = "hadiths" progress.message = `Inserting/updating ${engData.hadiths.length} hadiths...` // 8. Load existing hadith numbers for this collection to detect duplicates const { data: existingHadiths } = await supabase .from("hadiths") .select("id, hadith_number") .eq("collection", config.slug) const existingMap = new Map() if (existingHadiths) { for (const eh of existingHadiths) { if (eh.hadith_number != null) existingMap.set(eh.hadith_number, eh.id) } } // 9. Process hadiths in batches const allGrades: string[] = [] const allCdnHadiths = engData.hadiths const batches = chunk(allCdnHadiths, 100) for (const batch of batches) { const toInsert: Array> = [] const toUpdate: Array<{ id: string; data: Record }> = [] for (const cdnH of batch) { const englishText = cleanText(cdnH.text) const arabicText = arabicMap.get(cdnH.hadithnumber) || "" const grade = extractGrade(cdnH.grades) const narrator = parseNarrator(englishText) const bookNum = cdnH.reference?.book ?? 0 const ref = buildReference(config.slug, bookNum, cdnH.hadithnumber) allGrades.push(grade) const existingId = existingMap.get(cdnH.hadithnumber) if (existingId) { // Update only if we have better data const updates: Record = {} if (arabicText) updates.arabic_text = arabicText if (englishText) updates.english_translation = englishText if (narrator) updates.narrator = narrator if (grade && grade !== "Unknown") updates.grade = grade updates.book_number = bookNum updates.reference = ref if (Object.keys(updates).length > 0) { toUpdate.push({ id: existingId, data: updates }) } } else { toInsert.push({ arabic_text: arabicText, english_translation: englishText, narrator, grade, reference: ref, collection: config.slug, hadith_number: cdnH.hadithnumber, book_number: bookNum, }) } } // Batch insert new hadiths if (toInsert.length > 0) { const { data: inserted, error } = await supabase .from("hadiths") .insert(toInsert) .select("id, hadith_number") if (error) { progress.errors.push(`Insert batch error: ${error.message}`) } else if (inserted) { // Create collection_hadiths junction records const junctions = inserted.map((h) => ({ collection_id: collectionId, book_id: bookIdMap.get( allCdnHadiths.find((c) => c.hadithnumber === h.hadith_number)?.reference?.book ?? 0 ) || null, hadith_id: h.id, hadith_number: h.hadith_number, })) const { error: jErr } = await supabase.from("collection_hadiths").insert(junctions) if (jErr) progress.errors.push(`Junction insert error: ${jErr.message}`) progress.hadithsInserted += inserted.length // Add newly inserted to existingMap so we don't try again for (const ih of inserted) { existingMap.set(ih.hadith_number, ih.id) } } } // Batch update existing hadiths (one by one -- Supabase doesn't support batch update) for (const upd of toUpdate) { const { error } = await supabase.from("hadiths").update(upd.data).eq("id", upd.id) if (error) progress.errors.push(`Update error for ${upd.id}: ${error.message}`) else progress.hadithsUpdated++ } await sleep(50) // Small delay between batches to avoid rate limits } // 10. Backfill Arabic text for existing hadiths that still have empty arabic_text progress.phase = "backfill" progress.message = "Backfilling empty Arabic text..." if (arabicMap.size > 0) { const { data: emptyArabic } = await supabase .from("hadiths") .select("id, hadith_number") .eq("collection", config.slug) .or("arabic_text.is.null,arabic_text.eq.") if (emptyArabic && emptyArabic.length > 0) { for (const batch of chunk(emptyArabic, 50)) { for (const h of batch) { const araText = arabicMap.get(h.hadith_number) if (araText) { await supabase.from("hadiths").update({ arabic_text: araText }).eq("id", h.id) progress.hadithsUpdated++ } } await sleep(50) } } } // 11. Update collection totals progress.phase = "totals" progress.message = "Updating collection totals..." const gradeDist = calculateGradeDistribution(allGrades) const { count: hadithCount } = await supabase .from("collection_hadiths") .select("id", { count: "exact", head: true }) .eq("collection_id", collectionId) const { count: bookCount } = await supabase .from("books") .select("id", { count: "exact", head: true }) .eq("collection_id", collectionId) await supabase .from("collections") .update({ total_hadiths: hadithCount || 0, total_books: bookCount || 0, grade_distribution: gradeDist, }) .eq("id", collectionId) // Update each book's total_hadiths for (const [bookNum, bookId] of bookIdMap) { const hadithsForBook = hadithsByBook.get(bookNum) if (hadithsForBook) { await supabase.from("books").update({ total_hadiths: hadithsForBook.length }).eq("id", bookId) } } progress.phase = "done" progress.message = `Completed ${config.name_en}: ${progress.hadithsInserted} inserted, ${progress.hadithsUpdated} updated` return { success: true, message: progress.message, stats: { totalBooks: bookEntries.length, totalHadiths: engData.hadiths.length, inserted: progress.hadithsInserted, updated: progress.hadithsUpdated, timeElapsed: Date.now() - progress.startedAt, }, errors: progress.errors, } } catch (err) { const msg = err instanceof Error ? err.message : String(err) progress.phase = "error" progress.message = `Error: ${msg}` progress.errors.push(msg) return { success: false, message: msg, errors: progress.errors } } } // ── Seed all collections sequentially ─────────────────────── export async function seedAllCollections() { const results: Array<{ collection: string success: boolean stats?: Record error?: string }> = [] for (const slug of Object.keys(COLLECTION_MAPPING)) { const result = await seedCollection(slug) results.push({ collection: slug, success: result.success, stats: result.success ? (result as Record).stats as Record : undefined, error: result.success ? undefined : result.message, }) } return { success: results.every((r) => r.success), results } } // ── Helper: ensure collection record exists ───────────────── async function ensureCollection( supabase: ReturnType, config: CollectionConfig, ): Promise { const { data: existing } = await supabase .from("collections") .select("id") .eq("slug", config.slug) .single() if (existing) return existing.id const { data: inserted, error } = await supabase .from("collections") .insert({ slug: config.slug, name_en: config.name_en, name_ar: config.name_ar, scholar: config.scholar, scholar_dates: config.scholar_dates, is_featured: config.is_featured, total_hadiths: 0, total_books: 0, }) .select("id") .single() if (error) throw new Error(`Failed to create collection ${config.slug}: ${error.message}`) return inserted!.id } // ── Helper: ensure book record exists ─────────────────────── async function ensureBook( supabase: ReturnType, collectionId: string, bookEntry: { number: number; name: string }, config: CollectionConfig, arabicMap: Map, ): Promise { const { data: existing } = await supabase .from("books") .select("id") .eq("collection_id", collectionId) .eq("number", bookEntry.number) .single() if (existing) return existing.id // Try to find an Arabic name from the Arabic edition metadata const arabicName = `\u0627\u0644\u0643\u062a\u0627\u0628 ${bookEntry.number}` const { data: inserted, error } = await supabase .from("books") .insert({ collection_id: collectionId, number: bookEntry.number, name_en: bookEntry.name || `Book ${bookEntry.number}`, name_ar: arabicName, sort_order: bookEntry.number, total_hadiths: 0, total_chapters: 0, }) .select("id") .single() if (error) throw new Error(`Failed to create book ${bookEntry.number}: ${error.message}`) return inserted!.id } [V0_FILE]typescript:file="app/actions/stripe.ts" isMerged="true" "use server" import { stripe } from "@/lib/stripe" import { getProductById } from "@/lib/products" import { getSupabaseServerClient } from "@/lib/supabase/server" export async function startCheckoutSession(productId: string) { const product = getProductById(productId) if (!product) { throw new Error(`Product with id "${productId}" not found`) } // Get the authenticated user const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { throw new Error("You must be logged in to subscribe") } // Get or create Stripe customer const { data: profile } = await supabase .from("profiles") .select("stripe_customer_id, name") .eq("user_id", user.id) .single() let customerId = profile?.stripe_customer_id if (!customerId) { const customer = await stripe.customers.create({ email: user.email!, name: profile?.name || undefined, metadata: { supabase_user_id: user.id, }, }) customerId = customer.id await supabase .from("profiles") .update({ stripe_customer_id: customerId }) .eq("user_id", user.id) } const isSubscription = product.mode === "subscription" // Build price_data inline so we don't depend on pre-created Stripe prices const priceData: Record = { currency: "usd", product_data: { name: product.name, description: product.description, }, unit_amount: product.priceInCents, } if (isSubscription && product.interval) { priceData.recurring = { interval: product.interval } } const sessionParams: Record = { customer: customerId, ui_mode: "embedded", redirect_on_completion: "never", line_items: [{ price_data: priceData, quantity: 1 }], mode: product.mode, metadata: { supabase_user_id: user.id, product_id: product.id, }, } if (isSubscription) { const subscriptionData: Record = { metadata: { supabase_user_id: user.id }, } if (product.trialDays) { subscriptionData.trial_period_days = product.trialDays } sessionParams.subscription_data = subscriptionData } const session = await stripe.checkout.sessions.create( sessionParams as Parameters[0], ) if (!session.client_secret) { throw new Error("Failed to create checkout session -- no client secret returned") } return session.client_secret } [V0_FILE]typescript:file="app/actions/track-activity.ts" isMerged="true" "use server" import { getSupabaseServerClient } from "@/lib/supabase/server" import { checkAndAwardAchievements } from "@/lib/achievements" const XP_REWARDS: Record = { hadith_read: 5, hadith_save: 10, note_written: 15, hadith_shared: 10, story_completed: 50, quiz_completed: 30, lesson_completed: 25, sunnah_tracked: 10, } export async function trackActivity(activityType: string, itemId?: string) { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return { success: false, error: "Not authenticated" } try { // Log activity const { error: activityError } = await supabase.from("user_activity_log").insert({ user_id: user.id, activity_type: activityType, item_id: itemId || null, }) if (activityError && !activityError.message.includes("duplicate")) { console.error("Activity log error:", activityError) } // Award XP (increment_stat increments by 1, so loop for larger amounts) const xp = XP_REWARDS[activityType] || 0 for (let i = 0; i < xp; i++) { await supabase.rpc("increment_stat", { p_user_id: user.id, p_stat_name: "total_xp", }) } // Increment the relevant stat const statMap: Record = { hadith_read: "hadith_read_count", hadith_save: "bookmarks_count", note_written: "notes_count", hadith_shared: "shares_count", story_completed: "stories_completed", } const statName = statMap[activityType] if (statName) { await supabase.rpc("increment_stat", { p_user_id: user.id, p_stat_name: statName, }) } // Check ALL achievements (comprehensive engine) const newAchievements = await checkAndAwardAchievements(user.id) return { success: true, xpEarned: xp, newAchievements } } catch (error) { console.error("Track activity error:", error) return { success: false, error: "Failed to track activity" } } } [V0_FILE]typescriptreact:file="app/admin/bulk-enrich/page.tsx" isMerged="true" "use client" import { useState, useRef, useCallback, useEffect } from "react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { Play, Square, Loader2, Zap } from "lucide-react" export default function BulkEnrichPage() { const [running, setRunning] = useState(false) const [log, setLog] = useState([]) const [successTotal, setSuccessTotal] = useState(0) const [failTotal, setFailTotal] = useState(0) const [rounds, setRounds] = useState(0) const [batchSize, setBatchSize] = useState(10) const [totalHadiths, setTotalHadiths] = useState(0) const [totalEnriched, setTotalEnriched] = useState(0) const stopRef = useRef(false) const logEndRef = useRef(null) const addLog = useCallback((msg: string) => { const ts = new Date().toLocaleTimeString() setLog((prev) => [...prev, `[${ts}] ${msg}`]) }, []) useEffect(() => { logEndRef.current?.scrollIntoView({ behavior: "smooth" }) }, [log]) const fetchCounts = useCallback(async () => { const supabase = getSupabaseBrowserClient() const { count: total } = await supabase .from("hadiths") .select("id", { count: "exact", head: true }) const { count: enriched } = await supabase .from("hadith_enrichment") .select("id", { count: "exact", head: true }) setTotalHadiths(total || 0) setTotalEnriched(enriched || 0) }, []) useEffect(() => { fetchCounts() }, [fetchCounts]) const getToken = async () => { const supabase = getSupabaseBrowserClient() const { data } = await supabase.auth.getSession() return data.session?.access_token || "" } const runBatch = useCallback(async () => { stopRef.current = false setRunning(true) setLog([]) setSuccessTotal(0) setFailTotal(0) setRounds(0) const token = await getToken() if (!token) { addLog("ERROR: Not authenticated. Please sign in first.") setRunning(false) return } addLog("Starting bulk enrichment (batch size: " + batchSize + ")...") let offset = 0 let totalS = 0 let totalF = 0 let round = 0 let emptyRuns = 0 while (!stopRef.current) { round++ setRounds(round) addLog("Round " + round + "...") try { const res = await fetch("/api/enrich/bulk-process", { method: "POST", headers: { "Content-Type": "application/json", Authorization: "Bearer " + token, }, body: JSON.stringify({ offset, batch_size: batchSize }), }) const result = await res.json() if (!res.ok) { addLog("ERROR: " + (result.error || res.statusText)) await new Promise((r) => setTimeout(r, 5000)) continue } totalS += result.success || 0 totalF += result.failed || 0 setSuccessTotal(totalS) setFailTotal(totalF) addLog( " +" + result.success + " enriched, " + result.failed + " failed (total: " + totalS + ")" ) if (result.errors && result.errors.length > 0) { for (const err of result.errors.slice(0, 3)) { addLog(" ERR: " + err) } } if (result.processed === 0) { emptyRuns++ if (emptyRuns >= 2) { addLog("No more hadiths to process. All done!") break } } else { emptyRuns = 0 } offset = result.next_offset || offset + batchSize * 4 // Refresh counts await fetchCounts() // Pause between rounds await new Promise((r) => setTimeout(r, 1000)) } catch (err) { addLog( "Network error: " + (err instanceof Error ? err.message : "unknown") ) await new Promise((r) => setTimeout(r, 5000)) } } if (stopRef.current) { addLog("Stopped by user.") } addLog( "=== COMPLETE: " + totalS + " enriched, " + totalF + " failed in " + round + " rounds ===" ) setRunning(false) }, [batchSize, addLog, fetchCounts]) const remaining = totalHadiths - totalEnriched const pct = totalHadiths > 0 ? Math.round((totalEnriched / totalHadiths) * 100) : 0 return (

Bulk Hadith Enrichment

Process hadiths through AI to generate key teachings, summaries, categories, and tags.

{/* Progress */}

Enrichment Progress {totalEnriched.toLocaleString()} / {totalHadiths.toLocaleString()}{" "} ({pct}%)

{remaining.toLocaleString()} hadiths remaining

{/* Controls */}

Batch Size:

{!running ? ( ) : ( )}

{running && (

Processing... Round {rounds} | {successTotal} enriched |{" "} {failTotal} failed

)}

{/* Log */} {log.length > 0 && (

{log.map((line, i) => (

{line}

))}

)}

) } [V0_FILE]typescriptreact:file="app/admin/enrichment/page.tsx" isMerged="true" "use client" import { useEffect, useState, useCallback } from "react" import { useRouter } from "next/navigation" import { ChevronLeft, Play, Check, X, Send, RefreshCw, Filter, ChevronDown, ChevronUp, Edit3, BarChart3, Loader2, AlertTriangle, } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { cn } from "@/lib/utils" import { parseEnglishTranslation, getCollectionDisplayName } from "@/lib/hadith-utils" interface Enrichment { id: string hadith_id: string summary_line: string | null key_teaching_en: string | null key_teaching_ar: string | null summary_ar: string | null category_id: string | null status: "suggested" | "approved" | "published" | "rejected" confidence: number | null rationale: string | null suggested_by: string reviewed_by: string | null reviewed_at: string | null review_notes: string | null created_at: string // Joined hadith?: { id: string english_translation: string arabic_text: string narrator: string grade: string collection: string reference: string } category?: { slug: string; name_en: string } tags?: Array<{ tag_id: string; tag?: { slug: string; name_en: string } }> } interface Stats { total_hadiths: number enriched: number remaining: number coverage_percent: number by_status: { suggested: number approved: number published: number rejected: number } } interface Category { id: string slug: string name_en: string } interface Tag { id: string slug: string name_en: string category_id: string | null } const STATUS_COLORS: Record = { suggested: "bg-amber-100 text-amber-800 border-amber-200", approved: "bg-blue-100 text-blue-800 border-blue-200", published: "bg-emerald-100 text-emerald-800 border-emerald-200", rejected: "bg-red-100 text-red-800 border-red-200", } const COLLECTIONS = [ { slug: "sahih-bukhari", name: "Sahih al-Bukhari" }, { slug: "sahih-muslim", name: "Sahih Muslim" }, { slug: "sunan-abu-dawud", name: "Sunan Abu Dawud" }, { slug: "jami-tirmidhi", name: "Jami at-Tirmidhi" }, { slug: "sunan-nasai", name: "Sunan an-Nasai" }, { slug: "sunan-ibn-majah", name: "Sunan Ibn Majah" }, { slug: "muwatta-malik", name: "Muwatta Malik" }, { slug: "musnad-ahmad", name: "Musnad Ahmad" }, ] export default function AdminEnrichmentPage() { const router = useRouter() const supabase = getSupabaseBrowserClient() const [isAdmin, setIsAdmin] = useState(false) const [loading, setLoading] = useState(true) const [stats, setStats] = useState(null) const [enrichments, setEnrichments] = useState([]) const [categories, setCategories] = useState([]) const [allTags, setAllTags] = useState([]) const [filterStatus, setFilterStatus] = useState("suggested") const [filterCollection, setFilterCollection] = useState("") const [expandedId, setExpandedId] = useState(null) const [generating, setGenerating] = useState(false) const [generateCount, setGenerateCount] = useState(5) const [actionLoading, setActionLoading] = useState(null) const [batchRunning, setBatchRunning] = useState(false) const [batchLog, setBatchLog] = useState([]) const [batchSize, setBatchSize] = useState(10) // Editing state const [editingId, setEditingId] = useState(null) const [editSummary, setEditSummary] = useState("") const [editCategoryId, setEditCategoryId] = useState("") const [editTagIds, setEditTagIds] = useState([]) const getToken = useCallback(async () => { const { data: { session }, } = await supabase.auth.getSession() return session?.access_token || "" }, [supabase]) const fetchStats = useCallback(async () => { const res = await fetch("/api/enrich") if (res.ok) setStats(await res.json()) }, []) const fetchEnrichments = useCallback(async () => { // Use admin client (service role) via API or direct query // For the review queue, we need to see all statuses const token = await getToken() const params = new URLSearchParams() if (filterStatus) params.set("status", filterStatus) if (filterCollection) params.set("collection", filterCollection) params.set("limit", "50") // Query via supabase directly (RLS allows admin/reviewer to see all) let query = supabase .from("hadith_enrichment") .select( ` *, hadith:hadiths!hadith_id(id, english_translation, arabic_text, narrator, grade, collection, reference), category:categories!category_id(slug, name_en) `, ) .order("created_at", { ascending: false }) .limit(50) if (filterStatus) { query = query.eq("status", filterStatus) } const { data, error } = await query if (!error && data) { // For each enrichment, also fetch tags const enrichmentIds = data.map((e: Enrichment) => e.id) const { data: tagData } = await supabase .from("hadith_tags") .select("enrichment_id, tag_id, tag:tags!tag_id(slug, name_en)") .in("enrichment_id", enrichmentIds) const tagsByEnrichment = new Map>() for (const t of tagData || []) { const existing = tagsByEnrichment.get(t.enrichment_id) || [] existing.push(t) tagsByEnrichment.set(t.enrichment_id, existing) } const enriched = data.map((e: Enrichment) => ({ ...e, tags: tagsByEnrichment.get(e.id) || [], })) // Filter by collection if needed if (filterCollection) { setEnrichments( enriched.filter( (e: Enrichment) => e.hadith?.collection === filterCollection, ), ) } else { setEnrichments(enriched) } } }, [supabase, filterStatus, filterCollection, getToken]) useEffect(() => { const init = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user) { router.push("/login") return } const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || !["admin", "reviewer"].includes(profile.role)) { router.push("/home") return } setIsAdmin(true) // Fetch categories and tags for edit dropdowns const { data: cats } = await supabase .from("categories") .select("id, slug, name_en") .order("display_order") setCategories(cats || []) const { data: tgs } = await supabase .from("tags") .select("id, slug, name_en, category_id") .order("name_en") setAllTags(tgs || []) await fetchStats() await fetchEnrichments() setLoading(false) } init() }, []) useEffect(() => { if (isAdmin) fetchEnrichments() }, [filterStatus, filterCollection, isAdmin, fetchEnrichments]) const handleGenerate = async () => { setGenerating(true) try { const token = await getToken() const res = await fetch("/api/enrich", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}`, }, body: JSON.stringify({ collection_slug: filterCollection || undefined, limit: generateCount, }), }) const result = await res.json() if (res.ok) { await fetchStats() await fetchEnrichments() alert(`Generated: ${result.success} success, ${result.failed} failed`) } else { alert(`Error: ${result.error}`) } } catch (err) { alert(`Error: ${err instanceof Error ? err.message : "Unknown"}`) } setGenerating(false) } const handleReview = async ( enrichmentId: string, action: "approve" | "reject" | "publish" | "edit", changes?: Record, notes?: string, ) => { setActionLoading(enrichmentId) try { const token = await getToken() const res = await fetch("/api/enrich/review", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}`, }, body: JSON.stringify({ enrichment_id: enrichmentId, action, changes, notes }), }) if (res.ok) { await fetchStats() await fetchEnrichments() setEditingId(null) } else { const err = await res.json() alert(`Error: ${err.error}`) } } catch (err) { alert(`Error: ${err instanceof Error ? err.message : "Unknown"}`) } setActionLoading(null) } const handleBatchAction = async (action: "approve_all" | "publish_all") => { if (!confirm(`Are you sure you want to ${action.replace("_", " ")} all ${filterStatus} enrichments?`)) return setActionLoading("batch") try { const token = await getToken() const res = await fetch("/api/enrich/review", { method: "PATCH", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}`, }, body: JSON.stringify({ action, filter_status: filterStatus }), }) if (res.ok) { const result = await res.json() await fetchStats() await fetchEnrichments() alert(`Updated ${result.updated} enrichments`) } } catch { // error } setActionLoading(null) } const handleBatchEnrich = async (mode: "new" | "backfill") => { if (!confirm(`Run batch ${mode === "backfill" ? "backfill (add key teachings to existing)" : "enrich & auto-publish"} for ${batchSize} hadiths?`)) return setBatchRunning(true) setBatchLog([`Starting ${mode} batch (${batchSize} hadiths)...`]) try { const token = await getToken() const res = await fetch("/api/enrich/batch", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}`, }, body: JSON.stringify({ collection_slug: filterCollection || undefined, batch_size: batchSize, auto_publish: true, mode, }), }) const result = await res.json() if (res.ok) { setBatchLog((prev) => [ ...prev, `Done: ${result.success} success, ${result.failed} failed (${result.processed} processed)`, ...(result.results || []) .filter((r: { success: boolean }) => !r.success) .map((r: { hadithId?: string; enrichmentId?: string; error?: string }) => ` Failed ${r.hadithId || r.enrichmentId}: ${r.error}`), ]) await fetchStats() await fetchEnrichments() } else { setBatchLog((prev) => [...prev, `Error: ${result.error}`]) } } catch (err) { setBatchLog((prev) => [...prev, `Error: ${err instanceof Error ? err.message : "Unknown"}`]) } setBatchRunning(false) } const startEdit = (e: Enrichment) => { setEditingId(e.id) setEditSummary(e.summary_line || "") setEditCategoryId(e.category_id || "") setEditTagIds((e.tags || []).map((t) => t.tag_id)) } const saveEdit = (enrichmentId: string) => { handleReview(enrichmentId, "edit", { summary_line: editSummary, category_id: editCategoryId, tag_ids: editTagIds, }) } if (loading) { return (

) } if (!isAdmin) return null return (

{/* Header */}

Enrichment Pipeline

Manage AI-generated hadith enrichments

{/* Stats Dashboard */} {stats && (

{stats.total_hadiths.toLocaleString()}

Total Hadiths

{stats.coverage_percent}%

Coverage

{stats.by_status.suggested}

Suggested

{stats.by_status.approved}

Approved

{stats.by_status.published}

Published

{stats.by_status.rejected}

Rejected

)} {/* Controls Row */}

{/* Generate Controls */}

{/* Filter + Batch Controls */}

{filterStatus === "suggested" && ( )} {filterStatus === "approved" && ( )}

{/* Batch Enrich Controls */}

Batch Enrich & Auto-Publish

{stats ? `${stats.remaining.toLocaleString()} remaining` : "..."}

Process hadiths through GPT-4o-mini to generate summary, key teaching (EN+AR), category, and tags. Auto-publishes results.

{batchLog.length > 0 && (

{batchLog.map((line, i) => (

{line}

))}

)}

{/* Review Queue */}

Review Queue ({enrichments.length})

{enrichments.length === 0 && (

No enrichments found with status "{filterStatus}".

Try generating some or changing the filter.

)} {enrichments.map((e) => { const isExpanded = expandedId === e.id const isEditing = editingId === e.id const parsed = e.hadith ? parseEnglishTranslation(e.hadith.english_translation) : { narrator: "", text: "" } return (

{/* Collapsed Row */}

setExpandedId(isExpanded ? null : e.id)} >

{/* Summary + Status */}

{e.status} {e.confidence != null && ( {Math.round(e.confidence * 100)}% conf )} {e.category && ( {e.category.name_en} )}

{/* Summary Line */}

{e.summary_line || "No summary"}

{/* Hadith preview */}

{parsed.text.slice(0, 120)}...

{/* Tags */} {e.tags && e.tags.length > 0 && (

{e.tags.map((t) => ( {t.tag?.name_en || t.tag_id} ))}

)}

{isExpanded ? ( ) : ( )}

{/* Expanded Detail */} {isExpanded && (

{/* Full Hadith */} {e.hadith && (

{getCollectionDisplayName(e.hadith.collection)} | {e.hadith.reference} | {e.hadith.grade}

{parsed.narrator && (

Narrated by {parsed.narrator}

)}

{parsed.text}

)} {/* Key Teaching */} {e.key_teaching_en && (

Key Teaching (EN)

{e.key_teaching_en}

{e.key_teaching_ar && ( <>

Key Teaching (AR)

{e.key_teaching_ar}

)}

)} {/* Rationale */} {e.rationale && (

AI Rationale

{e.rationale}

)} {/* Edit Mode */} {isEditing ? (

Summary Line setEditSummary(e.target.value)} maxLength={80} className="w-full border border-[#e5e7eb] rounded-lg px-3 py-2 text-sm" />

{editSummary.length}/80 characters

Hadith Data Seeding

Fetch and seed all collections from CDN

{/* Seed All button */}

All Collections

{statuses.reduce((sum, s) => sum + s.currentCount, 0).toLocaleString()} total hadiths across{" "} {statuses.filter((s) => s.currentCount > 0).length} collections

{/* Collection cards */}

{loading ? (

{[1, 2, 3].map((i) => (

))}

) : ( statuses.map((status) => { const phase = getPhaseForSlug(status.slug) const prog = progress[status.slug] const result = results[status.slug] return (

{/* Card header */}

{status.name_en}

{status.scholar} -- {status.name_ar}

{/* Status badge */} {phase === "idle" && status.currentCount > 0 && ( {status.currentCount.toLocaleString()} hadiths )} {phase === "idle" && status.currentCount === 0 && ( Pending )} {phase === "running" && ( Seeding )} {phase === "done" && ( Complete )} {phase === "error" && ( Error )} {/* Seed button */}

{/* Progress bar (if running) */} {prog && phase === "running" && (

{prog.message} {formatElapsed(Date.now() - prog.startedAt)}

{/* Books progress */} {prog.booksTotal > 0 && (

Books {prog.booksProcessed} / {prog.booksTotal}

)} {/* Hadiths progress */} {prog.hadithsTotal > 0 && (

Hadiths {(prog.hadithsInserted + prog.hadithsUpdated).toLocaleString()} / {prog.hadithsTotal.toLocaleString()}

)}

)} {/* Result info */} {result && (

{result.message}

{result.stats && (

{(result.stats.inserted as number)?.toLocaleString()} inserted,{" "} {(result.stats.updated as number)?.toLocaleString()} updated in{" "} {formatElapsed(result.stats.timeElapsed as number)}

)}

)} {/* Error list */} {prog && prog.errors.length > 0 && (

{prog.errors.length} warning(s)

-- {err}
...and {prog.errors.length - 10} more

)} {/* Stats row */}

{status.bookCount} books {status.currentCount.toLocaleString()} hadiths

) }) )}

) } [V0_FILE]typescriptreact:file="app/admin/seed/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" interface CollectionStatus { slug: string name: string expected_hadiths: number hadith_count: number missing: number book_count: number expected_books: number } interface SeedResult { total_inserted: number total_skipped: number sections: number errors: string[] } const SEED_ORDER = [ "muwatta-malik", "jami-tirmidhi", "sunan-ibn-majah", "sunan-nasai", "sunan-abu-dawud", "sahih-muslim", "sahih-bukhari", "musnad-ahmad", ] export default function SeedAdminPage() { const [collections, setCollections] = useState([]) const [totalHadiths, setTotalHadiths] = useState(0) const [totalExpected, setTotalExpected] = useState(0) const [loading, setLoading] = useState(false) const [seeding, setSeeding] = useState(false) const [currentCollection, setCurrentCollection] = useState(null) const [results, setResults] = useState>({}) const [log, setLog] = useState([]) async function fetchStatus() { setLoading(true) try { const resp = await fetch("/api/seed-status") if (resp.ok) { const data = await resp.json() setCollections(data.collections || []) setTotalHadiths(data.total_hadiths || 0) setTotalExpected(data.total_expected || 0) } } catch (err) { console.error("Failed to fetch status:", err) } setLoading(false) } useEffect(() => { fetchStatus() }, []) async function seedCollection(slug: string) { setCurrentCollection(slug) setLog(prev => [...prev, `Starting ${slug}...`]) try { const resp = await fetch("/api/seed-full", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ collection: slug }), }) if (!resp.ok) { const err = await resp.text() setLog(prev => [...prev, `ERROR ${slug}: ${err}`]) setCurrentCollection(null) return } const data = await resp.json() const result = data.results?.[slug] if (result) { setResults(prev => ({ ...prev, [slug]: result })) setLog(prev => [ ...prev, `Done ${slug}: +${result.total_inserted} inserted, ${result.sections} sections processed${result.errors.length > 0 ? `, ${result.errors.length} errors` : ""}`, ]) } } catch (err) { setLog(prev => [...prev, `ERROR ${slug}: ${String(err)}`]) } setCurrentCollection(null) await fetchStatus() } async function seedAll() { setSeeding(true) setLog([]) setResults({}) for (const slug of SEED_ORDER) { const coll = collections.find(c => c.slug === slug) if (coll && coll.missing > 0) { await seedCollection(slug) } else { setLog(prev => [...prev, `Skipping ${slug} (complete)`]) } } setSeeding(false) setLog(prev => [...prev, "--- All done ---"]) } const pctTotal = totalExpected > 0 ? Math.round((totalHadiths / totalExpected) * 100) : 0 return (

Hadith Seed Dashboard

{totalHadiths.toLocaleString()} / {totalExpected.toLocaleString()} hadiths ({pctTotal}%)

{/* Collection cards */}

{collections.map(coll => { const pct = coll.expected_hadiths > 0 ? Math.min(100, Math.round((coll.hadith_count / coll.expected_hadiths) * 100)) : 0 const isFull = coll.missing <= 0 const isActive = currentCollection === coll.slug const result = results[coll.slug] return (

{coll.name}

{coll.hadith_count.toLocaleString()} / {coll.expected_hadiths.toLocaleString()} hadiths {" | "}{coll.book_count} / {coll.expected_books} books {coll.missing > 0 && ( ({coll.missing.toLocaleString()} missing) )}

{isActive && Seeding...} {result && !isActive && ( +{result.total_inserted} )}

) })}

{/* Log */} {log.length > 0 && (

Activity Log

{log.map((line, i) => (

{line}

))}

)}

) } [V0_FILE]typescript:file="app/api/auth/delete-account/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@/lib/supabase/server" import { getSupabaseAdmin } from "@/lib/supabase/admin" const USER_DATA_TABLES = [ "discussion_likes", "discussions", "quiz_attempts", "reading_progress", "hadith_views", "reflections", "saved_hadiths", "saved_collections", "sahaba_reading_progress", "user_achievements", "user_activity_log", "user_bookmarks", "user_notes", "user_folders", "user_stats", "user_streaks", "user_preferences", "subscriptions", "profiles", ] as const export async function POST(request: Request) { try { const body = await request.json() if (body?.confirmation !== "DELETE MY ACCOUNT") { return NextResponse.json( { error: "Invalid confirmation. Please type 'DELETE MY ACCOUNT' to proceed." }, { status: 400 } ) } const supabase = await createClient() const { data: { user }, error: authError, } = await supabase.auth.getUser() if (authError || !user) { return NextResponse.json({ error: "Not authenticated" }, { status: 401 }) } const userId = user.id const admin = getSupabaseAdmin() const deletionErrors: string[] = [] for (const table of USER_DATA_TABLES) { const { error } = await admin.from(table).delete().eq("user_id", userId) if (error) { console.error(`Failed to delete from ${table}:`, error.message) deletionErrors.push(`${table}: ${error.message}`) } } const { data: avatarFiles } = await admin.storage.from("avatars").list(userId) if (avatarFiles && avatarFiles.length > 0) { const filePaths = avatarFiles.map((f) => `${userId}/${f.name}`) await admin.storage.from("avatars").remove(filePaths) } const { error: deleteUserError } = await admin.auth.admin.deleteUser(userId) if (deleteUserError) { return NextResponse.json( { error: "Failed to delete account. Please contact support." }, { status: 500 } ) } await supabase.auth.signOut() const response = NextResponse.json({ success: true, deletionErrors: deletionErrors.length > 0 ? deletionErrors : undefined, }) response.cookies.set("qbos_onboarded", "", { path: "/", maxAge: 0 }) return response } catch (error) { console.error("Account deletion error:", error) return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/auth/signout/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@/lib/supabase/server" export async function POST() { const supabase = await createClient() await supabase.auth.signOut() const response = NextResponse.json({ success: true }) response.cookies.set("qbos_onboarded", "", { path: "/", maxAge: 0, }) return response } [V0_FILE]typescript:file="app/api/chat/route.ts" isMerged="true" import { streamText, tool, convertToModelMessages, UIMessage } from "ai" import { z } from "zod" import { getSupabaseServerClient } from "@/lib/supabase/server" import { checkAIQuota, incrementAIUsage } from "@/lib/quotas/check" export const maxDuration = 30 const BASE_SYSTEM_PROMPT = `You are HadithChat, a knowledgeable Islamic scholar assistant specializing in hadith studies. Your role: 1. Help users understand the meanings and context of hadiths 2. Explain the chain of narration (isnad) and authenticity grades 3. Provide scholarly interpretations from classical and contemporary scholars 4. Compare similar hadiths across different collections 5. Answer questions about Islamic teachings based on authentic sources Guidelines: - Always cite your sources when referencing specific hadiths - Be respectful and educational in your responses - Acknowledge when there are scholarly differences of opinion - Use clear, accessible language while maintaining scholarly accuracy - When discussing hadith authenticity, reference the grading (Sahih, Hasan) - You only answer using authenticated hadith. If none are found, say so honestly. - When you search for hadiths, present the results in a clean readable format with the narrator, translation text, collection name, and grade. Critical content safety rules (you MUST follow these): - You are NOT a mufti. NEVER issue fatwas or definitive religious rulings. Always say "scholars have said..." or "according to [scholar/school]..." and recommend users consult a qualified local scholar for personal rulings. - NEVER provide medical, legal, financial, or psychological advice. If a user asks about health, mental health, or legal matters, direct them to qualified professionals. - NEVER encourage self-harm, violence, extremism, or hatred toward any group. If a user expresses distress, gently encourage them to seek help from a qualified counselor or call a crisis helpline. - If a hadith involves sensitive topics (slavery, warfare, gender), provide full historical context and note how classical scholars understood the text within its time period. - NEVER claim to represent any specific school of thought (madhab) as the only correct interpretation. - Stay within the domain of hadith scholarship. Politely decline questions unrelated to Islamic knowledge. You have access to a database of 31,839 authenticated hadiths from: Sahih al-Bukhari, Sahih Muslim, Sunan Abu Dawud, Jami at-Tirmidhi, Sunan an-Nasai, Sunan Ibn Majah, Muwatta Malik, and Musnad Ahmad. Use the searchHadiths tool to find relevant hadiths before answering questions.` const MADHAB_PROMPT_SECTION = (madhab: string) => `\n\nUser's School of Thought: ${madhab} When the user's question involves a fiqh ruling where the four schools of thought differ: 1. Present the positions of all relevant schools briefly. 2. Then clarify which position the ${madhab} school holds. 3. Never dismiss other schools or imply one is more correct than another. 4. Only reference the user's madhab when there is a genuine difference of opinion -- do not mention it when scholars are unanimous. 5. Always recommend consulting a qualified local scholar for personal rulings.` const LEVEL_PROMPT_SECTIONS: Record = { beginner: `\n\nUser's Learning Level: Beginner Adapt your responses for someone new to Islamic studies: - Use short, clear sentences. Avoid jargon. - Define any Arabic term the first time you use it (e.g. "isnad (chain of narration)"). - Focus on practical application and spiritual benefit. - Do not assume prior knowledge of fiqh, usul, or hadith sciences. - Keep explanations warm, encouraging, and concise.`, intermediate: `\n\nUser's Learning Level: Intermediate Adapt your responses for a practicing Muslim with foundational knowledge: - You may use common Arabic terminology with brief definitions. - You can mention scholarly disagreements and different opinions. - Reference classical scholars when relevant (e.g. Imam al-Nawawi, Ibn Hajar). - Provide moderate depth -- explain reasoning behind rulings, not just conclusions. - Balance accessibility with scholarly rigor.`, advanced: `\n\nUser's Learning Level: Advanced Adapt your responses for a student of knowledge: - Use Arabic terminology freely; no need to define well-known terms. - Cite specific scholars, books, and chains of narration when relevant. - Discuss minority vs. majority scholarly opinions with nuance. - Reference classical works (Fath al-Bari, Sharh Muslim, al-Mughni, etc.). - Provide structured academic analysis. Do not oversimplify.`, } function buildSystemPrompt(madhab?: string | null, level?: string | null): string { let prompt = BASE_SYSTEM_PROMPT if (madhab && madhab !== "Other / Prefer not to say") { prompt += MADHAB_PROMPT_SECTION(madhab) } const normalizedLevel = (level || "intermediate").toLowerCase() if (LEVEL_PROMPT_SECTIONS[normalizedLevel]) { prompt += LEVEL_PROMPT_SECTIONS[normalizedLevel] } return prompt } export async function POST(req: Request) { try { const body = await req.json() const messages: UIMessage[] = body.messages // Auth check const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { return new Response( JSON.stringify({ error: "You must be logged in to use the AI assistant." }), { status: 401, headers: { "Content-Type": "application/json" } }, ) } // Quota check const quotaCheck = await checkAIQuota(user.id) if (!quotaCheck.allowed) { return new Response( JSON.stringify({ error: "quota_exceeded", message: `Daily limit reached. ${quotaCheck.tier === "free" ? "Explorer accounts include 3 AI explanations per day. Upgrade to Pro for unlimited access." : quotaCheck.reason}`, quota: { daily_remaining: quotaCheck.daily_remaining, monthly_remaining: quotaCheck.monthly_remaining, daily_limit: quotaCheck.daily_limit, monthly_limit: quotaCheck.monthly_limit, tier: quotaCheck.tier, }, upgrade_url: "/pricing", }), { status: 429, headers: { "Content-Type": "application/json" } }, ) } // Fetch user preferences for personalized system prompt const [{ data: prefs }, { data: profile }] = await Promise.all([ supabase .from("user_preferences") .select("learning_level") .eq("user_id", user.id) .single(), supabase .from("profiles") .select("school_of_thought") .eq("user_id", user.id) .single(), ]) const systemPrompt = buildSystemPrompt( profile?.school_of_thought, prefs?.learning_level, ) const convertedMessages = await convertToModelMessages(messages) const result = streamText({ model: "openai/gpt-4o-mini", system: systemPrompt, messages: convertedMessages, tools: { searchHadiths: tool({ description: "Search the hadith database for relevant narrations by keyword. Use this when the user asks about a topic, narrator, or specific hadith.", inputSchema: z.object({ query: z.string().describe("The search term to find relevant hadiths"), limit: z.number().nullable().describe("Max results to return, defaults to 5"), }), execute: async ({ query, limit }) => { try { const supabase = await getSupabaseServerClient() const { data, error } = await supabase .from("hadiths") .select( "id, hadith_number, collection, arabic_text, english_translation, narrator, grade, reference", ) .or( `english_translation.ilike.%${query}%,narrator.ilike.%${query}%,arabic_text.ilike.%${query}%`, ) .limit(limit ?? 5) if (error) { return { results: [], error: error.message } } const cleaned = (data || []).map((h) => { let text = h.english_translation || "" let narrator = h.narrator || "" if (text.startsWith("{") && text.includes('"text"')) { try { const parsed = JSON.parse(text) text = parsed.text || text if (!narrator && parsed.narrator) narrator = parsed.narrator } catch { // keep original } } return { ...h, english_translation: text, narrator } }) return { results: cleaned } } catch (toolError) { console.error("[v0] Tool searchHadiths exception:", toolError) return { results: [], error: "Failed to search hadiths" } } }, }), }, maxSteps: 3, }) // Increment usage after streaming completes incrementAIUsage(user.id).catch((err) => console.error("[v0] Failed to increment usage:", err), ) return result.toUIMessageStreamResponse() } catch (error) { console.error("[v0] Chat API error:", error) return new Response( JSON.stringify({ error: "Failed to process your request. Please try again.", details: error instanceof Error ? error.message : "Unknown error", }), { status: 500, headers: { "Content-Type": "application/json" } }, ) } } [V0_FILE]typescript:file="app/api/daily-hadith/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" /** * GET /api/daily-hadith * * Returns a deterministic "hadith of the day" based on the current date. * Uses a hash of the date string to pick a consistent hadith for the entire day. * Only returns sahih-graded hadiths for maximum authenticity. */ export async function GET() { try { const supabase = await getSupabaseServerClient() // Create a deterministic seed from the date const today = new Date() const dateString = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}` // Simple hash function for the date let hash = 0 for (let i = 0; i < dateString.length; i++) { const char = dateString.charCodeAt(i) hash = (hash << 5) - hash + char hash |= 0 } const seed = Math.abs(hash) // Get total count of sahih hadiths const { count } = await supabase .from("hadiths") .select("id", { count: "exact", head: true }) .eq("grade", "sahih") if (!count || count === 0) { return Response.json({ error: "No hadiths available" }, { status: 404 }) } // Use the seed to pick an offset const offset = seed % count const { data: hadith, error } = await supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade, reference") .eq("grade", "sahih") .range(offset, offset) .single() if (error || !hadith) { // Fallback: just get a random one const { data: fallback } = await supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade, reference") .eq("grade", "sahih") .limit(1) .single() if (!fallback) { return Response.json({ error: "Could not fetch daily hadith" }, { status: 500 }) } return Response.json({ hadith: cleanHadith(fallback), date: dateString }) } return Response.json({ hadith: cleanHadith(hadith), date: dateString }) } catch (error) { console.error("[DailyHadith] Error:", error) return Response.json( { error: "Internal server error" }, { status: 500 }, ) } } function cleanHadith(h: any) { let text = h.english_translation || "" let narrator = h.narrator || "" // Parse JSON-encoded translations if (text.startsWith("{") && text.includes('"text"')) { try { const parsed = JSON.parse(text) text = (parsed.text || text).replace(/\\n/g, "\n").replace(/\\"/g, '"').trim() if (!narrator && parsed.narrator) { narrator = parsed.narrator.replace(/^Narrated\s+/i, "").replace(/:$/, "").trim() } } catch { // keep original } } // Map slug to display name const collectionNames: Record = { "sahih-bukhari": "Sahih al-Bukhari", "sahih-muslim": "Sahih Muslim", "sunan-abu-dawud": "Sunan Abu Dawud", "jami-tirmidhi": "Jami at-Tirmidhi", "sunan-nasai": "Sunan an-Nasai", "sunan-ibn-majah": "Sunan Ibn Majah", "muwatta-malik": "Muwatta Malik", "musnad-ahmad": "Musnad Ahmad", } return { ...h, english_translation: text, narrator, collection_display: collectionNames[h.collection] || h.collection, } } [V0_FILE]typescript:file="app/api/enrich/batch/route.ts" isMerged="true" import { generateText, Output } from "ai" import { z } from "zod" import { getSupabaseAdmin } from "@/lib/supabase/admin" export const maxDuration = 300 // 5 minute timeout for large batches const enrichmentSchema = z.object({ summary_line: z .string() .min(5) .max(80) .describe("A concise 5-12 word summary capturing the core teaching. No quotes, no hadith number."), category_slug: z .enum(["worship", "character", "family", "daily-life", "knowledge", "community", "afterlife"]) .describe("The single best-fit category for this hadith"), tag_slugs: z .array(z.string()) .min(1) .max(4) .describe( "1-4 tag slugs: prayer, fasting, charity, pilgrimage, remembrance, patience, truthfulness, kindness, forgiveness, humility, anger, parents, marriage, children, relatives, neighbors, work, food, speech, cleanliness, greetings, seeking-knowledge, intention, faith, quran, justice, leadership, rights, brotherhood, death, judgment, paradise, hellfire", ), key_teaching_en: z .string() .min(20) .max(600) .describe( "2-4 sentence key teaching note. First sentence: plain-language accessible explanation. Remaining: scholarly context referencing fiqh rulings, scholars (Ibn Hajar, Al-Nawawi, etc.), or Quran verses. Do NOT repeat the hadith text.", ), key_teaching_ar: z .string() .min(10) .max(800) .describe("Arabic translation of key_teaching_en. Same two-layer structure. Fluent Modern Standard Arabic."), summary_ar: z .string() .min(3) .max(120) .describe("Arabic translation of summary_line. 3-10 words in Modern Standard Arabic."), confidence: z.number().min(0).max(1).describe("Confidence 0-1. 0.9+ for clear topics, 0.6-0.8 for ambiguous."), rationale: z.string().max(200).describe("Brief explanation of category/tag choices."), }) export async function POST(req: Request) { try { const authHeader = req.headers.get("authorization") if (!authHeader?.startsWith("Bearer ")) { return Response.json({ error: "Unauthorized" }, { status: 401 }) } const supabase = getSupabaseAdmin() // Verify admin const { createClient } = await import("@supabase/supabase-js") const { SUPABASE_URL, SUPABASE_ANON_KEY } = await import("@/lib/supabase/config") const userClient = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, { global: { headers: { Authorization: authHeader } }, }) const { data: { user }, } = await userClient.auth.getUser() if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 }) const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || !["admin", "reviewer"].includes(profile.role)) { return Response.json({ error: "Forbidden" }, { status: 403 }) } const body = await req.json() const { collection_slug, batch_size = 10, auto_publish = true, mode = "new" } = body // mode: "new" = enrich hadiths without enrichment // mode: "backfill" = add key_teaching to existing enrichments that lack it // Fetch category and tag lookups const { data: categories } = await supabase.from("categories").select("id, slug") const { data: tags } = await supabase.from("tags").select("id, slug") const categoryMap = new Map((categories || []).map((c: { id: string; slug: string }) => [c.slug, c.id])) const tagMap = new Map((tags || []).map((t: { id: string; slug: string }) => [t.slug, t.id])) const limit = Math.min(batch_size, 50) if (mode === "backfill") { return await handleBackfill(supabase, limit, auto_publish) } // Get enriched hadith IDs to exclude const { data: enrichedIds } = await supabase.from("hadith_enrichment").select("hadith_id") const enrichedSet = new Set((enrichedIds || []).map((e: { hadith_id: string }) => e.hadith_id)) // Fetch candidate hadiths let query = supabase .from("hadiths") .select("id, english_translation, arabic_text, narrator, grade, collection, reference") .not("english_translation", "is", null) .order("hadith_number", { ascending: true }) .limit(limit * 3) if (collection_slug) { query = query.eq("collection", collection_slug) } const { data: candidates } = await query const hadiths = (candidates || []).filter((h: { id: string }) => !enrichedSet.has(h.id)).slice(0, limit) if (hadiths.length === 0) { return Response.json({ message: "No unenriched hadiths found", processed: 0, success: 0, failed: 0 }) } const results: Array<{ hadithId: string; success: boolean; error?: string }> = [] for (const hadith of hadiths) { try { let translationText = hadith.english_translation || "" if (translationText.startsWith("{") && translationText.includes('"text"')) { try { const parsed = JSON.parse(translationText) translationText = parsed.text || translationText } catch { // keep raw } } if (translationText.length < 10) { results.push({ hadithId: hadith.id, success: false, error: "Translation too short" }) continue } const { output: object } = await generateText({ model: "openai/gpt-4o-mini", output: Output.object({ schema: enrichmentSchema }), prompt: `You are a hadith scholar with expertise in Islamic jurisprudence and classical hadith commentary. Analyze this hadith and provide enrichment data. Hadith Text: "${translationText}" Narrator: ${hadith.narrator || "Unknown"} Collection: ${hadith.collection} Grade: ${hadith.grade} Rules: - summary_line: 5-12 words, present-tense, captures the core teaching - key_teaching_en: 2-4 sentences. FIRST sentence: plain-language explanation. REMAINING: scholarly context with classical scholars and/or Quran refs. Do NOT repeat the hadith. - key_teaching_ar: Arabic translation of key_teaching_en. Fluent MSA. - summary_ar: Arabic translation of summary_line. 3-10 words MSA. - category_slug: SINGLE best-fit category - tag_slugs: 1-4 tags from the controlled list - confidence: 0.9+ clear, 0.6-0.8 ambiguous`, }) if (!object) { results.push({ hadithId: hadith.id, success: false, error: "No LLM output" }) continue } const categoryId = categoryMap.get(object.category_slug) if (!categoryId) { results.push({ hadithId: hadith.id, success: false, error: `Unknown category: ${object.category_slug}` }) continue } const status = auto_publish ? "published" : "suggested" const { data: enrichment, error: insertError } = await supabase .from("hadith_enrichment") .insert({ hadith_id: hadith.id, summary_line: object.summary_line, summary_ar: object.summary_ar, key_teaching_en: object.key_teaching_en, key_teaching_ar: object.key_teaching_ar, category_id: categoryId, status, confidence: object.confidence, rationale: object.rationale, suggested_by: "openai-gpt-4o-mini", methodology_version: "v1.1", ...(auto_publish ? { published_at: new Date().toISOString() } : {}), }) .select("id") .single() if (insertError) { results.push({ hadithId: hadith.id, success: false, error: insertError.message }) continue } // Insert tags const validTagSlugs = object.tag_slugs.filter((slug: string) => tagMap.has(slug)) if (validTagSlugs.length > 0 && enrichment) { const tagRows = validTagSlugs.map((slug: string) => ({ hadith_id: hadith.id, tag_id: tagMap.get(slug), enrichment_id: enrichment.id, status: auto_publish ? ("published" as const) : ("suggested" as const), })) await supabase.from("hadith_tags").insert(tagRows) } results.push({ hadithId: hadith.id, success: true }) } catch (err) { results.push({ hadithId: hadith.id, success: false, error: err instanceof Error ? err.message : "Unknown error", }) } } const successCount = results.filter((r) => r.success).length return Response.json({ processed: results.length, success: successCount, failed: results.length - successCount, auto_published: auto_publish, results, }) } catch (error) { console.error("Batch enrichment error:", error) return Response.json({ error: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }) } } // Backfill key_teaching for existing enrichments that lack it async function handleBackfill( supabase: ReturnType, limit: number, autoPublish: boolean, ) { const { data: existing } = await supabase .from("hadith_enrichment") .select("id, hadith_id, summary_line") .or("key_teaching_en.is.null,key_teaching_en.eq.") .limit(limit) if (!existing || existing.length === 0) { return Response.json({ message: "All enrichments already have key teachings", processed: 0, success: 0, failed: 0 }) } const hadithIds = existing.map((e: { hadith_id: string }) => e.hadith_id) const { data: hadiths } = await supabase .from("hadiths") .select("id, english_translation, narrator, grade, collection") .in("id", hadithIds) const hadithMap = new Map((hadiths || []).map((h: { id: string; english_translation: string; narrator: string; grade: string; collection: string }) => [h.id, h])) const keyTeachingSchema = z.object({ key_teaching_en: z .string() .min(20) .max(600) .describe( "2-4 sentence key teaching. First sentence: accessible explanation. Remaining: scholarly context with classical scholars/Quran refs.", ), key_teaching_ar: z .string() .min(10) .max(800) .describe("Arabic translation of key_teaching_en. Fluent MSA."), summary_ar: z .string() .min(3) .max(120) .describe("Arabic translation of the summary. 3-10 words MSA."), }) const results: Array<{ enrichmentId: string; success: boolean; error?: string }> = [] for (const enrichment of existing) { try { const hadith = hadithMap.get(enrichment.hadith_id) if (!hadith) { results.push({ enrichmentId: enrichment.id, success: false, error: "Hadith not found" }) continue } let translationText = hadith.english_translation || "" if (translationText.startsWith("{") && translationText.includes('"text"')) { try { const parsed = JSON.parse(translationText) translationText = parsed.text || translationText } catch { // keep raw } } const { output: object } = await generateText({ model: "openai/gpt-4o-mini", output: Output.object({ schema: keyTeachingSchema }), prompt: `You are a hadith scholar. Generate a key teaching note for this hadith. Hadith Text: "${translationText}" Summary: "${enrichment.summary_line || ""}" Narrator: ${hadith.narrator || "Unknown"} Collection: ${hadith.collection} Grade: ${hadith.grade} Rules: - key_teaching_en: 2-4 sentences. FIRST sentence: plain-language explanation anyone can understand. REMAINING: scholarly context referencing classical scholars (Ibn Hajar, Al-Nawawi, etc.) or related Quran verses. Do NOT repeat the hadith text. - key_teaching_ar: Arabic translation of key_teaching_en. Fluent MSA. - summary_ar: Arabic translation of "${enrichment.summary_line || ""}". 3-10 words MSA.`, }) if (!object) { results.push({ enrichmentId: enrichment.id, success: false, error: "No LLM output" }) continue } const { error: updateError } = await supabase .from("hadith_enrichment") .update({ key_teaching_en: object.key_teaching_en, key_teaching_ar: object.key_teaching_ar, summary_ar: object.summary_ar, methodology_version: "v1.1", updated_at: new Date().toISOString(), }) .eq("id", enrichment.id) if (updateError) { results.push({ enrichmentId: enrichment.id, success: false, error: updateError.message }) continue } results.push({ enrichmentId: enrichment.id, success: true }) } catch (err) { results.push({ enrichmentId: enrichment.id, success: false, error: err instanceof Error ? err.message : "Unknown error", }) } } const successCount = results.filter((r) => r.success).length return Response.json({ mode: "backfill", processed: results.length, success: successCount, failed: results.length - successCount, results, }) } [V0_FILE]typescript:file="app/api/enrich/bulk-process/route.ts" isMerged="true" import { generateText, Output } from "ai" import { z } from "zod" import { createClient } from "@supabase/supabase-js" export const maxDuration = 300 const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL || "https://nqklipakrfuwebkdnhwg.supabase.co" const enrichmentSchema = z.object({ summary_line: z.string(), category_slug: z.string(), tag_slugs: z.array(z.string()), key_teaching_en: z.string(), key_teaching_ar: z.string(), summary_ar: z.string(), confidence: z.number(), }) export async function POST(req: Request) { try { const authHeader = req.headers.get("authorization") if (!authHeader?.startsWith("Bearer ")) { return Response.json({ error: "Unauthorized" }, { status: 401 }) } const serviceKey = process.env.SUPABASE_SERVICE_ROLE_KEY const anonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY if (!serviceKey || !anonKey) { return Response.json({ error: "Server config missing" }, { status: 500 }) } const userClient = createClient(SUPABASE_URL, anonKey, { global: { headers: { Authorization: authHeader } }, }) const { data: { user }, } = await userClient.auth.getUser() if (!user) return Response.json({ error: "Not authenticated" }, { status: 401 }) const supabase = createClient(SUPABASE_URL, serviceKey, { auth: { autoRefreshToken: false, persistSession: false }, }) const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || !["admin", "reviewer"].includes(profile.role)) { return Response.json({ error: "Admin access required" }, { status: 403 }) } const body = await req.json() const batchSize = Math.min(body.batch_size || 10, 30) const offset = body.offset || 0 // Lookups const { data: categories } = await supabase .from("categories") .select("id, slug") const { data: tags } = await supabase.from("tags").select("id, slug") const catMap = new Map( (categories || []).map((c: { id: string; slug: string }) => [c.slug, c.id]) ) const tagMap = new Map( (tags || []).map((t: { id: string; slug: string }) => [t.slug, t.id]) ) // Use RPC to get unenriched hadiths efficiently const { data: hadiths, error: rpcErr } = await supabase.rpc( "get_unenriched_hadiths", { lim: batchSize } ) if (rpcErr || !hadiths || hadiths.length === 0) { return Response.json({ processed: 0, success: 0, failed: 0, errors: rpcErr ? [rpcErr.message] : [], next_offset: offset, }) } let successCount = 0 let failCount = 0 const errors: string[] = [] const catSlugs = Array.from(catMap.keys()).join(", ") const tagSlugs = Array.from(tagMap.keys()).join(", ") for (const hadith of hadiths) { try { let text = hadith.english_translation || "" if (text.length < 10) { failCount++ continue } text = text.slice(0, 800) const { output: obj } = await generateText({ model: "openai/gpt-4o-mini", output: Output.object({ schema: enrichmentSchema }), prompt: [ "You are a hadith scholar. Analyze this hadith and return JSON.", "", "Hadith: " + text, "Narrator: " + (hadith.narrator || "Unknown"), "Grade: " + (hadith.grade || "Unknown"), "", "Fields:", "- summary_line: 5-12 word present-tense summary", "- key_teaching_en: 2-4 sentences. First: accessible. Rest: scholarly (Ibn Hajar, Al-Nawawi, Quran refs).", "- key_teaching_ar: Arabic MSA translation of key_teaching_en", "- summary_ar: 3-10 word Arabic summary", "- category_slug: one of: " + catSlugs, "- tag_slugs: 1-4 from: " + tagSlugs, "- confidence: 0.0 to 1.0", ].join("\n"), }) if (!obj) { failCount++ errors.push(hadith.id + ": no output") continue } const catSlug = catMap.has(obj.category_slug) ? obj.category_slug : "daily-life" const categoryId = catMap.get(catSlug) const { data: enrichment, error: insErr } = await supabase .from("hadith_enrichment") .insert({ hadith_id: hadith.id, summary_line: (obj.summary_line || "").slice(0, 80), summary_ar: (obj.summary_ar || "").slice(0, 120), key_teaching_en: (obj.key_teaching_en || "").slice(0, 600), key_teaching_ar: (obj.key_teaching_ar || "").slice(0, 800), category_id: categoryId, status: "published", confidence: Math.min(1, Math.max(0, obj.confidence || 0.8)), suggested_by: "openai-gpt-4o-mini", methodology_version: "v1.1", }) .select("id") .single() if (insErr) { failCount++ errors.push(hadith.id + ": " + insErr.message) continue } // Insert tags const validTags = (obj.tag_slugs || []) .slice(0, 4) .filter((s: string) => tagMap.has(s)) if (validTags.length > 0 && enrichment) { await supabase.from("hadith_tags").insert( validTags.map((s: string) => ({ hadith_id: hadith.id, tag_id: tagMap.get(s), enrichment_id: enrichment.id, status: "published", })) ) } successCount++ } catch (err) { failCount++ errors.push( hadith.id + ": " + (err instanceof Error ? err.message : "unknown") ) } } return Response.json({ processed: successCount + failCount, success: successCount, failed: failCount, errors: errors.slice(0, 10), next_offset: offset + batchSize * 4, }) } catch (err) { return Response.json( { error: err instanceof Error ? err.message : "Unknown error" }, { status: 500 } ) } } [V0_FILE]typescript:file="app/api/enrich/review/route.ts" isMerged="true" import { getSupabaseAdmin } from "@/lib/supabase/admin" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" import { createClient } from "@supabase/supabase-js" // POST: Review an enrichment (approve, reject, edit, publish) export async function POST(req: Request) { try { const authHeader = req.headers.get("authorization") if (!authHeader?.startsWith("Bearer ")) { return Response.json({ error: "Unauthorized" }, { status: 401 }) } const userClient = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, { global: { headers: { Authorization: authHeader } }, }) const { data: { user }, } = await userClient.auth.getUser() if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 }) const supabase = getSupabaseAdmin() const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || !["admin", "reviewer"].includes(profile.role)) { return Response.json({ error: "Forbidden" }, { status: 403 }) } const body = await req.json() const { enrichment_id, action, changes, notes } = body if (!enrichment_id || !action) { return Response.json({ error: "enrichment_id and action required" }, { status: 400 }) } // Get current enrichment const { data: current, error: fetchError } = await supabase .from("hadith_enrichment") .select("*") .eq("id", enrichment_id) .single() if (fetchError || !current) { return Response.json({ error: "Enrichment not found" }, { status: 404 }) } const oldStatus = current.status let newStatus: string switch (action) { case "approve": newStatus = "approved" break case "reject": newStatus = "rejected" break case "publish": newStatus = "published" break case "edit": newStatus = current.status // Keep current status on edits break default: return Response.json({ error: "Invalid action. Use: approve, reject, publish, edit" }, { status: 400 }) } // Build update payload const updatePayload: Record = { status: newStatus, reviewed_by: user.id, reviewed_at: new Date().toISOString(), review_notes: notes || null, } if (action === "publish") { updatePayload.published_at = new Date().toISOString() } // Apply inline edits if provided if (changes) { if (changes.summary_line) updatePayload.summary_line = changes.summary_line if (changes.category_id) updatePayload.category_id = changes.category_id } // Update enrichment const { error: updateError } = await supabase .from("hadith_enrichment") .update(updatePayload) .eq("id", enrichment_id) if (updateError) { return Response.json({ error: updateError.message }, { status: 500 }) } // Also update hadith_tags status to match enrichment status if (action === "publish" || action === "approve" || action === "reject") { await supabase .from("hadith_tags") .update({ status: newStatus }) .eq("enrichment_id", enrichment_id) } // Update tag assignments if changed if (changes?.tag_ids && Array.isArray(changes.tag_ids)) { // Remove old tags for this enrichment await supabase.from("hadith_tags").delete().eq("enrichment_id", enrichment_id) // Insert new tags if (changes.tag_ids.length > 0) { const tagRows = changes.tag_ids.map((tagId: string) => ({ hadith_id: current.hadith_id, tag_id: tagId, enrichment_id, status: newStatus, })) await supabase.from("hadith_tags").insert(tagRows) } } // Log review action await supabase.from("enrichment_reviews").insert({ enrichment_id, reviewer_id: user.id, action, old_status: oldStatus, new_status: newStatus, changes: changes || null, notes: notes || null, }) return Response.json({ success: true, new_status: newStatus }) } catch (error) { return Response.json( { error: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } // Batch actions (approve-all, publish-all for a filter) export async function PATCH(req: Request) { try { const authHeader = req.headers.get("authorization") if (!authHeader?.startsWith("Bearer ")) { return Response.json({ error: "Unauthorized" }, { status: 401 }) } const userClient = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, { global: { headers: { Authorization: authHeader } }, }) const { data: { user }, } = await userClient.auth.getUser() if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 }) const supabase = getSupabaseAdmin() const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || profile.role !== "admin") { return Response.json({ error: "Forbidden: admin only for batch actions" }, { status: 403 }) } const body = await req.json() const { action, filter_status, enrichment_ids } = body if (!action || (!filter_status && !enrichment_ids)) { return Response.json({ error: "action and (filter_status or enrichment_ids) required" }, { status: 400 }) } let newStatus: string switch (action) { case "approve_all": newStatus = "approved" break case "publish_all": newStatus = "published" break default: return Response.json({ error: "Invalid batch action" }, { status: 400 }) } // Build update query let query = supabase .from("hadith_enrichment") .update({ status: newStatus, reviewed_by: user.id, reviewed_at: new Date().toISOString(), ...(newStatus === "published" ? { published_at: new Date().toISOString() } : {}), }) if (enrichment_ids) { query = query.in("id", enrichment_ids) } else if (filter_status) { query = query.eq("status", filter_status) } const { error, count } = await query.select("id") if (error) { return Response.json({ error: error.message }, { status: 500 }) } // Batch update hadith_tags too if (enrichment_ids) { await supabase .from("hadith_tags") .update({ status: newStatus }) .in("enrichment_id", enrichment_ids) } return Response.json({ success: true, updated: count || 0, new_status: newStatus }) } catch (error) { return Response.json( { error: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/api/enrich/route.ts" isMerged="true" import { generateText, Output } from "ai" import { z } from "zod" import { getSupabaseAdmin } from "@/lib/supabase/admin" // Schema for what the LLM must return per hadith const enrichmentSchema = z.object({ summary_line: z .string() .min(5) .max(80) .describe("A concise 5-12 word summary capturing the core teaching. No quotes, no hadith number."), category_slug: z .enum([ "worship", "character", "family", "daily-life", "knowledge", "community", "afterlife", ]) .describe("The single best-fit category for this hadith"), tag_slugs: z .array(z.string()) .min(1) .max(4) .describe( "1-4 tag slugs from the controlled vocabulary: prayer, fasting, charity, pilgrimage, remembrance, patience, truthfulness, kindness, forgiveness, humility, anger, parents, marriage, children, relatives, neighbors, work, food, speech, cleanliness, greetings, seeking-knowledge, intention, faith, quran, justice, leadership, rights, brotherhood, death, judgment, paradise, hellfire", ), key_teaching_en: z .string() .min(20) .max(600) .describe( "2-4 sentence key teaching note. First sentence: plain-language accessible explanation anyone can understand. Remaining sentences: scholarly context referencing relevant fiqh rulings, scholars (Ibn Hajar, Al-Nawawi, etc.), or related Quran verses when applicable. Do NOT repeat the hadith text.", ), key_teaching_ar: z .string() .min(10) .max(800) .describe( "Arabic translation of key_teaching_en. Same two-layer structure: accessible explanation first, then scholarly context. Must be fluent Modern Standard Arabic.", ), summary_ar: z .string() .min(3) .max(120) .describe("Arabic translation of summary_line. Concise, 3-10 words in Modern Standard Arabic."), confidence: z .number() .min(0) .max(1) .describe("Confidence score 0-1. Use 0.9+ for clear single-topic hadiths, 0.6-0.8 for ambiguous ones."), rationale: z .string() .max(200) .describe("Brief explanation of why this category and these tags were chosen"), }) const BATCH_SIZE = 5 // Process 5 hadiths per request to stay within Groq rate limits export async function POST(req: Request) { try { // Verify admin access via service role (this route is called from admin UI) const authHeader = req.headers.get("authorization") if (!authHeader?.startsWith("Bearer ")) { return Response.json({ error: "Unauthorized" }, { status: 401 }) } const supabase = getSupabaseAdmin() // Verify the calling user is admin/reviewer const { createClient } = await import("@supabase/supabase-js") const { SUPABASE_URL, SUPABASE_ANON_KEY } = await import("@/lib/supabase/config") const userClient = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, { global: { headers: { Authorization: authHeader } }, }) const { data: { user }, } = await userClient.auth.getUser() if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 }) const { data: profile } = await supabase .from("profiles") .select("role") .eq("user_id", user.id) .single() if (!profile || !["admin", "reviewer"].includes(profile.role)) { return Response.json({ error: "Forbidden: requires admin or reviewer role" }, { status: 403 }) } const body = await req.json() const { collection_slug, limit: requestLimit } = body const batchLimit = Math.min(requestLimit || BATCH_SIZE, 20) // Fetch hadiths that don't have enrichment yet let query = supabase .from("hadiths") .select("id, english_translation, arabic_text, narrator, grade, collection, reference") .not( "id", "in", `(SELECT hadith_id FROM hadith_enrichment)`, ) .not("english_translation", "is", null) .limit(batchLimit) if (collection_slug) { query = query.eq("collection", collection_slug) } // Use raw SQL to get hadiths without enrichments (subquery not supported in PostgREST) const { data: allHadiths, error: fetchError } = await supabase.rpc("get_unenriched_hadiths", { p_collection: collection_slug || null, p_limit: batchLimit, }) // Fallback: if RPC doesn't exist yet, use a simpler approach let hadiths = allHadiths if (fetchError || !hadiths) { const { data: enrichedIds } = await supabase .from("hadith_enrichment") .select("hadith_id") const enrichedSet = new Set((enrichedIds || []).map((e: { hadith_id: string }) => e.hadith_id)) let fallbackQuery = supabase .from("hadiths") .select("id, english_translation, arabic_text, narrator, grade, collection, reference") .not("english_translation", "is", null) .limit(batchLimit * 3) // Fetch extra to filter if (collection_slug) { fallbackQuery = fallbackQuery.eq("collection", collection_slug) } const { data: candidates } = await fallbackQuery hadiths = (candidates || []).filter((h: { id: string }) => !enrichedSet.has(h.id)).slice(0, batchLimit) } if (!hadiths || hadiths.length === 0) { return Response.json({ message: "No unenriched hadiths found", processed: 0, }) } // Fetch category and tag lookups const { data: categories } = await supabase.from("categories").select("id, slug") const { data: tags } = await supabase.from("tags").select("id, slug") const categoryMap = new Map((categories || []).map((c: { id: string; slug: string }) => [c.slug, c.id])) const tagMap = new Map((tags || []).map((t: { id: string; slug: string }) => [t.slug, t.id])) // Process each hadith through Groq const results: Array<{ hadithId: string; success: boolean; error?: string }> = [] for (const hadith of hadiths) { try { // Clean the translation text let translationText = hadith.english_translation || "" if (translationText.startsWith("{") && translationText.includes('"text"')) { try { const parsed = JSON.parse(translationText) translationText = parsed.text || translationText } catch { // keep raw } } const { output: object } = await generateText({ model: "openai/gpt-4o-mini", output: Output.object({ schema: enrichmentSchema }), prompt: `You are a hadith scholar with expertise in Islamic jurisprudence and classical hadith commentary. Analyze this hadith and provide enrichment data. Hadith Text: "${translationText}" Narrator: ${hadith.narrator || "Unknown"} Collection: ${hadith.collection} Grade: ${hadith.grade} Rules: - summary_line: 5-12 words, present-tense, captures the core teaching. Example: "Kindness to animals earns divine reward" - key_teaching_en: 2-4 sentences. FIRST sentence must be a plain-language explanation anyone can understand. REMAINING sentences should provide scholarly context -- reference relevant fiqh rulings, classical scholars (Ibn Hajar, Al-Nawawi, Ibn Qayyim, etc.), or related Quran verses when applicable. Do NOT simply repeat the hadith text. - key_teaching_ar: Arabic translation of key_teaching_en with the same two-layer structure. Must be fluent Modern Standard Arabic. - summary_ar: Arabic translation of summary_line. 3-10 words in Modern Standard Arabic. - category_slug: Pick the SINGLE best-fit category - tag_slugs: 1-4 tags from the controlled list that apply - confidence: 0.9+ for clear topics, 0.6-0.8 for ambiguous`, }) if (!object) { results.push({ hadithId: hadith.id, success: false, error: "LLM returned no structured output" }) continue } // Map category slug to UUID const categoryId = categoryMap.get(object.category_slug) if (!categoryId) { results.push({ hadithId: hadith.id, success: false, error: `Unknown category: ${object.category_slug}` }) continue } // Insert enrichment const { data: enrichment, error: insertError } = await supabase .from("hadith_enrichment") .insert({ hadith_id: hadith.id, summary_line: object.summary_line, summary_ar: object.summary_ar, key_teaching_en: object.key_teaching_en, key_teaching_ar: object.key_teaching_ar, category_id: categoryId, status: "suggested", confidence: object.confidence, rationale: object.rationale, suggested_by: "openai-gpt-4o-mini", methodology_version: "v1.1", }) .select("id") .single() if (insertError) { results.push({ hadithId: hadith.id, success: false, error: insertError.message }) continue } // Insert tags const validTagSlugs = object.tag_slugs.filter((slug: string) => tagMap.has(slug)) if (validTagSlugs.length > 0) { const tagRows = validTagSlugs.map((slug: string) => ({ hadith_id: hadith.id, tag_id: tagMap.get(slug), enrichment_id: enrichment.id, status: "suggested" as const, })) await supabase.from("hadith_tags").insert(tagRows) } results.push({ hadithId: hadith.id, success: true }) } catch (err) { results.push({ hadithId: hadith.id, success: false, error: err instanceof Error ? err.message : "Unknown error", }) } } const successCount = results.filter((r) => r.success).length return Response.json({ processed: results.length, success: successCount, failed: results.length - successCount, results, }) } catch (error) { console.error("Enrichment pipeline error:", error) return Response.json( { error: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } // GET: Check enrichment progress stats export async function GET() { try { const supabase = getSupabaseAdmin() const { count: totalHadiths } = await supabase .from("hadiths") .select("*", { count: "exact", head: true }) .not("english_translation", "is", null) const { count: enrichedCount } = await supabase .from("hadith_enrichment") .select("*", { count: "exact", head: true }) const { count: suggestedCount } = await supabase .from("hadith_enrichment") .select("*", { count: "exact", head: true }) .eq("status", "suggested") const { count: approvedCount } = await supabase .from("hadith_enrichment") .select("*", { count: "exact", head: true }) .eq("status", "approved") const { count: publishedCount } = await supabase .from("hadith_enrichment") .select("*", { count: "exact", head: true }) .eq("status", "published") const { count: rejectedCount } = await supabase .from("hadith_enrichment") .select("*", { count: "exact", head: true }) .eq("status", "rejected") return Response.json({ total_hadiths: totalHadiths || 0, enriched: enrichedCount || 0, remaining: (totalHadiths || 0) - (enrichedCount || 0), by_status: { suggested: suggestedCount || 0, approved: approvedCount || 0, published: publishedCount || 0, rejected: rejectedCount || 0, }, coverage_percent: totalHadiths && totalHadiths > 0 ? Math.round(((enrichedCount || 0) / totalHadiths) * 100) : 0, }) } catch (error) { return Response.json( { error: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/api/gamification/achievements/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) // Fetch all active achievements const { data: allAchievements, error: achError } = await supabase .from("achievements") .select("*") .eq("is_active", true) .order("display_order") if (achError) return NextResponse.json({ error: achError.message }, { status: 500 }) // Fetch user's unlocked achievements const { data: unlocked } = await supabase .from("user_achievements") .select("achievement_id, unlocked_at, is_new") .eq("user_id", user.id) const unlockedMap = new Map( unlocked?.map((u) => [u.achievement_id, { unlocked_at: u.unlocked_at, is_new: u.is_new }]) || [], ) const achievements = allAchievements?.map((a) => ({ ...a, isUnlocked: unlockedMap.has(a.id), unlockedAt: unlockedMap.get(a.id)?.unlocked_at || null, isNew: unlockedMap.get(a.id)?.is_new || false, })) || [] return NextResponse.json({ achievements }) } // Mark achievements as viewed (dismiss "new" badge) export async function PATCH(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const body = await request.json() const { achievement_ids } = body if (achievement_ids && achievement_ids.length > 0) { await supabase .from("user_achievements") .update({ is_new: false, viewed_at: new Date().toISOString() }) .eq("user_id", user.id) .in("achievement_id", achievement_ids) } else { // Mark all as viewed await supabase .from("user_achievements") .update({ is_new: false, viewed_at: new Date().toISOString() }) .eq("user_id", user.id) .eq("is_new", true) } return NextResponse.json({ success: true }) } [V0_FILE]typescript:file="app/api/gamification/track/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { trackActivity } from "@/lib/gamification/track-activity" import { NextResponse } from "next/server" export async function POST(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const body = await request.json() const { activity_type, item_id } = body if (!activity_type) { return NextResponse.json({ error: "activity_type required" }, { status: 400 }) } const validTypes = ["read_hadith", "complete_story", "share", "bookmark", "note"] if (!validTypes.includes(activity_type)) { return NextResponse.json({ error: "Invalid activity_type" }, { status: 400 }) } const result = await trackActivity(user.id, activity_type, item_id) return NextResponse.json(result) } [V0_FILE]typescript:file="app/api/my-hadith/bookmarks/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { trackActivity } from "@/lib/gamification/track-activity" import { NextResponse } from "next/server" export async function GET(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const url = new URL(request.url) const itemType = url.searchParams.get("type") || "hadith" const folderId = url.searchParams.get("folder_id") const limit = Number.parseInt(url.searchParams.get("limit") || "20") const offset = Number.parseInt(url.searchParams.get("offset") || "0") let query = supabase .from("user_bookmarks") .select("*") .eq("user_id", user.id) .eq("item_type", itemType) .order("bookmarked_at", { ascending: false }) .range(offset, offset + limit - 1) if (folderId) { query = query.eq("folder_id", folderId) } const { data, error } = await query if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ bookmarks: data }) } export async function POST(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const body = await request.json() const { item_type, item_id, folder_id, tags } = body if (!item_type || !item_id) { return NextResponse.json({ error: "item_type and item_id required" }, { status: 400 }) } const { data, error } = await supabase .from("user_bookmarks") .upsert({ user_id: user.id, item_type, item_id, folder_id: folder_id || null, tags: tags || [], }, { onConflict: "user_id,item_type,item_id" }) .select() .single() if (error) return NextResponse.json({ error: error.message }, { status: 500 }) // Track bookmark activity for gamification await trackActivity(user.id, "bookmark", item_id).catch(() => {}) return NextResponse.json({ bookmark: data }) } export async function DELETE(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const url = new URL(request.url) const itemType = url.searchParams.get("item_type") const itemId = url.searchParams.get("item_id") if (!itemType || !itemId) { return NextResponse.json({ error: "item_type and item_id required" }, { status: 400 }) } const { error } = await supabase .from("user_bookmarks") .delete() .eq("user_id", user.id) .eq("item_type", itemType) .eq("item_id", itemId) if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ success: true }) } [V0_FILE]typescript:file="app/api/my-hadith/folders/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const { data, error } = await supabase .from("user_folders") .select("*") .eq("user_id", user.id) .order("created_at", { ascending: false }) if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ folders: data }) } export async function POST(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const body = await request.json() const { name, description, icon, color, is_public } = body if (!name || name.trim().length === 0) { return NextResponse.json({ error: "Folder name is required" }, { status: 400 }) } const { data, error } = await supabase .from("user_folders") .insert({ user_id: user.id, name: name.trim(), description: description || null, icon: icon || null, color: color || "#6b7280", is_public: is_public || false, }) .select() .single() if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ folder: data }) } export async function PATCH(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const body = await request.json() const { id, ...updates } = body if (!id) return NextResponse.json({ error: "Folder id required" }, { status: 400 }) const { data, error } = await supabase .from("user_folders") .update({ ...updates, updated_at: new Date().toISOString() }) .eq("id", id) .eq("user_id", user.id) .select() .single() if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ folder: data }) } export async function DELETE(request: Request) { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) const url = new URL(request.url) const id = url.searchParams.get("id") if (!id) return NextResponse.json({ error: "Folder id required" }, { status: 400 }) const { error } = await supabase .from("user_folders") .delete() .eq("id", id) .eq("user_id", user.id) if (error) return NextResponse.json({ error: error.message }, { status: 500 }) return NextResponse.json({ success: true }) } [V0_FILE]typescript:file="app/api/my-hadith/stats/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await getSupabaseServerClient() const { data: { user } } = await supabase.auth.getUser() if (!user) return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) // Ensure stats row exists await supabase.from("user_stats").upsert({ user_id: user.id }, { onConflict: "user_id" }) const { data: stats, error } = await supabase .from("user_stats") .select("*") .eq("user_id", user.id) .single() if (error) return NextResponse.json({ error: error.message }, { status: 500 }) // Fetch recent achievements const { data: recentAchievements } = await supabase .from("user_achievements") .select(`*, achievement:achievement_id (name_en, description_en, icon, category, tier, xp_reward)`) .eq("user_id", user.id) .eq("is_new", true) .order("unlocked_at", { ascending: false }) .limit(5) return NextResponse.json({ stats, recentAchievements: recentAchievements || [] }) } [V0_FILE]typescriptreact:file="app/api/og/hadith/route.tsx" isMerged="true" import { ImageResponse } from "next/og" import { createClient } from "@supabase/supabase-js" export const runtime = "edge" const COLLECTION_NAMES: Record = { "sahih-bukhari": "Sahih al-Bukhari", "sahih-muslim": "Sahih Muslim", "sunan-abu-dawud": "Sunan Abu Dawud", "jami-tirmidhi": "Jami at-Tirmidhi", "sunan-nasai": "Sunan an-Nasai", "sunan-ibn-majah": "Sunan Ibn Majah", "muwatta-malik": "Muwatta Malik", "musnad-ahmad": "Musnad Ahmad", } export async function GET(request: Request) { const { searchParams } = new URL(request.url) const hadithId = searchParams.get("id") if (!hadithId) { return new Response("Missing hadith ID", { status: 400 }) } const supabase = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "https://nqklipakrfuwebkdnhwg.supabase.co", process.env.SUPABASE_SERVICE_ROLE_KEY || process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im5xa2xpcGFrcmZ1d2Via2RuaHdnIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjgyODA3NDUsImV4cCI6MjA4Mzg1Njc0NX0.yhIe3hqiLlyF8atvSmNOL3HBq91V9Frw5jYcat-sZxY", ) const { data: hadith } = await supabase .from("hadiths") .select("arabic_text, english_translation, collection, reference, grade, narrator") .eq("id", hadithId) .single() if (!hadith) { return new Response("Hadith not found", { status: 404 }) } // Parse english translation let translationText = hadith.english_translation || "" if (translationText.startsWith("{")) { try { const parsed = JSON.parse(translationText) translationText = parsed.text || translationText } catch { // keep raw } } const arabicSnippet = (hadith.arabic_text || "").substring(0, 120) const englishSnippet = translationText.substring(0, 200) + (translationText.length > 200 ? "..." : "") const collectionName = COLLECTION_NAMES[hadith.collection] || hadith.collection const gradeLabel = hadith.grade?.charAt(0).toUpperCase() + hadith.grade?.slice(1) || "Authentic" return new ImageResponse( (

{/* Gold border */}

{/* Corner decorations */}

{/* Content */}

{/* Top: Collection + Grade */}

{collectionName}

{gradeLabel}

{/* Middle: Arabic text */}

{arabicSnippet}

{/* Divider */}

{/* English snippet */}

{englishSnippet}

{/* Bottom: Brand + Reference */}

Authentic Hadith

{hadith.reference}

), { width: 1200, height: 630, }, ) } [V0_FILE]typescriptreact:file="app/api/og/story/route.tsx" isMerged="true" import { ImageResponse } from "next/og" import { createClient } from "@supabase/supabase-js" export const runtime = "edge" export async function GET(request: Request) { const { searchParams } = new URL(request.url) const slug = searchParams.get("slug") const snippetId = searchParams.get("snippet") if (!slug) { return new Response("Missing slug", { status: 400 }) } const supabase = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "https://nqklipakrfuwebkdnhwg.supabase.co", process.env.SUPABASE_SERVICE_ROLE_KEY || process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im5xa2xpcGFrcmZ1d2Via2RuaHdnIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjgyODA3NDUsImV4cCI6MjA4Mzg1Njc0NX0.yhIe3hqiLlyF8atvSmNOL3HBq91V9Frw5jYcat-sZxY", ) const { data: sahabi } = await supabase .from("sahaba") .select("*") .eq("slug", slug) .single() if (!sahabi) { return new Response("Story not found", { status: 404 }) } // If a specific snippet is requested, fetch it let snippet: { text_en: string; attribution_en: string | null; source_reference: string | null } | null = null if (snippetId) { const { data } = await supabase .from("shareable_snippets") .select("text_en, attribution_en, source_reference") .eq("id", snippetId) .single() snippet = data } const themeColor = sahabi.theme_primary || "#1B5E43" const nameAr = sahabi.name_ar || "" const titleEn = sahabi.title_en || "" const notableFor = (sahabi.notable_for || []).slice(0, 3) return new ImageResponse( (

{/* Gold border */}

{/* Corner decorations */}

{/* Content */}

{/* Top: Label + Arabic name */}

Stories of the Companions

{nameAr}

{/* Middle: Name + Title or Snippet */}

{snippet ? ( <>

{'"'}{snippet.text_en.substring(0, 200)}{snippet.text_en.length > 200 ? "..." : ""}{'"'}

{snippet.attribution_en && (

-- {snippet.attribution_en}

)} ) : ( <>

{sahabi.name_en}

{titleEn}

)}

{/* Notable tags */} {!snippet && notableFor.length > 0 && (

{notableFor.map((item: string, i: number) => (

{item}

))}

)} {/* Bottom: Brand */}

Authentic Hadith

{sahabi.total_parts} parts

), { width: 1200, height: 630, }, ) } [V0_FILE]typescript:file="app/api/quiz/generate/route.ts" isMerged="true" import { generateText, Output } from "ai" import { z } from "zod" import { createClient } from "@/lib/supabase/server" const quizQuestionSchema = z.object({ questions: z.array( z.object({ question: z.string(), options: z.array(z.string()), correctIndex: z.number(), explanation: z.string(), difficulty: z.string(), relatedHadithRef: z.string().nullable(), }) ), }) export async function POST(req: Request) { try { const body = await req.json() const { pathId, moduleId, lessonId, count = 5, mode = "learning_path" } = body const supabase = await createClient() let hadithContext: Array<{ english_translation: string arabic_text: string collection: string reference: string grade: string narrator: string }> = [] let lessonContext = "" if (mode === "learning_path" && (lessonId || moduleId || pathId)) { // Get lessons for the requested scope let lessonIds: string[] = [] if (lessonId) { lessonIds = [lessonId] } else if (moduleId) { const { data } = await supabase .from("learning_lessons") .select("id") .eq("module_id", moduleId) lessonIds = (data || []).map((l) => l.id) } else if (pathId) { const { data: modules } = await supabase .from("learning_modules") .select("id") .eq("path_id", pathId) if (modules) { const { data } = await supabase .from("learning_lessons") .select("id") .in("module_id", modules.map((m) => m.id)) lessonIds = (data || []).map((l) => l.id) } } // Get lesson content and hadith IDs if (lessonIds.length > 0) { const { data: lessons } = await supabase .from("learning_lessons") .select("title, description, content_markdown, hadith_ids, collection_slug") .in("id", lessonIds) if (lessons) { const allHadithIds: string[] = [] const contextParts: string[] = [] for (const lesson of lessons) { if (lesson.content_markdown) { contextParts.push(`Lesson: ${lesson.title}\n${lesson.content_markdown.substring(0, 500)}`) } if (lesson.hadith_ids) { allHadithIds.push(...lesson.hadith_ids) } } lessonContext = contextParts.join("\n\n") // Fetch referenced hadiths if (allHadithIds.length > 0) { const { data: hadiths } = await supabase .from("hadiths") .select("english_translation, arabic_text, collection, reference, grade, narrator") .in("id", allHadithIds) .limit(20) if (hadiths) hadithContext = hadiths } } } } // If no specific context, grab random hadiths for a general quiz if (hadithContext.length === 0) { const { data: hadiths } = await supabase .from("hadiths") .select("english_translation, arabic_text, collection, reference, grade, narrator") .not("narrator", "is", null) .not("english_translation", "is", null) .limit(100) if (hadiths) { // Shuffle and pick a subset const shuffled = hadiths.sort(() => Math.random() - 0.5) hadithContext = shuffled.slice(0, Math.min(15, shuffled.length)) } } if (hadithContext.length === 0) { return Response.json({ error: "No hadith data available for quiz generation" }, { status: 400 }) } // Build the hadith context string const hadithContextStr = hadithContext .map((h, i) => { const parts = [] parts.push(`Hadith ${i + 1}:`) if (h.reference) parts.push(`Reference: ${h.reference}`) if (h.collection) parts.push(`Collection: ${h.collection}`) if (h.narrator) parts.push(`Narrator: ${h.narrator}`) if (h.grade) parts.push(`Grade: ${h.grade}`) if (h.english_translation) parts.push(`Translation: ${h.english_translation.substring(0, 300)}`) return parts.join("\n") }) .join("\n\n") const systemPrompt = `You are a knowledgeable Islamic scholar creating educational quiz questions about hadith (prophetic traditions). Your questions should test understanding, not just memorization. Create questions that help students learn about: - The meaning and lessons from specific hadiths - Who narrated specific hadiths - Which collection a hadith belongs to - The grade/authenticity classification of hadiths - Islamic teachings and principles derived from the hadiths - Context and application of hadith teachings IMPORTANT RULES: - Questions must be factually accurate based on the provided hadiths - Each question must have exactly 4 options - correctIndex must be 0, 1, 2, or 3 - The explanation should be educational and reference the actual hadith - Mix question types: understanding, narrator identification, collection knowledge, practical application - Questions should be respectful and educational in tone - Do NOT make questions about controversial topics` const userPrompt = `Generate ${count} multiple-choice quiz questions based on the following hadith content: ${lessonContext ? `LEARNING CONTEXT:\n${lessonContext}\n\n` : ""}HADITH DATA: ${hadithContextStr} Generate exactly ${count} questions with varying difficulty levels. Focus on testing genuine understanding of the teachings.` const { output } = await generateText({ model: "openai/gpt-4o-mini", output: Output.object({ schema: quizQuestionSchema }), system: systemPrompt, messages: [{ role: "user", content: userPrompt }], }) return Response.json({ questions: output?.questions || [] }) } catch (error) { console.error("Quiz generation error:", error) return Response.json({ error: "Failed to generate quiz questions" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/search/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" export async function GET(req: Request) { const { searchParams } = new URL(req.url) const query = searchParams.get("q") || "" const category = searchParams.get("category") || "" const tag = searchParams.get("tag") || "" if (query.length < 2 && !category && !tag) { return Response.json({ results: [] }) } const supabase = await getSupabaseServerClient() // If searching by tag, find hadith IDs tagged with it first if (tag) { const { data: tagRow } = await supabase .from("tags") .select("id") .eq("slug", tag) .single() if (!tagRow) return Response.json({ results: [] }) // Use hadith_tag_weights (bulk data) as primary source, fall back to hadith_tags const { data: weightedIds } = await supabase .from("hadith_tag_weights") .select("hadith_id") .eq("tag_id", tagRow.id) .order("weight", { ascending: false }) .limit(30) let ids = (weightedIds || []).map((t: { hadith_id: string }) => t.hadith_id) // Fall back to hadith_tags if no weighted results if (ids.length === 0) { const { data: taggedIds } = await supabase .from("hadith_tags") .select("hadith_id") .eq("tag_id", tagRow.id) .eq("status", "published") .limit(30) ids = (taggedIds || []).map((t: { hadith_id: string }) => t.hadith_id) } if (ids.length === 0) return Response.json({ results: [] }) const { data: hadiths } = await supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade") .in("id", ids) const enriched = await attachEnrichments(supabase, hadiths || []) return Response.json({ results: enriched }) } // If searching by category, find hadith IDs in that category if (category) { const { data: catRow } = await supabase .from("categories") .select("id") .eq("slug", category) .single() if (!catRow) return Response.json({ results: [] }) const { data: enrichments } = await supabase .from("hadith_enrichment") .select("hadith_id") .eq("category_id", catRow.id) .eq("status", "published") .limit(30) if (!enrichments || enrichments.length === 0) return Response.json({ results: [] }) const ids = enrichments.map((e: { hadith_id: string }) => e.hadith_id) let hadithQuery = supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade") .in("id", ids) // Further filter by text query if provided if (query.length >= 2) { hadithQuery = hadithQuery.or( `english_translation.ilike.%${query}%,narrator.ilike.%${query}%`, ) } const { data: hadiths } = await hadithQuery const enriched = await attachEnrichments(supabase, hadiths || []) return Response.json({ results: enriched }) } // Standard text search: search hadiths + summary_lines const { data: directResults, error } = await supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade") .or(`english_translation.ilike.%${query}%,narrator.ilike.%${query}%,arabic_text.ilike.%${query}%`) .limit(20) if (error) { return Response.json({ results: [], error: error.message }, { status: 500 }) } // Also search by summary_line in enrichments const { data: summaryMatches } = await supabase .from("hadith_enrichment") .select("hadith_id") .eq("status", "published") .ilike("summary_line", `%${query}%`) .limit(10) const directIds = new Set((directResults || []).map((h: { id: string }) => h.id)) const extraIds = (summaryMatches || []) .map((e: { hadith_id: string }) => e.hadith_id) .filter((id: string) => !directIds.has(id)) let allResults = directResults || [] // Fetch additional hadiths found via summary search if (extraIds.length > 0) { const { data: extras } = await supabase .from("hadiths") .select("id, hadith_number, collection, book_number, arabic_text, english_translation, narrator, grade") .in("id", extraIds) if (extras) { allResults = [...allResults, ...extras] } } const enriched = await attachEnrichments(supabase, allResults) // Build tag facets from results const facetMap = new Map() for (const h of enriched) { const tags = (h as Record).tags as Array<{ slug: string; name_en: string }> | undefined if (tags) { for (const t of tags) { const existing = facetMap.get(t.slug) if (existing) { existing.count++ } else { facetMap.set(t.slug, { slug: t.slug, name_en: t.name_en, count: 1 }) } } } } const facets = [...facetMap.values()].sort((a, b) => b.count - a.count).slice(0, 10) return Response.json({ results: enriched, facets }) } // Helper: attach enrichment data to hadith results async function attachEnrichments( supabase: Awaited>, hadiths: Array>, ) { if (hadiths.length === 0) return hadiths const ids = hadiths.map((h) => h.id as string) // Get enrichments const { data: enrichments } = await supabase .from("hadith_enrichment") .select("hadith_id, summary_line, category:categories!category_id(slug, name_en)") .eq("status", "published") .in("hadith_id", ids) // Get tags from hadith_tag_weights (primary) and hadith_tags (fallback) const { data: weightData } = await supabase .from("hadith_tag_weights") .select("hadith_id, tag_id, weight") .in("hadith_id", ids) .order("weight", { ascending: false }) // Resolve tag_ids to tag details const uniqueTagIds = [...new Set((weightData || []).map((w: { tag_id: string }) => w.tag_id))] let tagLookup = new Map() if (uniqueTagIds.length > 0) { const { data: tagDetails } = await supabase .from("tags") .select("id, slug, name_en") .in("id", uniqueTagIds) for (const t of tagDetails || []) { tagLookup.set(t.id, { slug: t.slug, name_en: t.name_en }) } } const enrichmentMap = new Map>() for (const e of enrichments || []) { enrichmentMap.set(e.hadith_id, e) } const tagMap = new Map>() for (const w of weightData || []) { const tag = tagLookup.get(w.tag_id) if (!tag) continue const existing = tagMap.get(w.hadith_id) || [] // Deduplicate if (!existing.some((t) => t.slug === tag.slug)) { existing.push(tag) } tagMap.set(w.hadith_id, existing) } // Also check hadith_tags for any extras not in weights const { data: tagData } = await supabase .from("hadith_tags") .select("hadith_id, tag:tags!tag_id(slug, name_en)") .eq("status", "published") .in("hadith_id", ids) for (const t of tagData || []) { if (!t.tag) continue const tag = t.tag as { slug: string; name_en: string } const existing = tagMap.get(t.hadith_id) || [] if (!existing.some((et) => et.slug === tag.slug)) { existing.push(tag) } tagMap.set(t.hadith_id, existing) } return hadiths.map((h) => { const enrichment = enrichmentMap.get(h.id as string) return { ...h, summary_line: enrichment?.summary_line || null, category: enrichment?.category || null, tags: tagMap.get(h.id as string) || [], } }) } [V0_FILE]typescript:file="app/api/seed-book/route.ts" isMerged="true" import { createClient } from "@supabase/supabase-js" import { NextResponse } from "next/server" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" function getAdminClient() { return createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY, ) } const COLLECTION_MAP: Record = { "sahih-bukhari": "bukhari", "sahih-muslim": "muslim", "sunan-abu-dawud": "abudawud", "jami-tirmidhi": "tirmidhi", "sunan-nasai": "nasai", "sunan-ibn-majah": "ibnmajah", "muwatta-malik": "malik", "musnad-ahmad": "ahmad", } const COLLECTION_DISPLAY: Record = { "bukhari": "Sahih al-Bukhari", "muslim": "Sahih Muslim", "abudawud": "Sunan Abi Dawud", "tirmidhi": "Jami` at-Tirmidhi", "nasai": "Sunan an-Nasa'i", "ibnmajah": "Sunan Ibn Majah", "malik": "Muwatta Malik", "ahmad": "Musnad Ahmad", } function escapeRegex(str: string): string { return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") } interface ParsedHadith { hadithNumber: number arabicText: string englishText: string narrator: string grade: string reference: string } interface ParsedChapter { number: number nameEn: string nameAr: string } function parseFromRawHtml(html: string, sunnahSlug: string): { hadiths: ParsedHadith[], chapters: ParsedChapter[] } { const hadiths: ParsedHadith[] = [] const chapters: ParsedChapter[] = [] const collDisplay = COLLECTION_DISPLAY[sunnahSlug] || sunnahSlug // Strategy 1: Split by hadith reference pattern (most reliable for sunnah.com SSR) // The SSR HTML contains patterns like "Sahih al-Bukhari 1\nNarrated..." // Let's try multiple splitting strategies // Parse chapter headings - look for "Chapter:" patterns const chapterPattern = /Chapter:\s*([^\n]+)/gi let chMatch let chNum = 0 while ((chMatch = chapterPattern.exec(html)) !== null) { chNum++ const name = chMatch[1].replace(/<[^>]+>/g, "").trim() if (name && name.length > 2) { chapters.push({ number: chNum, nameEn: name, nameAr: "" }) } } // Try parsing by splitting on the hadith reference markers // sunnah.com SSR includes patterns like: "Sahih al-Bukhari 1\nNarrated 'Umar..." const refPattern = new RegExp(`${escapeRegex(collDisplay)}\\s+(\\d+)`, "gi") const allRefs: Array<{ num: number; index: number }> = [] let rMatch while ((rMatch = refPattern.exec(html)) !== null) { const num = parseInt(rMatch[1]) if (!allRefs.find(r => r.num === num)) { allRefs.push({ num, index: rMatch.index }) } } // For each reference, extract the text block around it for (let i = 0; i < allRefs.length; i++) { const ref = allRefs[i] const nextRef = allRefs[i + 1] const startIdx = Math.max(0, ref.index - 200) // Look back a bit for narrator line const endIdx = nextRef ? nextRef.index : Math.min(html.length, ref.index + 10000) const block = html.substring(startIdx, endIdx) // Extract English - look for "Narrated..." pattern let englishText = "" const narrMatch = block.match(/(?:Narrated\s+[^\n:]+:\s*\n?)([\s\S]*?)(?=\n\s*(?:حَدَّثَنَا|حَدَّثَنِي|أَخْبَرَنَا|عَنْ\s|قَالَ\s|Reference|Report Error|Share|$))/i) if (narrMatch) { englishText = narrMatch[0].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() } if (!englishText) { // Try alternate: look for text between "Sahih al-Bukhari N" line and Arabic const altMatch = block.match(new RegExp(`${escapeRegex(collDisplay)}\\s+${ref.num}\\s*\\n([\\s\\S]*?)(?=\\n\\s*[\\u0600-\\u06FF])`, "i")) if (altMatch) { englishText = altMatch[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() } } // Extract Arabic let arabicText = "" // Match continuous Arabic text blocks const arabicMatch = block.match(/([\u0600-\u06FF][\u0600-\u06FF\s\u064B-\u065F\u0670\u0640،.:\-]+[\u0600-\u06FF])/g) if (arabicMatch) { // Take the longest Arabic block as the hadith text arabicText = arabicMatch.reduce((a, b) => a.length > b.length ? a : b, "").trim() } // Extract narrator from English let narrator = "" const narratorMatch = englishText.match(/^(?:Narrated|It is narrated on the authority of|It was narrated (?:from|that)|reported on the authority of)\s+([^:]+?)(?:\s*:)/i) if (narratorMatch) { narrator = narratorMatch[1].replace(/$.*?$/g, "").replace(/'/g, "'").trim() if (narrator.length > 80) narrator = narrator.substring(0, 80) } // Grade let grade = "" const gradeMatch = block.match(/(?:Grade|Grading)[:\s]*([^\n<]+)/i) if (gradeMatch) { const g = gradeMatch[1].toLowerCase().trim() if (g.includes("sahih")) grade = "sahih" else if (g.includes("hasan")) grade = "hasan" else if (g.includes("da") || g.includes("weak")) grade = "daif" } if (englishText.length > 20 || arabicText.length > 20) { hadiths.push({ hadithNumber: ref.num, arabicText, englishText: englishText.substring(0, 10000), narrator, grade: grade || (sunnahSlug === "bukhari" || sunnahSlug === "muslim" ? "sahih" : "hasan"), reference: `${collDisplay} ${ref.num}`, }) } } // Fallback: try splitting by "actualHadithContainer" class (original approach) if (hadiths.length === 0) { const sections = html.split(/class="actualHadithContainer"/) for (let i = 1; i < sections.length; i++) { const section = sections[i] let hadithNum = 0 const hRefMatch = section.match(new RegExp(`${escapeRegex(collDisplay)}\\s+(\\d+)`, "i")) if (hRefMatch) hadithNum = parseInt(hRefMatch[1]) if (!hadithNum) { const inBookMatch = section.match(/In-book reference[^:]*:[^,]*Hadith\s+(\d+)/i) if (inBookMatch) hadithNum = parseInt(inBookMatch[1]) } if (!hadithNum || hadiths.find(h => h.hadithNumber === hadithNum)) continue let englishText = "" const engMatch = section.match(/class="[^"]*(?:english_hadith_full|text_details|hadithText)[^"]*"[^>]*>([\s\S]*?)<\/div/i) if (engMatch) englishText = engMatch[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() let arabicText = "" const arMatch = section.match(/class="[^"]*(?:arabic_hadith_full|arabictext)[^"]*"[^>]*>([\s\S]*?)<\/div/i) if (arMatch) arabicText = arMatch[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() let narrator = "" const nMatch = englishText.match(/^(?:Narrated|It is narrated)\s+([^:]+?)(?:\s*:)/i) if (nMatch) narrator = nMatch[1].replace(/$.*?$/g, "").trim() if (englishText.length > 15 || arabicText.length > 15) { hadiths.push({ hadithNumber: hadithNum, arabicText, englishText: englishText.substring(0, 10000), narrator: narrator.substring(0, 80), grade: sunnahSlug === "bukhari" || sunnahSlug === "muslim" ? "sahih" : "hasan", reference: `${collDisplay} ${hadithNum}`, }) } } } return { hadiths, chapters } } export async function POST(request: Request) { try { const { collection, bookNumber } = await request.json() if (!collection || !bookNumber) { return NextResponse.json({ error: "collection and bookNumber required" }, { status: 400 }) } const supabase = getAdminClient() const sunnahSlug = COLLECTION_MAP[collection] if (!sunnahSlug) { return NextResponse.json({ error: `Unknown collection: ${collection}` }, { status: 400 }) } // Get collection and book from DB const { data: coll } = await supabase.from("collections").select("id, name_en").eq("slug", collection).single() if (!coll) return NextResponse.json({ error: `Collection not found: ${collection}` }, { status: 404 }) const { data: book } = await supabase.from("books").select("id, name_en, total_hadiths").eq("collection_id", coll.id).eq("number", bookNumber).single() if (!book) return NextResponse.json({ error: `Book not found: ${collection} #${bookNumber}` }, { status: 404 }) // Check if already seeded with real content const { data: existingLinks } = await supabase .from("collection_hadiths") .select("hadith_id, hadith_number") .eq("book_id", book.id) .order("hadith_number") if (existingLinks && existingLinks.length > 0) { const { data: sample } = await supabase.from("hadiths").select("english_translation").eq("id", existingLinks[0].hadith_id).single() const isPlaceholder = !sample?.english_translation || sample.english_translation.includes("narrated a hadith.") || sample.english_translation.includes("[Content pending") || sample.english_translation.includes("This is hadith number") || sample.english_translation.length < 80 if (!isPlaceholder) { return NextResponse.json({ status: "already_seeded", book: book.name_en, count: existingLinks.length, }) } } // Fetch from sunnah.com const url = `https://sunnah.com/${sunnahSlug}/${bookNumber}` let fetchedHadiths: ParsedHadith[] = [] let fetchedChapters: ParsedChapter[] = [] try { const resp = await fetch(url, { headers: { "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36", Accept: "text/html", }, signal: AbortSignal.timeout(30000), }) if (resp.ok) { const html = await resp.text() const parsed = parseFromRawHtml(html, sunnahSlug) fetchedHadiths = parsed.hadiths fetchedChapters = parsed.chapters } } catch (err) { console.error(`[seed-book] Fetch error:`, err) } let updatedCount = 0 let chaptersUpdated = 0 // Update chapter names if (fetchedChapters.length > 0) { const { data: existingChapters } = await supabase .from("chapters") .select("id, number, name_en") .eq("book_id", book.id) .order("number") if (existingChapters) { for (const ch of fetchedChapters) { const existing = existingChapters.find(c => c.number === ch.number) if (existing && ch.nameEn && (existing.name_en.startsWith("Chapter ") || existing.name_en.length < 5)) { const updateData: Record = { name_en: ch.nameEn } if (ch.nameAr) updateData.name_ar = ch.nameAr await supabase.from("chapters").update(updateData).eq("id", existing.id) chaptersUpdated++ } } } } // Update existing hadiths if (existingLinks && existingLinks.length > 0 && fetchedHadiths.length > 0) { for (const link of existingLinks) { const fetched = fetchedHadiths.find(h => h.hadithNumber === link.hadith_number) if (fetched) { const updateData: Record = {} if (fetched.englishText) updateData.english_translation = fetched.englishText if (fetched.arabicText) updateData.arabic_text = fetched.arabicText if (fetched.narrator) updateData.narrator = fetched.narrator if (fetched.grade) updateData.grade = fetched.grade if (fetched.reference) updateData.reference = fetched.reference if (Object.keys(updateData).length > 0) { const { error } = await supabase.from("hadiths").update(updateData).eq("id", link.hadith_id) if (!error) updatedCount++ } } } } return NextResponse.json({ status: "seeded", book: book.name_en, collection: coll.name_en, fetched: fetchedHadiths.length, updated: updatedCount, chapters_updated: chaptersUpdated, total_in_book: existingLinks?.length || 0, }) } catch (error) { console.error("[seed-book] Error:", error) return NextResponse.json({ error: String(error) }, { status: 500 }) } } export const maxDuration = 120 [V0_FILE]typescript:file="app/api/seed-full/route.ts" isMerged="true" import { createClient } from "@supabase/supabase-js" import { NextResponse } from "next/server" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" export const maxDuration = 300 function getAdminClient() { return createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY, ) } const EDITION_MAP: Record = { "sahih-bukhari": { eng: "eng-bukhari", ara: "ara-bukhari" }, "sahih-muslim": { eng: "eng-muslim", ara: "ara-muslim" }, "sunan-abu-dawud": { eng: "eng-abudawud", ara: "ara-abudawud" }, "jami-tirmidhi": { eng: "eng-tirmidhi", ara: "ara-tirmidhi" }, "sunan-nasai": { eng: "eng-nasai", ara: "ara-nasai" }, "sunan-ibn-majah": { eng: "eng-ibnmajah", ara: "ara-ibnmajah" }, "muwatta-malik": { eng: "eng-malik", ara: "ara-malik" }, "musnad-ahmad": { eng: "eng-ahmad", ara: "ara-ahmad" }, } const DISPLAY_MAP: Record = { "sahih-bukhari": "Sahih al-Bukhari", "sahih-muslim": "Sahih Muslim", "sunan-abu-dawud": "Sunan Abu Dawud", "jami-tirmidhi": "Jami at-Tirmidhi", "sunan-nasai": "Sunan an-Nasai", "sunan-ibn-majah": "Sunan Ibn Majah", "muwatta-malik": "Muwatta Malik", "musnad-ahmad": "Musnad Ahmad", } const CDN = "https://cdn.jsdelivr.net/gh/fawazahmed0/hadith-api@1/editions" interface CDNHadith { hadithnumber: number text: string grades: Array<{ name: string; grade: string }> reference: { book: number; hadith: number } } interface CDNSection { metadata: { name: string section: Record section_detail: Record } hadiths: CDNHadith[] } function determineGrade(grades: Array<{ name: string; grade: string }>, slug: string): string { if (slug === "sahih-bukhari" || slug === "sahih-muslim") return "sahih" if (!grades || grades.length === 0) return "hasan" for (const g of grades) { const gl = g.grade.toLowerCase() if (gl.includes("sahih")) return "sahih" if (gl.includes("hasan")) return "hasan" if (gl.includes("daif") || gl.includes("da'if") || gl.includes("weak")) return "daif" } return "hasan" } function extractNarrator(text: string): string { const m = text.match(/^(?:Narrated|It was narrated (?:from|that)|It is narrated on the authority of)\s+([^:]{3,80}):/i) if (m) return m[1].replace(/$.*?$/g, "").trim() return "" } /** * GET /api/seed-full?collection=sahih-bukhari&startSection=1&endSection=200 * Downloads sections from CDN and inserts missing hadiths. */ export async function GET(request: Request) { const { searchParams } = new URL(request.url) const slug = searchParams.get("collection") || "" const startSection = Number(searchParams.get("startSection")) || 1 const endSection = Number(searchParams.get("endSection")) || 200 return seedCollection(slug, startSection, endSection) } /** * POST /api/seed-full * Body: { collection: "sahih-bukhari", startSection?: number, endSection?: number } * Downloads sections from CDN and inserts missing hadiths. */ export async function POST(request: Request) { const body = await request.json() const slug = body.collection as string const startSection = (body.startSection as number) || 1 const endSection = (body.endSection as number) || 200 return seedCollection(slug, startSection, endSection) } async function seedCollection(slug: string, startSection: number, endSection: number) { const start = Date.now() try { if (!slug || !EDITION_MAP[slug]) { return NextResponse.json({ error: `Unknown collection: ${slug}` }, { status: 400 }) } const supabase = getAdminClient() const edition = EDITION_MAP[slug] // Get collection from DB const { data: coll } = await supabase .from("collections") .select("id") .eq("slug", slug) .single() if (!coll) return NextResponse.json({ error: `Collection not found: ${slug}` }, { status: 404 }) // Get existing hadith numbers to skip duplicates const { data: existingLinks } = await supabase .from("collection_hadiths") .select("hadith_number") .eq("collection_id", coll.id) const existingNumbers = new Set((existingLinks || []).map(l => l.hadith_number)) let totalInserted = 0 let totalSkipped = 0 let sectionsProcessed = 0 let consecutiveMisses = 0 const errors: string[] = [] for (let secNum = startSection; secNum <= endSection; secNum++) { // Stop if we've been running for > 250s (leave buffer) if (Date.now() - start > 250000) { errors.push(`Timeout at section ${secNum}. Resume with startSection=${secNum}`) break } // Fetch English section let engData: CDNSection try { const resp = await fetch(`${CDN}/${edition.eng}/${secNum}.min.json`, { signal: AbortSignal.timeout(15000), }) if (resp.status === 404) { consecutiveMisses++ if (consecutiveMisses >= 3) break // No more sections continue } if (!resp.ok) { errors.push(`Section ${secNum}: HTTP ${resp.status}`) continue } engData = await resp.json() consecutiveMisses = 0 } catch { errors.push(`Section ${secNum}: fetch failed`) consecutiveMisses++ if (consecutiveMisses >= 3) break continue } if (!engData.hadiths || engData.hadiths.length === 0) continue // Fetch Arabic section const arabicMap = new Map() try { const araResp = await fetch(`${CDN}/${edition.ara}/${secNum}.min.json`, { signal: AbortSignal.timeout(15000), }) if (araResp.ok) { const araData = await araResp.json() as CDNSection for (const h of araData.hadiths) { arabicMap.set(h.hadithnumber, h.text) } } } catch { /* Arabic is optional */ } // Ensure book exists const sectionName = engData.metadata?.section?.[String(secNum)] || `Book ${secNum}` const { data: existingBook } = await supabase .from("books") .select("id") .eq("collection_id", coll.id) .eq("number", secNum) .single() let bookId: string if (existingBook) { bookId = existingBook.id // Update name/count await supabase.from("books").update({ name_en: sectionName, total_hadiths: engData.hadiths.length, }).eq("id", bookId) } else { const { data: newBook, error: bookErr } = await supabase .from("books") .insert({ collection_id: coll.id, name_en: sectionName, name_ar: "", number: secNum, total_hadiths: engData.hadiths.length, total_chapters: 1, sort_order: secNum, }) .select("id") .single() if (bookErr || !newBook) { errors.push(`Section ${secNum}: book create failed`) continue } bookId = newBook.id } // Ensure at least one chapter const { data: existingChapter } = await supabase .from("chapters") .select("id") .eq("book_id", bookId) .limit(1) .single() let chapterId: string if (existingChapter) { chapterId = existingChapter.id } else { const { data: newCh } = await supabase .from("chapters") .insert({ book_id: bookId, name_en: sectionName, name_ar: "", number: 1, total_hadiths: engData.hadiths.length, sort_order: 1, }) .select("id") .single() if (!newCh) { errors.push(`Section ${secNum}: chapter create failed`) continue } chapterId = newCh.id } // Filter out already existing hadiths const newHadiths = engData.hadiths.filter(h => !existingNumbers.has(h.hadithnumber)) totalSkipped += engData.hadiths.length - newHadiths.length // Insert in batches of 100 const BATCH = 100 for (let i = 0; i < newHadiths.length; i += BATCH) { if (Date.now() - start > 260000) { errors.push(`Timeout mid-section ${secNum}. Resume with startSection=${secNum}`) break } const batch = newHadiths.slice(i, i + BATCH) const rows = batch.map(h => ({ hadith_number: h.hadithnumber, book_number: secNum, arabic_text: arabicMap.get(h.hadithnumber) || "", english_translation: h.text, narrator: extractNarrator(h.text), grade: determineGrade(h.grades, slug), reference: `${DISPLAY_MAP[slug]} ${h.hadithnumber}`, collection: slug, is_featured: false, })) const { data: inserted, error: insErr } = await supabase .from("hadiths") .insert(rows) .select("id, hadith_number") if (insErr) { errors.push(`Section ${secNum} batch ${i}: ${insErr.message}`) continue } if (inserted && inserted.length > 0) { const links = inserted.map(h => ({ collection_id: coll.id, book_id: bookId, chapter_id: chapterId, hadith_id: h.id, hadith_number: h.hadith_number, })) await supabase.from("collection_hadiths").insert(links) totalInserted += inserted.length // Track inserted numbers to avoid future duplicates within this run for (const h of inserted) { existingNumbers.add(h.hadith_number) } } } sectionsProcessed++ } // Update collection total const { count } = await supabase .from("collection_hadiths") .select("id", { count: "exact", head: true }) .eq("collection_id", coll.id) if (count !== null) { await supabase.from("collections").update({ total_hadiths: count }).eq("id", coll.id) } return NextResponse.json({ results: { [slug]: { total_inserted: totalInserted, total_skipped: totalSkipped, sections: sectionsProcessed, errors, elapsed_ms: Date.now() - start, new_total: count, } } }) } catch (error) { return NextResponse.json({ error: String(error) }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/seed-progress/route.ts" isMerged="true" import { getAllProgress } from "@/lib/seed-progress" export const dynamic = "force-dynamic" export async function GET() { const encoder = new TextEncoder() const stream = new ReadableStream({ async start(controller) { let ticks = 0 const maxTicks = 3600 // 1 hour max (1s interval) const interval = setInterval(() => { ticks++ if (ticks > maxTicks) { clearInterval(interval) controller.close() return } const progress = getAllProgress() const data = JSON.stringify(progress) controller.enqueue(encoder.encode(`data: ${data}\n\n`)) // Close if all collections are done or errored const values = Object.values(progress) if ( values.length > 0 && values.every((p) => p.phase === "done" || p.phase === "error") ) { // Send one final update then close after a short delay setTimeout(() => { clearInterval(interval) controller.close() }, 2000) } }, 1000) }, }) return new Response(stream, { headers: { "Content-Type": "text/event-stream", "Cache-Control": "no-cache", Connection: "keep-alive", }, }) } [V0_FILE]typescript:file="app/api/seed-status/route.ts" isMerged="true" import { createClient } from "@supabase/supabase-js" import { NextResponse } from "next/server" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" function getAdminClient() { return createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY, ) } export async function GET() { try { const supabase = getAdminClient() // Get all collections with their actual hadith counts via collection_hadiths const { data: collections } = await supabase .from("collections") .select("id, name_en, slug, total_books, total_hadiths") .order("slug") if (!collections) return NextResponse.json({ error: "No collections" }, { status: 404 }) const result = [] for (const coll of collections) { // Count actual linked hadiths const { count: hadithCount } = await supabase .from("collection_hadiths") .select("id", { count: "exact", head: true }) .eq("collection_id", coll.id) // Count books const { count: bookCount } = await supabase .from("books") .select("id", { count: "exact", head: true }) .eq("collection_id", coll.id) result.push({ slug: coll.slug, name: coll.name_en, expected_hadiths: coll.total_hadiths, hadith_count: hadithCount || 0, missing: Math.max(0, coll.total_hadiths - (hadithCount || 0)), book_count: bookCount || 0, expected_books: coll.total_books, }) } const totalActual = result.reduce((sum, c) => sum + c.hadith_count, 0) const totalExpected = result.reduce((sum, c) => sum + c.expected_hadiths, 0) return NextResponse.json({ collections: result, total_hadiths: totalActual, total_expected: totalExpected, total_missing: totalExpected - totalActual, }) } catch (error) { console.error("[seed-status] Error:", error) return NextResponse.json({ error: String(error) }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/seed/route.ts" isMerged="true" import { createClient } from "@supabase/supabase-js" import { NextResponse } from "next/server" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" function getAdminClient() { return createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY, ) } const COLLECTION_MAP: Record = { "sahih-bukhari": "bukhari", "sahih-muslim": "muslim", "sunan-abu-dawud": "abudawud", "jami-tirmidhi": "tirmidhi", "sunan-nasai": "nasai", "sunan-ibn-majah": "ibnmajah", "muwatta-malik": "malik", "musnad-ahmad": "ahmad", } interface ParsedHadith { hadithNumber: number arabicText: string englishText: string narrator: string grade: string reference: string } interface ParsedChapter { number: number nameEn: string nameAr: string } /** * Parses hadiths from the WebFetch text content of sunnah.com. * The WebFetch tool returns cleaned text (not raw HTML), so we parse text patterns. */ function parseHadithsFromText(text: string, collectionName: string): { hadiths: ParsedHadith[], chapters: ParsedChapter[] } { const hadiths: ParsedHadith[] = [] const chapters: ParsedChapter[] = [] // Split by hadith reference patterns like "Sahih al-Bukhari 1" or "Sahih Muslim 8 a" // The text from WebFetch has patterns like: // Sahih al-Bukhari 1\nNarrated 'Umar bin Al-Khattab:\n... // Then Arabic text // Then **Reference**|:[Sahih al-Bukhari 1] // Extract chapter info - patterns like: // (1)\nChapter: How the Divine Revelation started...\n(1)\nباب... const chapterRegex = /$(\d+)$\s*\nChapter:\s*([^\n]+)\s*\n$\d+$\s*\n(باب[^\n]*)/g let chapterMatch while ((chapterMatch = chapterRegex.exec(text)) !== null) { chapters.push({ number: parseInt(chapterMatch[1]), nameEn: chapterMatch[2].trim(), nameAr: chapterMatch[3].trim(), }) } // Also try simpler chapter pattern without explicit "Chapter:" label const simpleChapterRegex = /$(\d+)$\s*\nChapter:\s*([^\n]+)/g let simpleMatch while ((simpleMatch = simpleChapterRegex.exec(text)) !== null) { const num = parseInt(simpleMatch[1]) if (!chapters.find(c => c.number === num)) { chapters.push({ number: num, nameEn: simpleMatch[2].trim(), nameAr: "", }) } } // Parse hadith blocks - look for the reference pattern to identify each hadith // Pattern: "Sahih al-Bukhari 123" or "Sahih Muslim 8 a" followed by content const collectionPatterns: Record = { "bukhari": "Sahih al-Bukhari", "muslim": "Sahih Muslim", "abudawud": "Sunan Abi Dawud", "tirmidhi": "Jami` at-Tirmidhi", "nasai": "Sunan an-Nasa'i", "ibnmajah": "Sunan Ibn Majah", "malik": "Muwatta Malik", "ahmad": "Musnad Ahmad", } const sunnahSlug = Object.entries(COLLECTION_MAP).find(([, v]) => v === collectionName)?.[1] || collectionName const collPattern = collectionPatterns[sunnahSlug] || collectionName // Split text by reference blocks // Each hadith starts with something like "Sahih al-Bukhari 5\nNarrated..." const hadithBlockRegex = new RegExp( `${escapeRegex(collPattern)}\\s+(\\d+)(?:\\s+[a-z])?\\s*\\n([\\s\\S]*?)(?=\\*\\*Reference\\*\\*\\|:\\[${escapeRegex(collPattern)}\\s+\\d+)`, "g" ) let blockMatch while ((blockMatch = hadithBlockRegex.exec(text)) !== null) { const hadithNum = parseInt(blockMatch[1]) const content = blockMatch[2].trim() // Split English from Arabic - Arabic text usually starts with حدثنا or similar // and is separated from English by a blank line or specific pattern let englishText = "" let arabicText = "" let narrator = "" let grade = "" // The content has English first, then Arabic // Split by looking for the first Arabic character block const lines = content.split("\n") let foundArabic = false const englishLines: string[] = [] const arabicLines: string[] = [] for (const line of lines) { const trimmed = line.trim() if (!trimmed) continue // Check if line is primarily Arabic const arabicCharCount = (trimmed.match(/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/g) || []).length const totalCharCount = trimmed.replace(/\s/g, "").length if (totalCharCount > 0 && arabicCharCount / totalCharCount > 0.5) { foundArabic = true arabicLines.push(trimmed) } else if (!foundArabic) { englishLines.push(trimmed) } } englishText = englishLines.join(" ").trim() arabicText = arabicLines.join(" ").trim() // Extract narrator from English text const narratorMatch = englishText.match(/^(?:Narrated|It is narrated on the authority of|It was narrated (?:from|that)|It is reported on the authority of)\s+([^:]+?)(?:\s*:|\s+that\b)/i) if (narratorMatch) { narrator = narratorMatch[1].trim() // Clean up narrator name narrator = narrator.replace(/$.*?$/g, "").trim() if (narrator.length > 60) narrator = narrator.substring(0, 60) } // Extract grade if present const gradeMatch = content.match(/Grade\s*:\s*(Sahih|Hasan|Da['']?if|Maudu)/i) if (gradeMatch) { const g = gradeMatch[1].toLowerCase() if (g.includes("hasan")) grade = "hasan" else if (g.includes("da") || g.includes("maudu")) grade = "daif" else grade = "sahih" } if (englishText.length > 10 || arabicText.length > 10) { // Check if this hadith number already exists (sub-narrations like 8a, 8b) const existing = hadiths.find(h => h.hadithNumber === hadithNum) if (!existing) { hadiths.push({ hadithNumber: hadithNum, arabicText: arabicText || "", englishText: englishText || "", narrator: narrator || "", grade: grade || "sahih", reference: `${collPattern} ${hadithNum}`, }) } } } // If the regex didn't catch everything, try a simpler split approach if (hadiths.length === 0) { // Try splitting by **Reference** blocks const refBlocks = text.split(/\*\*Reference\*\*/) for (let i = 0; i < refBlocks.length - 1; i++) { const block = refBlocks[i] const nextBlock = refBlocks[i + 1] // Get hadith number from the reference const refNumMatch = nextBlock?.match(/\[.*?(\d+)(?:\s*[a-z])?\s*\]/) if (!refNumMatch) continue const hadithNum = parseInt(refNumMatch[1]) // Already have this number? if (hadiths.find(h => h.hadithNumber === hadithNum)) continue // Extract text from the block const lines = block.split("\n") const englishLines: string[] = [] const arabicLines: string[] = [] for (const line of lines) { const trimmed = line.trim() if (!trimmed || trimmed.startsWith("Report Error") || trimmed.startsWith("In-book reference") || trimmed.startsWith("USC-MSA")) continue const arabicCharCount = (trimmed.match(/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/g) || []).length const totalCharCount = trimmed.replace(/\s/g, "").length if (totalCharCount > 0 && arabicCharCount / totalCharCount > 0.5) { arabicLines.push(trimmed) } else if (trimmed.length > 5 && !trimmed.startsWith("(") && !trimmed.startsWith("*")) { englishLines.push(trimmed) } } const englishText = englishLines.join(" ").trim() const arabicText = arabicLines.join(" ").trim() if (englishText.length > 10 || arabicText.length > 10) { let narrator = "" const narratorMatch = englishText.match(/^(?:Narrated|It is narrated on the authority of|It was narrated (?:from|that))\s+([^:]+?)(?:\s*:|\s+that\b)/i) if (narratorMatch) { narrator = narratorMatch[1].replace(/$.*?$/g, "").trim() if (narrator.length > 60) narrator = narrator.substring(0, 60) } hadiths.push({ hadithNumber: hadithNum, arabicText, englishText, narrator, grade: "sahih", reference: `${collPattern} ${hadithNum}`, }) } } } return { hadiths, chapters } } function escapeRegex(str: string): string { return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") } /** * Fetch a single book page from sunnah.com and parse hadiths */ async function fetchBookFromSunnah(collectionSlug: string, bookNumber: number): Promise<{ hadiths: ParsedHadith[], chapters: ParsedChapter[] }> { const sunnahSlug = COLLECTION_MAP[collectionSlug] if (!sunnahSlug) return { hadiths: [], chapters: [] } const url = `https://sunnah.com/${sunnahSlug}/${bookNumber}` try { const response = await fetch(url, { headers: { "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36", Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8", "Accept-Language": "en-US,en;q=0.9", }, signal: AbortSignal.timeout(30000), }) if (!response.ok) { console.log(`[seed] HTTP ${response.status} for ${url}`) return { hadiths: [], chapters: [] } } const html = await response.text() // Parse from raw HTML using improved regex return parseFromRawHtml(html, sunnahSlug, collectionSlug) } catch (err) { console.error(`[seed] Fetch error for ${url}:`, err) return { hadiths: [], chapters: [] } } } /** * Parse hadiths directly from raw HTML (more reliable than text) */ function parseFromRawHtml(html: string, sunnahSlug: string, collectionSlug: string): { hadiths: ParsedHadith[], chapters: ParsedChapter[] } { const hadiths: ParsedHadith[] = [] const chapters: ParsedChapter[] = [] const collectionPatterns: Record = { "bukhari": "Sahih al-Bukhari", "muslim": "Sahih Muslim", "abudawud": "Sunan Abi Dawud", "tirmidhi": "Jami` at-Tirmidhi", "nasai": "Sunan an-Nasa'i", "ibnmajah": "Sunan Ibn Majah", "malik": "Muwatta Malik", "ahmad": "Musnad Ahmad", } const collPattern = collectionPatterns[sunnahSlug] || sunnahSlug // Parse chapter titles from HTML const chapterTitleRegex = /class="chapter(?:Title|_title)[^"]*"[^>]*>[\s\S]*?class="englishchapter[^"]*"[^>]*>([\s\S]*?)<\/div/gi let chapterMatch let chapterNum = 0 while ((chapterMatch = chapterTitleRegex.exec(html)) !== null) { chapterNum++ const nameEn = chapterMatch[1].replace(/<[^>]+>/g, "").trim() if (nameEn) { chapters.push({ number: chapterNum, nameEn, nameAr: "" }) } } // Also try alternate chapter pattern if (chapters.length === 0) { const altChapterRegex = /class="achaptertitle[^"]*"[^>]*>([\s\S]*?)<\/div/gi let altMatch chapterNum = 0 while ((altMatch = altChapterRegex.exec(html)) !== null) { chapterNum++ const nameAr = altMatch[1].replace(/<[^>]+>/g, "").trim() if (nameAr) { chapters.push({ number: chapterNum, nameEn: "", nameAr }) } } } // Parse hadiths from HTML - sunnah.com wraps each hadith in specific divs // Look for hadith containers with class patterns const hadithContainerRegex = /class="(?:actualHadithContainer|hadithFull)"([\s\S]*?)(?=class="(?:actualHadithContainer|hadithFull)"|class="bottomItems"|$)/gi const containers = html.match(hadithContainerRegex) || [] // Alternative: split by hadith reference numbers // Pattern: class="hadith_reference_number">123]*>\s*(\d+)\s*]*>\s*(\d+)\s*]*>.*?(\d+)/is, ] let hadithNum = 0 for (const pattern of numPatterns) { const match = section.match(pattern) if (match) { hadithNum = parseInt(match[1]) break } } // If still no number, try the broader reference section if (!hadithNum) { const broadRefMatch = section.match(/In-book reference[^:]*:[^,]*Hadith\s+(\d+)/i) if (broadRefMatch) hadithNum = parseInt(broadRefMatch[1]) } if (!hadithNum) { // Try extracting from the full reference like "Sahih al-Bukhari 123" const fullRefMatch = section.match(new RegExp(`${escapeRegex(collPattern)}\\s+(\\d+)`, "i")) if (fullRefMatch) hadithNum = parseInt(fullRefMatch[1]) } if (!hadithNum) continue // Skip sub-narrations if we already have this number if (hadiths.find(h => h.hadithNumber === hadithNum)) continue // Extract English text let englishText = "" const englishPatterns = [ /class="[^"]*english_hadith_full[^"]*"[^>]*>([\s\S]*?)<\/div/i, /class="[^"]*text_details[^"]*"[^>]*>([\s\S]*?)<\/div/i, /class="[^"]*hadith_narrated[^"]*"[^>]*>([\s\S]*?)<\/div[\s\S]*?class="[^"]*hadithText[^"]*"[^>]*>([\s\S]*?)<\/div/i, ] for (const pattern of englishPatterns) { const match = section.match(pattern) if (match) { englishText = (match[1] + (match[2] || "")).replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() if (englishText.length > 10) break } } // If no structured match, try getting all text between english markers if (englishText.length < 10) { const engBlockMatch = section.match(/class="[^"]*englishcontainer[^"]*"[^>]*>([\s\S]*?)<\/div\s*>\s*<\/div/i) if (engBlockMatch) { englishText = engBlockMatch[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() } } // Extract Arabic text let arabicText = "" const arabicPatterns = [ /class="[^"]*arabic_hadith_full[^"]*"[^>]*>([\s\S]*?)<\/div/i, /class="[^"]*arabic[^"]*hadith[^"]*"[^>]*>([\s\S]*?)<\/div/i, /class="[^"]*arabictext[^"]*"[^>]*>([\s\S]*?)<\/div/i, ] for (const pattern of arabicPatterns) { const match = section.match(pattern) if (match) { arabicText = match[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() if (arabicText.length > 10) break } } // If no structured match, extract any substantial Arabic text if (arabicText.length < 10) { const arabicBlockMatch = section.match(/class="[^"]*arabiccontainer[^"]*"[^>]*>([\s\S]*?)<\/div\s*>\s*<\/div/i) if (arabicBlockMatch) { arabicText = arabicBlockMatch[1].replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() } } // Extract narrator let narrator = "" const narratorPatterns = [ /(?:Narrated|It is narrated on the authority of|It was narrated (?:from|that)|reported on the authority of)\s+([^:]+?)(?:\s*:|\s+that\b)/i, /class="[^"]*hadithNarrated[^"]*"[^>]*>([\s\S]*?)<\/div/i, ] for (const pattern of narratorPatterns) { const match = (englishText || section).match(pattern) if (match) { narrator = match[1].replace(/<[^>]+>/g, "").replace(/$.*?$/g, "").trim() if (narrator.length > 60) narrator = narrator.substring(0, 60) break } } // Extract grade let grade = "" const gradePatterns = [ /class="[^"]*hadith[-_]?grade[^"]*"[^>]*>([\s\S]*?)<\/t/i, /class="[^"]*grade[^"]*"[^>]*>([\s\S]*?)<\//i, ] for (const pattern of gradePatterns) { const match = section.match(pattern) if (match) { const g = match[1].replace(/<[^>]+>/g, "").toLowerCase().trim() if (g.includes("hasan") && g.includes("sahih")) grade = "sahih" else if (g.includes("sahih")) grade = "sahih" else if (g.includes("hasan")) grade = "hasan" else if (g.includes("da") || g.includes("weak") || g.includes("maudu")) grade = "daif" break } } if (englishText.length > 10 || arabicText.length > 10) { hadiths.push({ hadithNumber: hadithNum, arabicText, englishText, narrator, grade: grade || (collectionSlug.includes("sahih") ? "sahih" : "hasan"), reference: `${collPattern} ${hadithNum}`, }) } } return { hadiths, chapters } } /** * Update existing hadiths in the database with real content from sunnah.com */ async function seedBook( supabase: ReturnType, collectionSlug: string, bookNumber: number, ) { // Get collection const { data: collection } = await supabase .from("collections") .select("id, name_en") .eq("slug", collectionSlug) .single() if (!collection) throw new Error(`Collection not found: ${collectionSlug}`) // Get book const { data: book } = await supabase .from("books") .select("id, name_en, total_hadiths, total_chapters") .eq("collection_id", collection.id) .eq("number", bookNumber) .single() if (!book) throw new Error(`Book not found: ${collectionSlug} #${bookNumber}`) // Get existing hadiths for this book via collection_hadiths const { data: existingLinks } = await supabase .from("collection_hadiths") .select("hadith_id, hadith_number") .eq("book_id", book.id) .order("hadith_number") // Check if already has real content (not placeholder) if (existingLinks && existingLinks.length > 0) { const { data: sampleHadith } = await supabase .from("hadiths") .select("english_translation") .eq("id", existingLinks[0].hadith_id) .single() // If it already has substantial real content, skip if (sampleHadith?.english_translation && sampleHadith.english_translation.length > 100 && !sampleHadith.english_translation.includes("[Content pending") && !sampleHadith.english_translation.includes("This is hadith number")) { return { status: "already_seeded", book: book.name_en, existing_hadiths: existingLinks.length, } } } // Fetch from sunnah.com console.log(`[seed] Fetching ${collectionSlug} book ${bookNumber} from sunnah.com...`) const { hadiths: fetchedHadiths, chapters: fetchedChapters } = await fetchBookFromSunnah(collectionSlug, bookNumber) console.log(`[seed] Parsed ${fetchedHadiths.length} hadiths, ${fetchedChapters.length} chapters for ${collectionSlug}/${bookNumber}`) let updatedCount = 0 let insertedCount = 0 let chaptersUpdated = 0 // Update chapter names if we got them if (fetchedChapters.length > 0) { const { data: existingChapters } = await supabase .from("chapters") .select("id, number, name_en") .eq("book_id", book.id) .order("number") if (existingChapters) { for (const chapter of fetchedChapters) { const existing = existingChapters.find(c => c.number === chapter.number) if (existing && chapter.nameEn && (existing.name_en.startsWith("Chapter ") || existing.name_en.length < 5)) { const updateData: Record = { name_en: chapter.nameEn } if (chapter.nameAr) updateData.name_ar = chapter.nameAr await supabase.from("chapters").update(updateData).eq("id", existing.id) chaptersUpdated++ } } } } // Update existing hadiths with real content if (existingLinks && existingLinks.length > 0 && fetchedHadiths.length > 0) { for (const link of existingLinks) { const fetched = fetchedHadiths.find(h => h.hadithNumber === link.hadith_number) if (fetched) { const updateData: Record = {} if (fetched.englishText) updateData.english_translation = fetched.englishText if (fetched.arabicText) updateData.arabic_text = fetched.arabicText if (fetched.narrator) updateData.narrator = fetched.narrator if (fetched.grade) updateData.grade = fetched.grade if (fetched.reference) updateData.reference = fetched.reference if (Object.keys(updateData).length > 0) { const { error } = await supabase .from("hadiths") .update(updateData) .eq("id", link.hadith_id) if (!error) updatedCount++ else console.error(`[seed] Update error for hadith ${link.hadith_number}:`, error.message) } } } } // If no existing links (empty book), insert new hadiths if ((!existingLinks || existingLinks.length === 0) && fetchedHadiths.length > 0) { const { data: chapters } = await supabase .from("chapters") .select("id, number, total_hadiths") .eq("book_id", book.id) .order("number") for (let i = 0; i < fetchedHadiths.length; i += 25) { const batch = fetchedHadiths.slice(i, i + 25).map(h => ({ arabic_text: h.arabicText || `حديث رقم ${h.hadithNumber}`, english_translation: h.englishText || `Hadith ${h.hadithNumber}`, collection: collection.name_en, book_number: bookNumber, hadith_number: h.hadithNumber, reference: h.reference, grade: h.grade || "sahih", narrator: h.narrator || "", })) const { data: inserted, error } = await supabase .from("hadiths") .insert(batch) .select("id, hadith_number") if (error) { console.error(`[seed] Insert error:`, error.message) continue } if (inserted && chapters && chapters.length > 0) { // Create collection_hadiths links let chapterIdx = 0 let hadithsInCurrentChapter = 0 const links = inserted.map(h => { if (chapters[chapterIdx] && hadithsInCurrentChapter >= (chapters[chapterIdx].total_hadiths || 1)) { chapterIdx = Math.min(chapterIdx + 1, chapters.length - 1) hadithsInCurrentChapter = 0 } hadithsInCurrentChapter++ return { collection_id: collection.id, hadith_id: h.id, book_id: book.id, chapter_id: chapters[Math.min(chapterIdx, chapters.length - 1)].id, hadith_number: h.hadith_number, } }) await supabase.from("collection_hadiths").insert(links) insertedCount += inserted.length } } } return { status: "seeded", book: book.name_en, fetched_from_sunnah: fetchedHadiths.length, updated: updatedCount, inserted: insertedCount, chapters_updated: chaptersUpdated, chapters_found: fetchedChapters.length, } } export async function POST(request: Request) { try { const body = await request.json() const { collection, bookNumber, seedAll } = body const supabase = getAdminClient() if (seedAll) { // Get all books ordered by collection then book number const { data: allBooks } = await supabase .from("books") .select(`id, number, name_en, total_hadiths, collection_id, collections!inner(slug, name_en)`) .order("number") if (!allBooks) return NextResponse.json({ error: "No books found" }, { status: 404 }) const results: Array<{ collection: string book: number name: string result: Awaited> | { status: string; error: string } }> = [] for (const book of allBooks) { const collSlug = (book as unknown as { collections: { slug: string } }).collections.slug try { const result = await seedBook(supabase, collSlug, book.number) results.push({ collection: collSlug, book: book.number, name: book.name_en, result, }) } catch (err) { results.push({ collection: collSlug, book: book.number, name: book.name_en, result: { status: "error", error: String(err) }, }) } // Small delay to avoid rate-limiting await new Promise(resolve => setTimeout(resolve, 1500)) } return NextResponse.json({ message: "Seeding complete", total_books: results.length, results, }) } // Seed single book if (!collection || !bookNumber) { return NextResponse.json( { error: "Provide collection slug and bookNumber, or set seedAll: true" }, { status: 400 }, ) } const result = await seedBook(supabase, collection, bookNumber) return NextResponse.json(result) } catch (error) { console.error("[seed] Error:", error) return NextResponse.json({ error: String(error) }, { status: 500 }) } } export async function GET() { return NextResponse.json({ usage: "POST with { seedAll: true } to seed all, or { collection: 'sahih-bukhari', bookNumber: 1 } for one book", collections: Object.keys(COLLECTION_MAP), }) } export const maxDuration = 300 // 5 minutes max for Vercel [V0_FILE]typescript:file="app/api/share/[token]/route.ts" isMerged="true" import { NextRequest, NextResponse } from 'next/server' import { createClient } from '@supabase/supabase-js' import { SUPABASE_URL, SUPABASE_ANON_KEY } from '@/lib/supabase/config' function getSupabase() { const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY return createClient(SUPABASE_URL, serviceRoleKey || SUPABASE_ANON_KEY) } export async function GET( request: NextRequest, { params }: { params: Promise<{ token: string }> } ) { try { const supabase = getSupabase() const { token } = await params // Get viewer IP from request headers const forwarded = request.headers.get('x-forwarded-for') const ip = forwarded ? forwarded.split(',')[0] : request.headers.get('x-real-ip') || 'unknown' // Track the view await supabase.rpc('track_folder_view', { p_share_token: token, p_viewer_ip: ip }) // Get folder data const { data: folder, error } = await supabase .from('hadith_folders') .select(` *, saved_hadiths( *, hadiths(*) ) `) .eq('share_token', token) .single() if (error || !folder) { return NextResponse.json( { error: 'Folder not found' }, { status: 404 } ) } // Check privacy settings if (folder.privacy === 'private') { return NextResponse.json( { error: 'This folder is private' }, { status: 403 } ) } return NextResponse.json(folder) } catch (error) { console.error('Error fetching shared folder:', error) return NextResponse.json( { error: 'Internal server error' }, { status: 500 } ) } } [V0_FILE]typescript:file="app/api/subscription/route.ts" isMerged="true" import { NextResponse } from "next/server" import { getUserSubscription } from "@/lib/subscription" export async function GET() { const subscription = await getUserSubscription() return NextResponse.json(subscription) } [V0_FILE]typescript:file="app/api/summarize/route.ts" isMerged="true" import { generateText, Output } from "ai" import { z } from "zod" import { createClient } from "@supabase/supabase-js" const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL! const SERVICE_KEY = process.env.SUPABASE_SERVICE_ROLE_KEY! export async function POST(req: Request) { try { const { hadithId } = await req.json() if (!hadithId) { return Response.json({ error: "Missing hadithId" }, { status: 400 }) } const supabase = createClient(SUPABASE_URL, SERVICE_KEY, { auth: { autoRefreshToken: false, persistSession: false }, }) // Check if enrichment already exists const { data: existing } = await supabase .from("hadith_enrichment") .select("summary_line, key_teaching_en, key_teaching_ar") .eq("hadith_id", hadithId) .eq("status", "published") .single() if (existing?.key_teaching_en) { return Response.json({ summary_line: existing.summary_line, key_teaching_en: existing.key_teaching_en, key_teaching_ar: existing.key_teaching_ar, cached: true, }) } // Fetch the hadith const { data: hadith } = await supabase .from("hadiths") .select("id, english_translation, narrator, grade, collection") .eq("id", hadithId) .single() if (!hadith) { return Response.json({ error: "Hadith not found" }, { status: 404 }) } const text = (hadith.english_translation || "").slice(0, 800) if (!text || text.length < 10) { return Response.json({ error: "Hadith text too short to summarize" }, { status: 400 }) } console.log("[v0] Calling AI for hadith:", hadithId, "text length:", text.length) const { output } = await generateText({ model: "openai/gpt-4o-mini", prompt: `You are a hadith scholar. Analyze this hadith and return JSON. Hadith: "${text}" Narrator: ${hadith.narrator || "Unknown"} Grade: ${hadith.grade || "Unknown"} Return JSON with these keys: - summary_line: 5-12 word summary capturing the core teaching - key_teaching_en: 2-4 sentences. First sentence is a plain accessible explanation. Remaining sentences provide scholarly context referencing relevant fiqh, scholars (Ibn Hajar, Al-Nawawi, etc.), or Quran verses. Do NOT repeat the hadith text. - key_teaching_ar: Arabic translation of key_teaching_en in fluent MSA - summary_ar: 3-10 word Arabic summary`, output: Output.object({ schema: z.object({ summary_line: z.string().nullable(), key_teaching_en: z.string().nullable(), key_teaching_ar: z.string().nullable(), summary_ar: z.string().nullable(), }), }), }) if (!output) { return Response.json({ error: "AI returned no output" }, { status: 500 }) } // Upsert into hadith_enrichment if (existing) { // Update existing row await supabase .from("hadith_enrichment") .update({ summary_line: output.summary_line || existing.summary_line, summary_ar: output.summary_ar, key_teaching_en: output.key_teaching_en, key_teaching_ar: output.key_teaching_ar, }) .eq("hadith_id", hadithId) .eq("status", "published") } else { // Insert new row await supabase.from("hadith_enrichment").insert({ hadith_id: hadithId, summary_line: output.summary_line, summary_ar: output.summary_ar, key_teaching_en: output.key_teaching_en, key_teaching_ar: output.key_teaching_ar, status: "published", confidence: 0.85, suggested_by: "groq-llama-3.3-70b", methodology_version: "v1.1", }) } return Response.json({ summary_line: output.summary_line, key_teaching_en: output.key_teaching_en, key_teaching_ar: output.key_teaching_ar, cached: false, }) } catch (err) { console.error("Summarize error:", err) return Response.json( { error: err instanceof Error ? err.message : "Unknown error" }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/api/test-groq/route.ts" isMerged="true" import { generateText } from "ai" export async function GET() { try { const { text } = await generateText({ model: "openai/gpt-4o-mini", prompt: "Who is Prophet Mohammed? Please provide a brief, respectful summary in 2-3 sentences.", maxOutputTokens: 256, }) return Response.json({ success: true, engine: "AI Gateway", model: "openai/gpt-4o-mini", response: text, }) } catch (error) { return Response.json( { success: false, error: error instanceof Error ? error.message : "Unknown error", hint: "Check that GROQ_API_KEY is set in your environment variables.", }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/api/user/quota/route.ts" isMerged="true" import { getSupabaseServerClient } from "@/lib/supabase/server" import { getSupabaseAdmin } from "@/lib/supabase/admin" export async function GET() { try { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { return Response.json({ error: "Not authenticated" }, { status: 401 }) } const admin = getSupabaseAdmin() // Get user tier const { data: profile } = await admin .from("profiles") .select("subscription_tier") .eq("user_id", user.id) .single() const tier = (profile?.subscription_tier as "free" | "premium" | "lifetime") ?? "free" // Saved count const { count: savedCount } = await admin .from("saved_hadiths") .select("id", { count: "exact", head: true }) .eq("user_id", user.id) // AI usage today const today = new Date().toISOString().split("T")[0] const { data: aiUsage } = await admin .from("ai_usage") .select("query_count") .eq("user_id", user.id) .eq("usage_date", today) .single() // Quiz count today const todayStart = new Date() todayStart.setHours(0, 0, 0, 0) const { count: quizCount } = await admin .from("quiz_attempts") .select("id", { count: "exact", head: true }) .eq("user_id", user.id) .gte("created_at", todayStart.toISOString()) // Limits based on tier const limits = { free: { saves: 40, aiPerDay: 5, quizzesPerDay: 1 }, premium: { saves: Infinity, aiPerDay: 50, quizzesPerDay: Infinity }, lifetime: { saves: Infinity, aiPerDay: 100, quizzesPerDay: Infinity }, } const userLimits = limits[tier] ?? limits.free const isPremium = tier !== "free" return Response.json({ tier, isPremium, usage: { saves: savedCount ?? 0, savesLimit: userLimits.saves, savesRemaining: Math.max(userLimits.saves - (savedCount ?? 0), 0), aiToday: aiUsage?.query_count ?? 0, aiDailyLimit: userLimits.aiPerDay, aiRemaining: Math.max(userLimits.aiPerDay - (aiUsage?.query_count ?? 0), 0), quizzesToday: quizCount ?? 0, quizDailyLimit: userLimits.quizzesPerDay, quizzesRemaining: Math.max(userLimits.quizzesPerDay - (quizCount ?? 0), 0), }, }) } catch (err) { console.error("Quota API error:", err) return Response.json({ error: "Failed to fetch quota" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/webhooks/revenuecat/route.ts" isMerged="true" import { NextRequest, NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" import { SUPABASE_URL } from "@/lib/supabase/config" /** * RevenueCat Server Notifications Webhook * * Configure this URL in RevenueCat Dashboard > Project > Integrations > Webhooks: * https://your-domain.vercel.app/api/webhooks/revenuecat * * Set REVENUECAT_WEBHOOK_SECRET env var and configure it in RevenueCat * as the "Authorization header" value for signature verification. */ const supabaseAdmin = createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY!, { auth: { autoRefreshToken: false, persistSession: false } } ) // RevenueCat event types we care about type RCEventType = | "INITIAL_PURCHASE" | "RENEWAL" | "CANCELLATION" | "UNCANCELLATION" | "BILLING_ISSUE" | "SUBSCRIBER_ALIAS" | "PRODUCT_CHANGE" | "EXPIRATION" | "TRANSFER" | "NON_RENEWING_PURCHASE" interface RCWebhookEvent { api_version: string event: { type: RCEventType app_user_id: string original_app_user_id: string product_id: string entitlement_ids: string[] store: string // APP_STORE, PLAY_STORE, STRIPE, etc. environment: string // PRODUCTION, SANDBOX purchased_at_ms: number expiration_at_ms: number | null event_timestamp_ms: number is_trial_conversion?: boolean period_type?: string // TRIAL, INTRO, NORMAL price_in_purchased_currency?: number currency?: string transaction_id?: string } } export async function POST(request: NextRequest) { try { // Verify webhook secret if configured const webhookSecret = process.env.REVENUECAT_WEBHOOK_SECRET if (webhookSecret) { const authHeader = request.headers.get("authorization") if (authHeader !== `Bearer ${webhookSecret}`) { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } } const body: RCWebhookEvent = await request.json() const event = body.event // The app_user_id should be the Supabase user ID // (set via Purchases.logIn(userId) on the native side after auth) const userId = event.app_user_id if (!userId || userId.startsWith("$RCAnonymousID:")) { // Anonymous user -- can't link to Supabase account return NextResponse.json({ received: true, skipped: "anonymous_user" }) } // Map RevenueCat event to subscription status let status: string let tier: "free" | "premium" | "lifetime" = "free" switch (event.type) { case "INITIAL_PURCHASE": case "RENEWAL": case "UNCANCELLATION": status = event.period_type === "TRIAL" ? "trialing" : "active" // Check if it's a non-renewing (lifetime) purchase if (event.expiration_at_ms === null) { status = "lifetime" tier = "lifetime" } else { tier = "premium" } break case "NON_RENEWING_PURCHASE": status = "lifetime" tier = "lifetime" break case "CANCELLATION": // Still active until expiration status = "canceled" tier = "premium" break case "EXPIRATION": status = "expired" tier = "free" break case "BILLING_ISSUE": status = "past_due" tier = "premium" break default: // Other events like TRANSFER, PRODUCT_CHANGE, etc. return NextResponse.json({ received: true, skipped: event.type }) } const expiresAt = event.expiration_at_ms ? new Date(event.expiration_at_ms).toISOString() : null // Check if this user already has a RevenueCat subscription row const { data: existingSub } = await supabaseAdmin .from("subscriptions") .select("id") .eq("user_id", userId) .eq("provider", "revenuecat") .limit(1) .single() const subscriptionData = { user_id: userId, product_id: event.product_id, status, provider: "revenuecat", store: event.store.toLowerCase(), current_period_end: expiresAt, environment: event.environment.toLowerCase(), transaction_id: event.transaction_id || null, updated_at: new Date().toISOString(), } let subError if (existingSub) { // Update existing RevenueCat subscription const result = await supabaseAdmin .from("subscriptions") .update(subscriptionData) .eq("id", existingSub.id) subError = result.error } else { // Insert new RevenueCat subscription const result = await supabaseAdmin .from("subscriptions") .insert({ ...subscriptionData, created_at: new Date().toISOString() }) subError = result.error } if (subError) { console.error("[RevenueCat Webhook] Subscription write error:", subError) } // Also update the profile tier for fast lookups const { error: profileError } = await supabaseAdmin .from("profiles") .update({ subscription_tier: tier, subscription_status: status, subscription_expires_at: expiresAt, }) .eq("user_id", userId) if (profileError) { console.error("[RevenueCat Webhook] Profile update error:", profileError) } return NextResponse.json({ received: true, status, tier }) } catch (error) { console.error("[RevenueCat Webhook] Error:", error) return NextResponse.json( { error: "Internal server error" }, { status: 500 } ) } } [V0_FILE]typescript:file="app/api/webhooks/stripe/route.ts" isMerged="true" import { NextResponse } from "next/server" import { stripe } from "@/lib/stripe" import { getSupabaseAdmin } from "@/lib/supabase/admin" import { getTierFromProductId } from "@/lib/products" import type Stripe from "stripe" export async function POST(request: Request) { const body = await request.text() const signature = request.headers.get("stripe-signature") if (!signature) { return NextResponse.json({ error: "Missing stripe-signature" }, { status: 400 }) } let event: Stripe.Event try { event = stripe.webhooks.constructEvent( body, signature, process.env.STRIPE_WEBHOOK_SECRET!, ) } catch (err) { const message = err instanceof Error ? err.message : "Unknown error" console.error("[v0] Webhook signature verification failed:", message) return NextResponse.json({ error: `Webhook Error: ${message}` }, { status: 400 }) } const supabase = getSupabaseAdmin() // Idempotency: check if we already processed this event const { data: existing } = await supabase .from("stripe_events") .select("id") .eq("stripe_event_id", event.id) .single() if (existing) { return NextResponse.json({ received: true, duplicate: true }) } // Record event (id is the text PK -- use the Stripe event id) await supabase.from("stripe_events").insert({ id: event.id, stripe_event_id: event.id, event_type: event.type, type: event.type, payload: event.data.object, processed_at: new Date().toISOString(), }) try { switch (event.type) { case "checkout.session.completed": { const session = event.data.object as Stripe.Checkout.Session await handleCheckoutCompleted(session, supabase) break } case "customer.subscription.updated": { const sub = event.data.object as Stripe.Subscription await handleSubscriptionUpdated(sub, supabase) break } case "customer.subscription.deleted": { const sub = event.data.object as Stripe.Subscription await handleSubscriptionDeleted(sub, supabase) break } case "invoice.payment_succeeded": { const invoice = event.data.object as Stripe.Invoice await handleInvoicePaymentSucceeded(invoice, supabase) break } case "invoice.payment_failed": { const invoice = event.data.object as Stripe.Invoice await handleInvoicePaymentFailed(invoice, supabase) break } } } catch (err) { console.error("[v0] Webhook handler error:", err) return NextResponse.json({ error: "Webhook handler failed" }, { status: 500 }) } return NextResponse.json({ received: true }) } async function handleCheckoutCompleted( session: Stripe.Checkout.Session, supabase: ReturnType, ) { const userId = session.metadata?.supabase_user_id const productId = session.metadata?.product_id if (!userId) { console.error("[v0] No supabase_user_id in session metadata") return } const customerId = session.customer as string if (session.mode === "subscription") { const subscriptionId = session.subscription as string const sub = await stripe.subscriptions.retrieve(subscriptionId) const tier = getTierFromProductId(productId || "") const status = sub.status === "trialing" ? "trialing" : "active" // Update subscriptions table await supabase.from("subscriptions").upsert( { user_id: userId, stripe_customer_id: customerId, stripe_subscription_id: subscriptionId, product_id: productId, provider: "stripe", status: sub.status, current_period_start: new Date(sub.current_period_start * 1000).toISOString(), current_period_end: new Date(sub.current_period_end * 1000).toISOString(), }, { onConflict: "user_id" }, ) // Update profile with tier info await supabase .from("profiles") .update({ subscription_tier: tier, subscription_status: status, subscription_started_at: new Date().toISOString(), subscription_expires_at: new Date(sub.current_period_end * 1000).toISOString(), stripe_customer_id: customerId, stripe_subscription_id: subscriptionId, }) .eq("user_id", userId) } else if (session.mode === "payment") { // One-time payment (lifetime access) await supabase.from("subscriptions").upsert( { user_id: userId, stripe_customer_id: customerId, stripe_subscription_id: null, product_id: productId, provider: "stripe", status: "lifetime", current_period_start: new Date().toISOString(), current_period_end: null, }, { onConflict: "user_id" }, ) // Update profile with lifetime tier await supabase .from("profiles") .update({ subscription_tier: "lifetime", subscription_status: "active", subscription_started_at: new Date().toISOString(), subscription_expires_at: null, stripe_customer_id: customerId, }) .eq("user_id", userId) } } async function handleSubscriptionUpdated( sub: Stripe.Subscription, supabase: ReturnType, ) { const customerId = sub.customer as string // Update subscriptions table await supabase .from("subscriptions") .update({ status: sub.status, current_period_start: new Date(sub.current_period_start * 1000).toISOString(), current_period_end: new Date(sub.current_period_end * 1000).toISOString(), }) .eq("stripe_subscription_id", sub.id) // Update profile tier/status const status = mapStripeStatus(sub.status) const tier = sub.status === "canceled" ? "free" : undefined const updateData: Record = { subscription_status: status, subscription_expires_at: new Date(sub.current_period_end * 1000).toISOString(), subscription_cancel_at_period_end: sub.cancel_at_period_end, } if (tier) { updateData.subscription_tier = tier } await supabase .from("profiles") .update(updateData) .eq("stripe_customer_id", customerId) } async function handleSubscriptionDeleted( sub: Stripe.Subscription, supabase: ReturnType, ) { const customerId = sub.customer as string await supabase .from("subscriptions") .update({ status: "canceled" }) .eq("stripe_subscription_id", sub.id) await supabase .from("profiles") .update({ subscription_tier: "free", subscription_status: "expired", subscription_expires_at: new Date().toISOString(), }) .eq("stripe_customer_id", customerId) } async function handleInvoicePaymentSucceeded( invoice: Stripe.Invoice, supabase: ReturnType, ) { const customerId = invoice.customer as string const subscriptionId = invoice.subscription as string | null if (!subscriptionId) return const sub = await stripe.subscriptions.retrieve(subscriptionId) await supabase .from("subscriptions") .update({ status: "active", current_period_end: new Date(sub.current_period_end * 1000).toISOString(), }) .eq("stripe_subscription_id", subscriptionId) await supabase .from("profiles") .update({ subscription_status: "active", subscription_expires_at: new Date(sub.current_period_end * 1000).toISOString(), }) .eq("stripe_customer_id", customerId) } async function handleInvoicePaymentFailed( invoice: Stripe.Invoice, supabase: ReturnType, ) { const customerId = invoice.customer as string if (invoice.subscription) { await supabase .from("subscriptions") .update({ status: "past_due" }) .eq("stripe_subscription_id", invoice.subscription as string) } await supabase .from("profiles") .update({ subscription_status: "past_due" }) .eq("stripe_customer_id", customerId) } function mapStripeStatus( status: Stripe.Subscription.Status, ): "active" | "trialing" | "cancelled" | "expired" | "past_due" { switch (status) { case "active": return "active" case "trialing": return "trialing" case "canceled": return "cancelled" case "unpaid": case "past_due": return "past_due" case "incomplete": case "incomplete_expired": case "paused": default: return "expired" } } [V0_FILE]typescriptreact:file="app/assistant/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/assistant/page.tsx" isMerged="true" "use client" import React, { Suspense, useRef, useEffect, useState } from "react" import { useRouter, useSearchParams } from "next/navigation" import { Bot, ChevronLeft, Send, Sparkles, Loader2, Crown, AlertCircle } from "lucide-react" import { useChat } from "@ai-sdk/react" import { DefaultChatTransport } from "ai" import { useSubscription } from "@/hooks/use-subscription" import { useQuota } from "@/hooks/use-quota" import { UsageBanner } from "@/components/usage-banner" import { isNativeApp, showNativePaywall } from "@/lib/native-bridge" const promptTemplates = [ { label: "Explain the hadith about intentions", icon: "📖" }, { label: "Find hadiths about prayer", icon: "🤲" }, { label: "What makes a hadith authentic?", icon: "🔗" }, { label: "Who is Prophet Mohammed?", icon: "⚖️" }, ] function getMessageText(msg: { parts?: Array<{ type: string; text?: string }> }): string { if (!msg.parts || !Array.isArray(msg.parts)) return "" return msg.parts .filter((p): p is { type: "text"; text: string } => p.type === "text" && typeof p.text === "string") .map((p) => p.text) .join("") } function AssistantContent() { const router = useRouter() const searchParams = useSearchParams() const initialPrompt = searchParams.get("prompt") || "" const messagesEndRef = useRef(null) const [input, setInput] = useState(initialPrompt) const [quotaExceeded, setQuotaExceeded] = useState(false) const { isPremium } = useSubscription() const { quota, refresh: refreshQuota } = useQuota() const { messages, sendMessage, status, error } = useChat({ transport: new DefaultChatTransport({ api: "/api/chat" }), onError: (err) => { // Detect quota exceeded from the API 429 response if (err.message?.includes("quota_exceeded") || err.message?.includes("limit reached")) { setQuotaExceeded(true) } }, }) const isLoading = status === "streaming" || status === "submitted" useEffect(() => { messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }) }, [messages]) const handleTemplateClick = (template: string) => { setInput(template) } const onFormSubmit = (e: React.FormEvent) => { e.preventDefault() if (input.trim() && !isLoading) { sendMessage({ text: input }) setInput("") // Refresh quota after a short delay so the counter updates setTimeout(() => refreshQuota(), 3000) } } return (

{/* Header */}

HadithChat

{/* Messages */}

{messages.length === 0 ? (

How can I help you today?

Ask me anything about hadiths, their meanings, or Islamic teachings.

I only answer using authenticated hadith. If none are found, I will say so.

{promptTemplates.map((template, i) => ( ))}

) : (

{messages.map((msg) => { const text = getMessageText(msg) const hasToolCalls = msg.parts?.some((p) => p.type === "tool-invocation") // Skip rendering empty assistant messages while streaming (tool calls in progress) if (!text && msg.role === "assistant") { // Show a "searching" indicator if the assistant is calling tools if (hasToolCalls && isLoading) { return (

Searching hadiths...

) } // If no text and not loading, skip rendering if (!text) return null } return (

{text}

) })} {isLoading && (!messages.length || messages[messages.length - 1]?.role === "user") && (

Thinking...

)} {quotaExceeded && (

Daily limit reached

Explorer accounts include 3 AI explanations per day. Upgrade to Pro for unlimited access.

)} {error && !quotaExceeded && (

Something went wrong. Please try again.

)}

{/* Input */}

{/* AI Usage counter for free users */} {quota && !quota.isPremium && (

)} {!isPremium && !quotaExceeded && (

Explorer: 3 AI explanations per day.{" "} {" "} for unlimited.

)}

) } export default function AssistantPage() { return (

} > ) } [V0_FILE]typescript:file="app/auth/callback/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@/lib/supabase/server" export async function GET(request: Request) { const { searchParams, origin } = new URL(request.url) const code = searchParams.get("code") const token_hash = searchParams.get("token_hash") const type = searchParams.get("type") const supabase = await createClient() if (code) { const { error } = await supabase.auth.exchangeCodeForSession(code) if (error) { return NextResponse.redirect(`${origin}/?error=auth`) } } if (token_hash && type) { const { error } = await supabase.auth.verifyOtp({ type: type as "signup" | "email", token_hash, }) if (error) { return NextResponse.redirect(`${origin}/?error=auth`) } } if (!code && !token_hash) { return NextResponse.redirect(`${origin}/?error=auth`) } const { data: { user }, } = await supabase.auth.getUser() if (user) { const { data: profile } = await supabase .from("profiles") .select("id") .eq("user_id", user.id) .single() if (!profile) { await supabase.from("profiles").insert({ user_id: user.id, name: user.user_metadata?.full_name || user.user_metadata?.name || null, avatar_url: user.user_metadata?.avatar_url || null, role: "user", subscription_tier: "free", subscription_status: "none", }) } const { data: prefs } = await supabase .from("user_preferences") .select("onboarded") .eq("user_id", user.id) .single() if (prefs?.onboarded) { const response = NextResponse.redirect(`${origin}/home`) response.cookies.set("qbos_onboarded", "1", { path: "/", maxAge: 31536000, sameSite: "lax", }) response.cookies.set("qbos_safety_agreed", "1", { path: "/", maxAge: 31536000, sameSite: "lax", }) return response } } return NextResponse.redirect(`${origin}/onboarding`) } [V0_FILE]typescriptreact:file="app/checkout/success/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/checkout/success/page.tsx" isMerged="true" import Link from "next/link" import { CheckCircle } from "lucide-react" export default function CheckoutSuccessPage() { return (

Payment Successful

Thank you for supporting Authentic Hadith.

Your premium access is now active. It may take a moment for your account to update.

Go to Home Browse Collections

) } [V0_FILE]typescriptreact:file="app/collections/[slug]/books/[bookId]/chapters/[chapterId]/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/collections/[slug]/books/[bookId]/chapters/[chapterId]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { ChevronLeft, BookOpen } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { Breadcrumb } from "@/components/collections/breadcrumb" import { HadithCardCondensed } from "@/components/collections/hadith-card-condensed" interface Chapter { id: string number: number name_en: string name_ar: string total_hadiths: number book_id: string } interface Book { id: string number: number name_en: string collection_id: string } interface Collection { name_en: string slug: string } interface Hadith { id: string arabic_text: string english_translation: string grade: "sahih" | "hasan" | "daif" narrator: string hadith_number: number is_saved?: boolean summary_line?: string key_teaching_en?: string category?: { slug: string; name_en: string } | null tags?: Array<{ slug: string; name_en: string }> } export default function ChapterDetailPage() { const router = useRouter() const params = useParams() const supabase = getSupabaseBrowserClient() const slug = params.slug as string const bookId = params.bookId as string const chapterId = params.chapterId as string const [chapter, setChapter] = useState(null) const [book, setBook] = useState(null) const [collection, setCollection] = useState(null) const [hadiths, setHadiths] = useState([]) const [loading, setLoading] = useState(true) useEffect(() => { const fetchChapter = async () => { // Fetch chapter details const { data: chapterData } = await supabase.from("chapters").select("*").eq("id", chapterId).single() if (chapterData) { setChapter(chapterData) // Fetch book const { data: bookData } = await supabase .from("books") .select("id, number, name_en, collection_id") .eq("id", chapterData.book_id) .single() if (bookData) { setBook(bookData) // Fetch collection const { data: collectionData } = await supabase .from("collections") .select("name_en, slug") .eq("id", bookData.collection_id) .single() if (collectionData) setCollection(collectionData) } // Fetch hadiths in this chapter const { data: collectionHadiths } = await supabase .from("collection_hadiths") .select("hadith_id, hadith_number") .eq("chapter_id", chapterId) .order("hadith_number", { ascending: true }) if (collectionHadiths && collectionHadiths.length > 0) { const hadithIds = collectionHadiths.map((ch) => ch.hadith_id) const { data: hadithsData } = await supabase.from("hadiths").select("*").in("id", hadithIds) if (hadithsData) { // Check which hadiths are saved by the user const { data: { user }, } = await supabase.auth.getUser() let savedHadithIds: string[] = [] if (user) { const { data: savedData } = await supabase .from("saved_hadiths") .select("hadith_id") .eq("user_id", user.id) .in("hadith_id", hadithIds) savedHadithIds = savedData?.map((s) => s.hadith_id) || [] } // Batch-fetch enrichment data for all hadiths const { data: enrichments } = await supabase .from("hadith_enrichment") .select("hadith_id, summary_line, key_teaching_en, category_id, category:categories!category_id(slug, name_en)") .in("hadith_id", hadithIds) .eq("status", "published") const { data: allTags } = await supabase .from("hadith_tags") .select("hadith_id, tag:tags!tag_id(slug, name_en)") .in("hadith_id", hadithIds) .eq("status", "published") // Build enrichment lookup maps const enrichmentMap = new Map() for (const e of enrichments || []) { enrichmentMap.set(e.hadith_id, { summary_line: e.summary_line, key_teaching_en: e.key_teaching_en, category: e.category as { slug: string; name_en: string } | null, }) } const tagsMap = new Map>() for (const t of allTags || []) { const tag = t.tag as { slug: string; name_en: string } | null if (!tag) continue const existing = tagsMap.get(t.hadith_id) || [] existing.push(tag) tagsMap.set(t.hadith_id, existing) } // Merge hadith data with hadith_number, saved status, and enrichment const mergedHadiths = collectionHadiths .map((ch) => { const hadith = hadithsData.find((h) => h.id === ch.hadith_id) if (!hadith) return null const enrichment = enrichmentMap.get(hadith.id) return { ...hadith, hadith_number: ch.hadith_number, is_saved: savedHadithIds.includes(hadith.id), summary_line: enrichment?.summary_line || undefined, key_teaching_en: enrichment?.key_teaching_en || undefined, category: enrichment?.category || undefined, tags: tagsMap.get(hadith.id) || undefined, } }) .filter(Boolean) as Hadith[] setHadiths(mergedHadiths) } } } setLoading(false) } fetchChapter() }, [supabase, chapterId]) const handleSaveToggle = (hadithId: string, saved: boolean) => { setHadiths((prev) => prev.map((h) => (h.id === hadithId ? { ...h, is_saved: saved } : h))) } if (loading) { return (

) } if (!chapter || !book || !collection) { return (

Chapter not found

) } return (

{/* Header */}

Chapter {chapter.number}

{/* Chapter Header */}

Chapter {chapter.number}

{chapter.name_en}

{chapter.name_ar}

{chapter.total_hadiths || hadiths.length} Hadiths in this chapter

{/* Hadiths List */}

{hadiths.length === 0 ? (

No hadiths available yet

) : (

{hadiths.map((hadith, index) => ( ))}

)}

) } [V0_FILE]typescriptreact:file="app/collections/[slug]/books/[bookId]/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/collections/[slug]/books/[bookId]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { ChevronLeft, BookOpen } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { Breadcrumb } from "@/components/collections/breadcrumb" import { ChapterCard } from "@/components/collections/chapter-card" import { HadithCardCondensed } from "@/components/collections/hadith-card-condensed" interface Book { id: string number: number name_en: string name_ar: string total_hadiths: number total_chapters: number collection_id: string } interface Collection { name_en: string slug: string } interface Chapter { id: string number: number name_en: string name_ar: string total_hadiths: number excerpt?: string } interface Hadith { id: string arabic_text: string english_translation: string grade: "sahih" | "hasan" | "daif" narrator: string hadith_number: number is_saved?: boolean } export default function BookDetailPage() { const router = useRouter() const params = useParams() const supabase = getSupabaseBrowserClient() const slug = params.slug as string const bookId = params.bookId as string const [book, setBook] = useState(null) const [collection, setCollection] = useState(null) const [chapters, setChapters] = useState([]) const [hadiths, setHadiths] = useState([]) const [loading, setLoading] = useState(true) const [showDirectHadiths, setShowDirectHadiths] = useState(false) const [page, setPage] = useState(1) const [hasMore, setHasMore] = useState(false) const PAGE_SIZE = 20 useEffect(() => { const fetchBook = async () => { // Fetch book details const { data: bookData } = await supabase.from("books").select("*").eq("id", bookId).single() if (bookData) { setBook(bookData) // Fetch collection const { data: collectionData } = await supabase .from("collections") .select("name_en, slug") .eq("id", bookData.collection_id) .single() if (collectionData) setCollection(collectionData) // Fetch chapters const { data: chaptersData } = await supabase .from("chapters") .select("*") .eq("book_id", bookId) .order("sort_order", { ascending: true }) // If there's only 1 chapter (fake chapter from CDN seeding), show hadiths directly if (chaptersData && chaptersData.length <= 1) { setShowDirectHadiths(true) // Fetch hadiths for this book directly const { data: collectionHadiths } = await supabase .from("collection_hadiths") .select("hadith_id, hadith_number") .eq("book_id", bookId) .order("hadith_number", { ascending: true }) .range(0, PAGE_SIZE - 1) if (collectionHadiths && collectionHadiths.length > 0) { const hadithIds = collectionHadiths.map((ch) => ch.hadith_id) const { data: hadithsData } = await supabase.from("hadiths").select("*").in("id", hadithIds) // Check saved status const { data: { user } } = await supabase.auth.getUser() let savedHadithIds: string[] = [] if (user) { const { data: savedData } = await supabase .from("saved_hadiths") .select("hadith_id") .eq("user_id", user.id) .in("hadith_id", hadithIds) savedHadithIds = savedData?.map((s) => s.hadith_id) || [] } if (hadithsData) { const mergedHadiths = collectionHadiths .map((ch) => { const hadith = hadithsData.find((h) => h.id === ch.hadith_id) if (!hadith) return null return { ...hadith, hadith_number: ch.hadith_number, is_saved: savedHadithIds.includes(hadith.id) } }) .filter(Boolean) as Hadith[] setHadiths(mergedHadiths) setHasMore(collectionHadiths.length === PAGE_SIZE) } } } else if (chaptersData) { // Multiple chapters -- show the chapter list as before const chaptersWithExcerpts = await Promise.all( chaptersData.map(async (chapter) => { const { data: hadithData } = await supabase .from("collection_hadiths") .select("hadith_id") .eq("chapter_id", chapter.id) .order("hadith_number", { ascending: true }) .limit(1) .single() let excerpt = null if (hadithData) { const { data: hadith } = await supabase .from("hadiths") .select("english_translation") .eq("id", hadithData.hadith_id) .single() excerpt = hadith?.english_translation?.substring(0, 80) } return { ...chapter, excerpt } }), ) setChapters(chaptersWithExcerpts) } } setLoading(false) } fetchBook() }, [supabase, bookId]) const loadMoreHadiths = async () => { const nextPage = page + 1 const from = (nextPage - 1) * PAGE_SIZE const to = from + PAGE_SIZE - 1 const { data: collectionHadiths } = await supabase .from("collection_hadiths") .select("hadith_id, hadith_number") .eq("book_id", bookId) .order("hadith_number", { ascending: true }) .range(from, to) if (collectionHadiths && collectionHadiths.length > 0) { const hadithIds = collectionHadiths.map((ch) => ch.hadith_id) const { data: hadithsData } = await supabase.from("hadiths").select("*").in("id", hadithIds) const { data: { user } } = await supabase.auth.getUser() let savedHadithIds: string[] = [] if (user) { const { data: savedData } = await supabase .from("saved_hadiths") .select("hadith_id") .eq("user_id", user.id) .in("hadith_id", hadithIds) savedHadithIds = savedData?.map((s) => s.hadith_id) || [] } if (hadithsData) { const newHadiths = collectionHadiths .map((ch) => { const hadith = hadithsData.find((h) => h.id === ch.hadith_id) if (!hadith) return null return { ...hadith, hadith_number: ch.hadith_number, is_saved: savedHadithIds.includes(hadith.id) } }) .filter(Boolean) as Hadith[] setHadiths((prev) => [...prev, ...newHadiths]) setHasMore(collectionHadiths.length === PAGE_SIZE) } } else { setHasMore(false) } setPage(nextPage) } const handleSaveToggle = (hadithId: string, saved: boolean) => { setHadiths((prev) => prev.map((h) => (h.id === hadithId ? { ...h, is_saved: saved } : h))) } if (loading) { return (

) } if (!book || !collection) { return (

Book not found

) } return (

{/* Header */}

Book {book.number}

{/* Book Header */}

Book {book.number}

{book.name_en}

{book.name_ar}

{book.total_hadiths} Hadiths{!showDirectHadiths && ` • ${book.total_chapters || chapters.length} Chapters`}

{/* Content: either hadiths directly or chapters list */}

{showDirectHadiths ? ( <>

Hadiths ({book.total_hadiths} total)

{hadiths.length === 0 ? (

No hadiths available yet

) : (

{hadiths.map((hadith, index) => ( ))} {hasMore && ( )}

)} ) : ( <>

Chapters

{chapters.length === 0 ? (

No chapters available yet

) : (

{chapters.map((chapter) => ( ))}

)} )}

) } [V0_FILE]typescriptreact:file="app/collections/[slug]/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/collections/[slug]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { ChevronLeft, Bookmark, Share2, BookOpen } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { Breadcrumb } from "@/components/collections/breadcrumb" import { BookCard } from "@/components/collections/book-card" import { cn } from "@/lib/utils" interface Collection { id: string name_en: string name_ar: string slug: string description_en: string | null total_hadiths: number total_books: number scholar: string scholar_dates: string | null grade_distribution: { sahih: number hasan: number daif: number } } interface Book { id: string number: number name_en: string name_ar: string total_hadiths: number total_chapters: number first_chapter?: string } export default function CollectionDetailPage() { const router = useRouter() const params = useParams() const supabase = getSupabaseBrowserClient() const slug = params.slug as string const [collection, setCollection] = useState(null) const [books, setBooks] = useState([]) const [topics, setTopics] = useState<{ name_en: string; count: number }[]>([]) const [isSaved, setIsSaved] = useState(false) const [loading, setLoading] = useState(true) const [loadingMore, setLoadingMore] = useState(false) const [offset, setOffset] = useState(0) const [hasMore, setHasMore] = useState(true) useEffect(() => { const fetchCollection = async () => { // Fetch collection details const { data: collectionData, error: collError } = await supabase.from("collections").select("*").eq("slug", slug).single() if (collectionData) { setCollection(collectionData) // Fetch books for this collection const { data: booksData, error: booksError } = await supabase .from("books") .select("*") .eq("collection_id", collectionData.id) .order("sort_order", { ascending: true }) .limit(12) if (booksData) { // Get first chapter for each book const booksWithChapters = await Promise.all( booksData.map(async (book) => { const { data: chapter } = await supabase .from("chapters") .select("name_en") .eq("book_id", book.id) .order("sort_order", { ascending: true }) .limit(1) .single() return { ...book, first_chapter: chapter?.name_en || null, } }), ) setBooks(booksWithChapters) setHasMore(booksData.length === 12) } // Check if user has saved this collection const { data: { user }, } = await supabase.auth.getUser() if (user) { const { data: savedData } = await supabase .from("saved_collections") .select("id") .eq("user_id", user.id) .eq("collection_id", collectionData.id) .single() setIsSaved(!!savedData) } } setLoading(false) } fetchCollection() }, [supabase, slug]) const loadMoreBooks = async () => { if (!collection || loadingMore) return setLoadingMore(true) const newOffset = offset + 12 const { data: moreBooks } = await supabase .from("books") .select("*") .eq("collection_id", collection.id) .order("sort_order", { ascending: true }) .range(newOffset, newOffset + 11) if (moreBooks) { const booksWithChapters = await Promise.all( moreBooks.map(async (book) => { const { data: chapter } = await supabase .from("chapters") .select("name_en") .eq("book_id", book.id) .order("sort_order", { ascending: true }) .limit(1) .single() return { ...book, first_chapter: chapter?.name_en || null, } }), ) setBooks((prev) => [...prev, ...booksWithChapters]) setOffset(newOffset) setHasMore(moreBooks.length === 12) } setLoadingMore(false) } const handleSave = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user || !collection) { router.push("/") return } if (isSaved) { await supabase.from("saved_collections").delete().eq("user_id", user.id).eq("collection_id", collection.id) } else { await supabase.from("saved_collections").insert({ user_id: user.id, collection_id: collection.id }) } setIsSaved(!isSaved) } const handleShare = async () => { if (!collection) return const url = window.location.href if (navigator.share) { await navigator.share({ title: collection.name_en, text: `Explore ${collection.total_hadiths.toLocaleString()} authentic hadiths from ${collection.name_en}`, url, }) } else { await navigator.clipboard.writeText(url) alert("Link copied to clipboard!") } } if (loading) { return (

) } if (!collection) { return (

Collection not found

) } const totalGraded = (collection.grade_distribution?.sahih || 0) + (collection.grade_distribution?.hasan || 0) + (collection.grade_distribution?.daif || 0) const sahihPercent = totalGraded > 0 ? Math.round(((collection.grade_distribution?.sahih || 0) / totalGraded) * 100) : 0 const hasanPercent = totalGraded > 0 ? Math.round(((collection.grade_distribution?.hasan || 0) / totalGraded) * 100) : 0 const daifPercent = 100 - sahihPercent - hasanPercent return (

{/* Header */}

{collection.name_en}

{/* Collection Header */}

{/* Gold gradient overlay */}

{/* Icon */}

{/* Names */}

{collection.name_en}

{collection.name_ar}

{/* Scholar Info */}

Compiled by {collection.scholar} {collection.scholar_dates && ` (${collection.scholar_dates})`}

{/* Stats */}

{collection.total_hadiths.toLocaleString()} Hadiths • {collection.total_books || books.length} Books • {sahihPercent}% Sahih

{/* Action Buttons */}

{/* Quick Stats Bar */}

{/* Grade Distribution */}

Grade Distribution

Sahih: {sahihPercent}% ({(collection.grade_distribution?.sahih || 0).toLocaleString()}) Hasan: {hasanPercent}% ({(collection.grade_distribution?.hasan || 0).toLocaleString()}) Da'if: {daifPercent}% ({(collection.grade_distribution?.daif || 0).toLocaleString()})

{/* Popular Topics - Horizontal scrollable chips */} {topics.length > 0 && (

{topics.map((topic) => ( ))}

)}

{/* Books List */}

Books ({collection.total_books || books.length})

{books.length === 0 ? (

No books available yet

) : ( <>

{books.map((book) => ( ))}

{hasMore && (

)} )}

) } [V0_FILE]typescriptreact:file="app/collections/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/collections/page.tsx" isMerged="true" "use client" import type React from "react" import { Suspense, useEffect, useState, useRef } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import { Search, ChevronLeft, ChevronRight, BookOpen } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { CollectionCard } from "@/components/collections/collection-card" import { CollectionFilters } from "@/components/collections/collection-filters" interface Collection { id: string name_en: string name_ar: string slug: string description_en: string | null total_hadiths: number scholar: string is_featured: boolean grade_distribution: { sahih: number hasan: number daif: number } } function CollectionsContent() { const router = useRouter() const supabase = getSupabaseBrowserClient() const carouselRef = useRef(null) const [featuredCollections, setFeaturedCollections] = useState([]) const [allCollections, setAllCollections] = useState([]) const [filteredCollections, setFilteredCollections] = useState([]) const [scholars, setScholars] = useState([]) const [searchQuery, setSearchQuery] = useState("") const [loading, setLoading] = useState(true) useEffect(() => { const fetchCollections = async () => { // Fetch featured collections (top 4 by hadith count) const { data: featured } = await supabase .from("collections") .select("*") .eq("is_featured", true) .order("total_hadiths", { ascending: false }) .limit(4) // Fetch all collections const { data: all } = await supabase.from("collections").select("*").order("name_en", { ascending: true }) if (featured) setFeaturedCollections(featured) if (all) { setAllCollections(all) setFilteredCollections(all) // Extract unique scholars const uniqueScholars = [...new Set(all.map((c) => c.scholar))] setScholars(uniqueScholars) } setLoading(false) } fetchCollections() }, [supabase]) const handleSearch = (e: React.FormEvent) => { e.preventDefault() if (searchQuery.trim()) { router.push(`/search?q=${encodeURIComponent(searchQuery)}&type=collections`) } } const handleFiltersChange = (filters: { grades: string[]; scholars: string[]; sort: string }) => { let filtered = [...allCollections] // Filter by grades if (filters.grades.length > 0) { filtered = filtered.filter((c) => { return filters.grades.some((grade) => { const gradeCount = c.grade_distribution?.[grade as keyof typeof c.grade_distribution] || 0 return gradeCount > 0 }) }) } // Filter by scholars if (filters.scholars.length > 0) { filtered = filtered.filter((c) => filters.scholars.includes(c.scholar)) } // Sort if (filters.sort === "count") { filtered.sort((a, b) => b.total_hadiths - a.total_hadiths) } else if (filters.sort === "grade") { filtered.sort((a, b) => (b.grade_distribution?.sahih || 0) - (a.grade_distribution?.sahih || 0)) } else { filtered.sort((a, b) => a.name_en.localeCompare(b.name_en)) } setFilteredCollections(filtered) } const scrollCarousel = (direction: "left" | "right") => { if (carouselRef.current) { const scrollAmount = 300 carouselRef.current.scrollBy({ left: direction === "left" ? -scrollAmount : scrollAmount, behavior: "smooth", }) } } if (loading) { return (

) } return (

{/* Header */}

Collections

{/* Hero Section */}

{/* Subtle geometric pattern overlay */}

Islamic Literature Collections

Explore authentic hadiths organized by classical scholarship

{/* Search Bar */}

{/* Featured Collections */} {featuredCollections.length > 0 && (

Featured Collections

{/* Desktop: 4-column grid */}

{featuredCollections.map((collection) => ( ))}

{/* Mobile: Horizontal carousel */}

{featuredCollections.map((collection) => ( ))}

)} {/* Main Content: Filters + Grid */}

{/* Filter Sidebar (Desktop) */} {/* Collections Grid */}

All Collections

{filteredCollections.length} collections

{filteredCollections.length === 0 ? (

No collections match your filters

) : (

{filteredCollections.map((collection) => ( ))}

)}

) } export default function CollectionsIndexPage() { return (

} > ) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { ChevronLeft, Mail, MessageCircle, Clock, Shield } from "lucide-react" import { IslamicPattern } from "@/components/islamic-pattern" export default function ContactPage() { const router = useRouter() return (

{/* Header */}

Contact Us

{/* Hero */}

Get in Touch

Have a question, suggestion, or need help? We would love to hear from you.

{/* Content */}

{/* Primary Contact */}

Email Us

Our primary support channel

support@authentichadith.app

{/* Support Info Cards */}

Response Time

We typically respond within 24-48 hours on business days.

What We Help With

Account issues, billing questions, bug reports, feature requests, and general feedback.

Privacy

Your information is handled securely. We never share your data with third parties.

{/* Helpful Tips */}

When contacting us, please include:

{[ "Your account email address", "A clear description of your issue or question", "Steps to reproduce (for bug reports)", "Screenshots if applicable", "Your device and app version", ].map((item) => (

{item}

))}

{/* Company Info */}

byRed

Makers of Authentic Hadith

) } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isMerged="true" import { redirect } from "next/navigation" import { getSupabaseServerClient } from "@/lib/supabase/server" import { SignOutButton } from "@/components/sign-out-button" import Image from "next/image" export default async function DashboardPage() { const supabase = await getSupabaseServerClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { redirect("/") } return (

{/* Header */}

Authentic Hadith

{/* Main Content */}

{user.email?.charAt(0).toUpperCase()}

Welcome, {user.user_metadata?.full_name || "Knowledge Seeker"}!

{user.email}

You have successfully signed in. This dashboard will be your gateway to authentic Hadith collections.

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* Premium SightEngine color palette - Investor Grade A */ :root { /* Gold Material Palette - 18K Yellow Gold */ --gold-shadow: #8a6e3a; --gold-mid: #c5a059; --gold-highlight: #e8c77d; --gold-specular: #fceeb5; /* Emerald Green Material Palette - Museum-quality cloisonné */ --emerald-shadow: #0a2a1f; --emerald-mid: #1b5e43; --emerald-highlight: #2d7a5b; --emerald-specular: #4a9973; /* Marble White - Carrara marble */ --marble-base: #f8f6f2; --marble-vein: #d4cfc7; --marble-vein-light: #e8e4de; --marble-shadow: #ebe7e0; /* Deep Bronze for text (no pure black) */ --bronze-text: #2c2416; --background: #f8f6f2; --foreground: #2c2416; --card: #fffefb; --card-foreground: #2c2416; --popover: #fffefb; --popover-foreground: #2c2416; --primary: #1b5e43; --primary-foreground: #f8f6f2; --secondary: #c5a059; --secondary-foreground: #2c2416; --muted: #ebe7e0; --muted-foreground: #6b5d4d; --accent: #e8c77d; --accent-foreground: #2c2416; --destructive: #b91c1c; --destructive-foreground: #f8f6f2; --border: #d4cfc7; --input: #f8f6f2; --ring: #c5a059; --chart-1: #1b5e43; --chart-2: #c5a059; --chart-3: #2d7a5b; --chart-4: #e8c77d; --chart-5: #0a2a1f; --radius: 0.5rem; --sidebar: #f8f6f2; --sidebar-foreground: #2c2416; --sidebar-primary: #1b5e43; --sidebar-primary-foreground: #f8f6f2; --sidebar-accent: #ebe7e0; --sidebar-accent-foreground: #2c2416; --sidebar-border: #d4cfc7; --sidebar-ring: #c5a059; } .dark { --marble-base: #0a2a1f; --marble-vein: #1f6b4e; --marble-vein-light: #153d2e; --marble-shadow: #0f3529; --background: #0a2a1f; --foreground: #f0ede7; --card: #122f24; --card-foreground: #f0ede7; --popover: #122f24; --popover-foreground: #f0ede7; --primary: #4a9973; --primary-foreground: #0a2a1f; --secondary: #e8c77d; --secondary-foreground: #0a2a1f; --muted: #1b5e43; --muted-foreground: #c9c2b5; --accent: #c5a059; --accent-foreground: #0a2a1f; --destructive: #ef4444; --destructive-foreground: #f0ede7; --border: #1f6b4e; --input: #1b5e43; --ring: #e8c77d; --chart-1: #4a9973; --chart-2: #e8c77d; --chart-3: #2d7a5b; --chart-4: #c5a059; --chart-5: #1b5e43; --sidebar: #0f3529; --sidebar-foreground: #f0ede7; --sidebar-primary: #4a9973; --sidebar-primary-foreground: #0a2a1f; --sidebar-accent: #1b5e43; --sidebar-accent-foreground: #f0ede7; --sidebar-border: #1f6b4e; --sidebar-ring: #e8c77d; } @theme inline { --font-sans: "Cinzel", "Geist", serif; --font-serif: "Cinzel", serif; --font-mono: "Geist Mono", monospace; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Premium marble background with veining effect */ .marble-bg { background-color: var(--background); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E"), linear-gradient( 135deg, var(--marble-base) 0%, var(--marble-vein-light) 25%, var(--marble-base) 50%, var(--marble-shadow) 75%, var(--marble-base) 100% ); background-size: 200px 200px, 400% 400%; animation: marble-shift 20s ease infinite; } @keyframes marble-shift { 0%, 100% { background-position: 0 0, 0% 50%; } 50% { background-position: 0 0, 100% 50%; } } .dark .marble-bg { background-image: none; background-color: var(--background); } /* Dark mode premium card */ .dark .premium-card { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(45, 122, 91, 0.3); } .dark .gold-border { background: linear-gradient(var(--card), var(--card)) padding-box, linear-gradient( 135deg, var(--gold-shadow) 0%, var(--gold-mid) 25%, var(--gold-highlight) 50%, var(--gold-specular) 75%, var(--gold-mid) 100% ) border-box; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(252, 238, 181, 0.1); } /* Gold gradient text effect */ .gold-text { background: linear-gradient( 135deg, var(--gold-shadow) 0%, var(--gold-mid) 30%, var(--gold-highlight) 60%, var(--gold-specular) 80%, var(--gold-highlight) 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.3px rgba(44, 36, 22, 0.35); paint-order: stroke fill; text-shadow: none; } /* Headings get a slightly heavier stroke for readability at large sizes */ h1 .gold-text, h2 .gold-text, .gold-text-heading { -webkit-text-stroke: 0.5px rgba(44, 36, 22, 0.4); } /* Dark mode: brighter gold gradient, no dark stroke */ .dark .gold-text { background: linear-gradient( 135deg, var(--gold-mid) 0%, var(--gold-highlight) 30%, var(--gold-specular) 60%, var(--gold-highlight) 80%, var(--gold-mid) 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0; text-shadow: none; } .dark h1 .gold-text, .dark h2 .gold-text, .dark .gold-text-heading { -webkit-text-stroke: 0; } /* Gold gradient border */ .gold-border { border: 2px solid transparent; background: linear-gradient(var(--card), var(--card)) padding-box, linear-gradient( 135deg, var(--gold-shadow) 0%, var(--gold-mid) 25%, var(--gold-highlight) 50%, var(--gold-specular) 75%, var(--gold-mid) 100% ) border-box; box-shadow: 0 4px 12px rgba(138, 110, 58, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(252, 238, 181, 0.3); } /* Premium gold button with embossed effect */ .gold-button { background: linear-gradient(180deg, var(--gold-highlight) 0%, var(--gold-mid) 50%, var(--gold-shadow) 100%); color: var(--bronze-text); font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; border: none; box-shadow: 0 4px 8px rgba(138, 110, 58, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(252, 238, 181, 0.5), inset 0 -1px 0 rgba(138, 110, 58, 0.3); transition: all 0.2s ease; } .gold-button:hover { background: linear-gradient(180deg, var(--gold-specular) 0%, var(--gold-highlight) 50%, var(--gold-mid) 100%); box-shadow: 0 6px 12px rgba(138, 110, 58, 0.4), 0 3px 6px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(252, 238, 181, 0.6), inset 0 -1px 0 rgba(138, 110, 58, 0.2); transform: translateY(-1px); } .gold-button:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(138, 110, 58, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(138, 110, 58, 0.2); } /* Emerald green button */ .emerald-button { background: linear-gradient(180deg, var(--emerald-highlight) 0%, var(--emerald-mid) 50%, var(--emerald-shadow) 100%); color: var(--marble-base); font-weight: 600; letter-spacing: 0.05em; box-shadow: 0 4px 8px rgba(10, 42, 31, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(74, 153, 115, 0.4), inset 0 -1px 0 rgba(10, 42, 31, 0.3); transition: all 0.2s ease; } .emerald-button:hover { background: linear-gradient(180deg, var(--emerald-specular) 0%, var(--emerald-highlight) 50%, var(--emerald-mid) 100%); transform: translateY(-1px); } /* Gold underline tab indicator */ .gold-tab-indicator { background: linear-gradient( 90deg, var(--gold-shadow) 0%, var(--gold-mid) 20%, var(--gold-highlight) 50%, var(--gold-mid) 80%, var(--gold-shadow) 100% ); box-shadow: 0 0 8px rgba(197, 160, 89, 0.5); } /* Geometric shimmer animation */ .geometric-shimmer { animation: shimmer 3s ease-in-out infinite; } @keyframes shimmer { 0%, 100% { opacity: 0.05; } 50% { opacity: 0.15; } } /* Premium input styling */ .premium-input { background-color: var(--marble-base); border: 1px solid var(--marble-vein); transition: all 0.2s ease; } .premium-input:focus { border-color: var(--gold-mid); box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.05); } .dark .premium-input { background-color: var(--card); border-color: var(--border); color: var(--foreground); } /* Card with premium shadow depth */ .premium-card { background: var(--card); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(212, 207, 199, 0.5); } /* Divider with gold accent */ .gold-divider { background: linear-gradient( 90deg, transparent 0%, var(--gold-shadow) 20%, var(--gold-mid) 50%, var(--gold-shadow) 80%, transparent 100% ); height: 1px; } /* Added onboarding-specific styles */ /* Gold progress dot - active state with pulse */ .gold-dot-active { background: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-highlight) 100%); box-shadow: 0 0 8px rgba(197, 160, 89, 0.5); animation: dot-pulse 2s ease-in-out infinite; } @keyframes dot-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } /* Gold checkbox style */ .gold-checkbox { background: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-highlight) 100%); box-shadow: 0 2px 4px rgba(197, 160, 89, 0.3); } /* Gold icon background */ .gold-icon-bg { background: linear-gradient(135deg, rgba(197, 160, 89, 0.15) 0%, rgba(232, 199, 125, 0.1) 100%); border: 1px solid rgba(197, 160, 89, 0.3); } .dark .gold-icon-bg { background: linear-gradient(135deg, rgba(197, 160, 89, 0.25) 0%, rgba(232, 199, 125, 0.15) 100%); border: 1px solid rgba(197, 160, 89, 0.4); } /* Gold success icon */ .gold-success-icon { background: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-highlight) 100%); box-shadow: 0 8px 24px rgba(197, 160, 89, 0.4), 0 4px 8px rgba(0, 0, 0, 0.1); } /* Custom slider styling */ .gold-slider { -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: linear-gradient( to right, var(--gold-mid) 0%, var(--gold-highlight) var(--slider-progress, 50%), var(--muted) var(--slider-progress, 50%), var(--muted) 100% ); outline: none; cursor: pointer; } .gold-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-highlight) 100%); border: 2px solid white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 0.15s ease; } .gold-slider::-webkit-slider-thumb:hover { transform: scale(1.1); } .gold-slider::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-highlight) 100%); border: 2px solid white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 0.15s ease; } .gold-slider::-moz-range-thumb:hover { transform: scale(1.1); } /* Slide animations */ @keyframes slide-left-in { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } @keyframes slide-right-in { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } .animate-slide-left { animation: slide-left-in 0.3s ease-out; } .animate-slide-right { animation: slide-right-in 0.3s ease-out; } [V0_FILE]typescriptreact:file="app/hadith/[id]/layout.tsx" isMerged="true" import React from "react" import { createClient } from "@supabase/supabase-js" import type { Metadata } from "next" import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config" const COLLECTION_NAMES: Record = { "sahih-bukhari": "Sahih al-Bukhari", "sahih-muslim": "Sahih Muslim", "sunan-abu-dawud": "Sunan Abu Dawud", "jami-tirmidhi": "Jami at-Tirmidhi", "sunan-nasai": "Sunan an-Nasai", "sunan-ibn-majah": "Sunan Ibn Majah", "muwatta-malik": "Muwatta Malik", "musnad-ahmad": "Musnad Ahmad", } function parseTranslation(raw: string): string { if (!raw) return "" if (raw.startsWith("{")) { try { const parsed = JSON.parse(raw) return parsed.text || raw } catch { return raw } } return raw } export async function generateMetadata({ params, }: { params: Promise<{ id: string }> }): Promise { const { id } = await params const supabase = createClient( SUPABASE_URL, process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY, ) const { data: hadith } = await supabase .from("hadiths") .select("english_translation, collection, reference, grade") .eq("id", id) .single() if (!hadith) { return { title: "Hadith Not Found | Authentic Hadith", } } const translationText = parseTranslation(hadith.english_translation) const collectionName = COLLECTION_NAMES[hadith.collection] || hadith.collection const description = translationText.substring(0, 200) + (translationText.length > 200 ? "..." : "") const title = `${collectionName} - ${hadith.reference} | Authentic Hadith` return { title, description, openGraph: { title, description, type: "article", images: [ { url: `/api/og/hadith?id=${id}`, width: 1200, height: 630, alt: `Hadith from ${collectionName}`, }, ], }, twitter: { card: "summary_large_image", title, description, images: [`/api/og/hadith?id=${id}`], }, } } export default function HadithLayout({ children }: { children: React.ReactNode }) { return children } [V0_FILE]typescriptreact:file="app/hadith/[id]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { ChevronLeft, Bookmark, Share2, BookOpen, ImageIcon, CheckCircle2, Hash, FolderOpen, Sparkles, Loader2 } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { DiscussionSection } from "@/components/hadith/discussion-section" import { cn } from "@/lib/utils" import { parseEnglishTranslation, getCollectionDisplayName } from "@/lib/hadith-utils" import { trackActivity } from "@/app/actions/track-activity" interface Hadith { id: string arabic_text: string english_translation: string collection: string book_number: number hadith_number: number reference: string grade: "sahih" | "hasan" | "daif" narrator: string } export default function HadithDetailPage() { const router = useRouter() const params = useParams() const supabase = getSupabaseBrowserClient() const [hadith, setHadith] = useState(null) const [isSaved, setIsSaved] = useState(false) const [isRead, setIsRead] = useState(false) const [loading, setLoading] = useState(true) const [summarizing, setSummarizing] = useState(false) const [enrichment, setEnrichment] = useState<{ summary_line: string | null key_teaching_en: string | null key_teaching_ar: string | null category: { slug: string; name_en: string } | null tags: Array<{ slug: string; name_en: string }> } | null>(null) useEffect(() => { const fetchHadith = async () => { const { data } = await supabase.from("hadiths").select("*").eq("id", params.id).single() if (data) { setHadith(data) // Check if saved const { data: { user }, } = await supabase.auth.getUser() if (user) { const { data: savedData } = await supabase .from("saved_hadiths") .select("id") .eq("user_id", user.id) .eq("hadith_id", data.id) .single() setIsSaved(!!savedData) // Check if marked as read const { data: readData } = await supabase .from("reading_progress") .select("id") .eq("user_id", user.id) .eq("hadith_id", data.id) .single() setIsRead(!!readData) // Track view await supabase .from("hadith_views") .upsert( { user_id: user.id, hadith_id: data.id, viewed_at: new Date().toISOString() }, { onConflict: "user_id,hadith_id" }, ) } } // Fetch enrichment data const { data: enrichData } = await supabase .from("hadith_enrichment") .select("summary_line, key_teaching_en, key_teaching_ar, category:categories!category_id(slug, name_en)") .eq("hadith_id", params.id) .eq("status", "published") .single() if (enrichData) { // Fetch tags const { data: tagData } = await supabase .from("hadith_tags") .select("tag:tags!tag_id(slug, name_en)") .eq("hadith_id", params.id as string) .eq("status", "published") setEnrichment({ summary_line: enrichData.summary_line, key_teaching_en: enrichData.key_teaching_en, key_teaching_ar: enrichData.key_teaching_ar, category: enrichData.category as { slug: string; name_en: string } | null, tags: (tagData || []).map((t: { tag: { slug: string; name_en: string } | null }) => t.tag).filter(Boolean) as Array<{ slug: string; name_en: string }>, }) } setLoading(false) } fetchHadith() }, [supabase, params.id]) const handleSummarize = async () => { if (!hadith) return setSummarizing(true) try { const res = await fetch("/api/summarize", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ hadithId: hadith.id }), }) const data = await res.json() if (res.ok && (data.key_teaching_en || data.summary_line)) { setEnrichment({ summary_line: data.summary_line || null, key_teaching_en: data.key_teaching_en || null, key_teaching_ar: data.key_teaching_ar || null, category: enrichment?.category || null, tags: enrichment?.tags || [], }) } else { console.error("[v0] Summarize API error:", data.error) } } catch (err) { console.error("[v0] Summarize failed:", err) } setSummarizing(false) } const handleSave = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user || !hadith) return if (isSaved) { await supabase.from("saved_hadiths").delete().eq("user_id", user.id).eq("hadith_id", hadith.id) // Also remove from user_bookmarks await supabase .from("user_bookmarks") .delete() .eq("user_id", user.id) .eq("item_id", hadith.id) .eq("item_type", "hadith") } else { await supabase.from("saved_hadiths").insert({ user_id: user.id, hadith_id: hadith.id, }) // Also add to user_bookmarks for My Hadith await supabase.from("user_bookmarks").upsert( { user_id: user.id, item_id: hadith.id, item_type: "hadith", bookmarked_at: new Date().toISOString(), }, { onConflict: "user_id,item_id,item_type" }, ) trackActivity("hadith_save", hadith.id).catch(() => {}) } setIsSaved(!isSaved) } const handleMarkRead = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user || !hadith) return if (isRead) { await supabase.from("reading_progress").delete().eq("user_id", user.id).eq("hadith_id", hadith.id) } else { // Find the collection_id for this hadith const { data: collData } = await supabase .from("collections") .select("id") .eq("slug", hadith.collection) .single() await supabase.from("reading_progress").insert({ user_id: user.id, hadith_id: hadith.id, collection_id: collData?.id || null, }) // Award XP for reading a hadith trackActivity("hadith_read", hadith.id).catch(() => {}) } setIsRead(!isRead) } const handleShare = async () => { if (!hadith) return if (navigator.share) { await navigator.share({ title: "Authentic Hadith", text: hadith.english_translation, url: window.location.href, }) } else { await navigator.clipboard.writeText(window.location.href) alert("Link copied to clipboard!") } trackActivity("hadith_shared", hadith.id).catch(() => {}) } const gradeColors = { sahih: "from-[#10b981] to-[#34d399]", hasan: "from-[#3b82f6] to-[#60a5fa]", daif: "from-[#6b7280] to-[#9ca3af]", } const gradeLabels = { sahih: "Sahih", hasan: "Hasan", daif: "Da'if", } if (loading) { return (

) } if (!hadith) { return (

Hadith not found

) } return (

{/* Header */}

Hadith Detail

{/* Main Content */}

{/* Badges */}

{getCollectionDisplayName(hadith.collection)} {gradeLabels[hadith.grade]}

{/* Enrichment: Summary + Tags */} {enrichment && (

{enrichment.summary_line && (

{enrichment.summary_line}

)}

{enrichment.category && ( )} {enrichment.tags.map((tag) => ( ))}

)} {/* Key Teaching - only shown when enrichment exists */} {enrichment?.key_teaching_en && (

Key Teaching

{enrichment.key_teaching_en}

{enrichment.key_teaching_ar && (

{enrichment.key_teaching_ar}

)}

)} {/* Arabic Text */}

{hadith.arabic_text}

{/* Divider */}

{/* English Translation */}

Translation

{(() => { const { narrator: parsedNarrator, text: parsedText } = parseEnglishTranslation(hadith.english_translation) return ( <> {parsedNarrator && (

Narrated by {parsedNarrator}

)}

{parsedText}

) })()}

{/* Metadata */}

Reference {hadith.reference}

Narrator {hadith.narrator || parseEnglishTranslation(hadith.english_translation).narrator || "Unknown"}

Grade {gradeLabels[hadith.grade]}

{/* Summarize Button - below metadata, above mark as read */} {!enrichment?.key_teaching_en && (

)} {/* Mark as Read Button */}

{/* Community Discussion */}

) } [V0_FILE]typescriptreact:file="app/home/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/home/page.tsx" isMerged="true" "use client" import React from "react" import { useEffect, useState, useRef } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { DailyHadithCard } from "@/components/home/daily-hadith-card" import { AIAssistantBlock } from "@/components/home/ai-assistant-block" import { ShareBanner } from "@/components/share-banner" import { ReminderBanner } from "@/components/home/reminder-banner" import { ProUpgradeCTA } from "@/components/usage-banner" import { useQuota } from "@/hooks/use-quota" import { User, Search, BookOpen, ChevronRight, ChevronLeft, Sparkles, Clock, Bookmark, GraduationCap, Bot, TrendingUp, Sun, Heart, Users, PenLine, PlayCircle, } from "lucide-react" import { formatDistanceToNow } from "date-fns" import { getCleanTranslation, getCollectionDisplayName } from "@/lib/hadith-utils" interface UserProfile { name: string avatar_url: string | null school_of_thought?: string | null } interface UserPreferences { learning_level: string } interface Hadith { id: string arabic_text: string english_translation: string collection: string reference: string grade: "sahih" | "hasan" | "daif" narrator: string is_saved?: boolean } interface RecentHadith { id: string title: string collection: string viewed_at: string } interface ContinueReading { collection_name: string collection_slug: string last_hadith_id: string hadith_number: number total_hadiths: number progress_percent: number } interface FeaturedCollection { id: string name_en: string name_ar: string slug: string total_hadiths: number is_featured: boolean grade_distribution: { sahih: number hasan: number daif: number } } export default function HomePage() { const router = useRouter() const carouselRef = useRef(null) const { quota } = useQuota() const [profile, setProfile] = useState(null) const [dailyHadith, setDailyHadith] = useState(null) const [recentlyViewed, setRecentlyViewed] = useState([]) const [featuredCollections, setFeaturedCollections] = useState([]) const [loading, setLoading] = useState(true) const [searchQuery, setSearchQuery] = useState("") const [savedCount, setSavedCount] = useState(0) const [streakDays, setStreakDays] = useState(0) const [continueReading, setContinueReading] = useState([]) const [totalReadCount, setTotalReadCount] = useState(0) const [lastActiveDate, setLastActiveDate] = useState(null) const [userPrefs, setUserPrefs] = useState(null) useEffect(() => { const fetchData = async () => { try { const supabase = getSupabaseBrowserClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) { router.push("/login") return } if (user) { // Fetch profile + preferences in parallel const [{ data: profileData }, { data: prefsData }] = await Promise.all([ supabase .from("profiles") .select("name, avatar_url, school_of_thought") .eq("user_id", user.id) .single(), supabase .from("user_preferences") .select("learning_level") .eq("user_id", user.id) .single(), ]) if (profileData) setProfile(profileData) if (prefsData) setUserPrefs(prefsData) // Fetch daily hadith from API try { const dailyRes = await fetch("/api/daily-hadith") const dailyData = await dailyRes.json() if (dailyData.hadith) { const hadithData = dailyData.hadith const { data: savedData } = await supabase .from("saved_hadiths") .select("id") .eq("user_id", user.id) .eq("hadith_id", hadithData.id) .maybeSingle() setDailyHadith({ ...hadithData, is_saved: !!savedData }) } } catch (e) { // Daily hadith fetch failed silently } // Fetch recently viewed const { data: recentData } = await supabase .from("hadith_views") .select(`viewed_at, hadiths (id, english_translation, collection)`) .eq("user_id", user.id) .order("viewed_at", { ascending: false }) .limit(5) if (recentData) { setRecentlyViewed( recentData .filter((item: any) => item.hadiths) .map((item: any) => ({ id: item.hadiths.id, title: getCleanTranslation(item.hadiths.english_translation).substring(0, 60) + "...", collection: getCollectionDisplayName(item.hadiths.collection), viewed_at: item.viewed_at, })), ) } // Fetch saved count const { count } = await supabase .from("saved_hadiths") .select("id", { count: "exact", head: true }) .eq("user_id", user.id) setSavedCount(count || 0) // Calculate streak (days with views in a row) const { data: viewDays } = await supabase .from("hadith_views") .select("viewed_at") .eq("user_id", user.id) .order("viewed_at", { ascending: false }) .limit(30) if (viewDays && viewDays.length > 0) { let streak = 1 const today = new Date() today.setHours(0, 0, 0, 0) const firstView = new Date(viewDays[0].viewed_at) firstView.setHours(0, 0, 0, 0) if (today.getTime() - firstView.getTime() <= 86400000) { for (let i = 1; i < viewDays.length; i++) { const prev = new Date(viewDays[i - 1].viewed_at) const curr = new Date(viewDays[i].viewed_at) prev.setHours(0, 0, 0, 0) curr.setHours(0, 0, 0, 0) if (prev.getTime() - curr.getTime() <= 86400000 && prev.getTime() !== curr.getTime()) { streak++ } else if (prev.getTime() !== curr.getTime()) { break } } } setStreakDays(streak) } // Fetch total read count for reminder banner const { count: readCount } = await supabase .from("reading_progress") .select("id", { count: "exact", head: true }) .eq("user_id", user.id) setTotalReadCount(readCount || 0) // Fetch last active date from streaks const { data: streakRow } = await supabase .from("user_streaks") .select("last_active_date") .eq("user_id", user.id) .single() if (streakRow) setLastActiveDate(streakRow.last_active_date) // Fetch continue reading -- last read hadith per collection const { data: lastReadData } = await supabase .from("reading_progress") .select("hadith_id, collection_id, created_at") .eq("user_id", user.id) .order("created_at", { ascending: false }) .limit(50) if (lastReadData && lastReadData.length > 0) { // Group by collection, keep the latest per collection const byCollection = new Map() const readCountByCollection = new Map() for (const rp of lastReadData) { if (!rp.collection_id) continue readCountByCollection.set(rp.collection_id, (readCountByCollection.get(rp.collection_id) || 0) + 1) if (!byCollection.has(rp.collection_id)) { byCollection.set(rp.collection_id, rp) } } // Fetch collection details separately const collectionIds = Array.from(byCollection.keys()) const { data: collectionsData } = await supabase .from("collections") .select("id, name_en, slug, total_hadiths") .in("id", collectionIds) const collMap = new Map() if (collectionsData) { for (const c of collectionsData) { collMap.set(c.id, c) } } // For each latest entry, get the hadith number const continueItems: ContinueReading[] = [] for (const [collId, rp] of byCollection) { const coll = collMap.get(collId) if (!coll) continue const { data: hData } = await supabase .from("hadiths") .select("hadith_number") .eq("id", rp.hadith_id) .single() continueItems.push({ collection_name: coll.name_en, collection_slug: coll.slug, last_hadith_id: rp.hadith_id, hadith_number: hData?.hadith_number || 0, total_hadiths: coll.total_hadiths, progress_percent: coll.total_hadiths > 0 ? Math.round(((readCountByCollection.get(collId) || 0) / coll.total_hadiths) * 100) : 0, }) } setContinueReading(continueItems.slice(0, 3)) } } // Fetch featured collections (public) const supabase2 = getSupabaseBrowserClient() const { data: featured } = await supabase2 .from("collections") .select("id, name_en, name_ar, slug, total_hadiths, is_featured, grade_distribution") .eq("is_featured", true) .order("total_hadiths", { ascending: false }) .limit(4) if (featured) setFeaturedCollections(featured) } catch (err) { // Home fetch error } setLoading(false) } fetchData() }, []) const handleSaveHadith = async (hadithId: string) => { try { const supabase = getSupabaseBrowserClient() const { data: { user }, } = await supabase.auth.getUser() if (!user) return if (dailyHadith?.is_saved) { await supabase.from("saved_hadiths").delete().eq("user_id", user.id).eq("hadith_id", hadithId) } else { await supabase.from("saved_hadiths").insert({ user_id: user.id, hadith_id: hadithId }) } setDailyHadith((prev) => (prev ? { ...prev, is_saved: !prev.is_saved } : null)) } catch (err) { // Save failed } } const handleShareHadith = async (hadithId: string) => { if (navigator.share) { await navigator.share({ title: "Authentic Hadith", text: dailyHadith?.english_translation, url: `${window.location.origin}/hadith/${hadithId}`, }) } else { await navigator.clipboard.writeText(`${window.location.origin}/hadith/${hadithId}`) } } const handleSearch = (e: React.FormEvent) => { e.preventDefault() if (searchQuery.trim()) { router.push(`/search?q=${encodeURIComponent(searchQuery)}`) } } const scrollCarousel = (direction: "left" | "right") => { if (carouselRef.current) { carouselRef.current.scrollBy({ left: direction === "left" ? -280 : 280, behavior: "smooth", }) } } if (loading) { return (

) } const displayHadith = dailyHadith || { id: "default", arabic_text: "\u0625\u0650\u0646\u0651\u064E\u0645\u064E\u0627 \u0627\u0644\u0623\u064E\u0639\u0652\u0645\u064E\u0627\u0644\u064F \u0628\u0650\u0627\u0644\u0646\u0651\u0650\u064A\u0651\u064E\u0627\u062A\u0650", english_translation: "Actions are according to intentions, and everyone will get what was intended.", collection: "Sahih Bukhari", reference: "Book 1, Hadith 1", grade: "sahih" as const, narrator: "Umar ibn al-Khattab", is_saved: false, } const firstName = profile?.name?.split(" ")[0] || "Scholar" const greeting = (() => { const hour = new Date().getHours() if (hour < 12) return "Good morning" if (hour < 17) return "Good afternoon" return "Good evening" })() return (

{/* Hero Section */}

{/* Geometric pattern overlay */}

{/* Top bar with logo + profile */}

Authentic Hadith

{profile?.avatar_url ? ( ) : ( )}

{/* Greeting */}

{greeting}, {firstName}

{userPrefs?.learning_level === "beginner" ? "Start your journey through authentic hadith literature" : userPrefs?.learning_level === "advanced" ? "Deepen your study of the prophetic traditions" : "Continue your journey through authentic hadith literature"}

{/* Search bar */}

{/* Smart Reminder Banner */}

{/* Daily Hadith */}

Hadith of the Day

{/* Pro CTA for free users */} {quota && !quota.isPremium && (

)} {/* Continue Reading */} {continueReading.length > 0 && (

Continue Reading

{continueReading.map((item) => ( ))}

)} {/* Quick Actions */}

Quick Actions

{[ { icon: Sun, label: "Today", desc: "Daily card", href: "/today", gradient: "from-[#C5A059] to-[#E8C77D]", iconColor: "text-white", }, { icon: BookOpen, label: "Collections", desc: "8 books", href: "/collections", gradient: "from-[#1B5E43] to-[#2D7A5B]", iconColor: "text-white", }, { icon: Heart, label: "Sunnah", desc: "Lived practice", href: "/sunnah", gradient: "from-[#1B5E43] to-[#4a9973]", iconColor: "text-white", }, { icon: Users, label: "Stories", desc: "The Companions", href: "/stories", gradient: "from-[#8a6e3a] to-[#C5A059]", iconColor: "text-white", }, { icon: GraduationCap, label: "Learn", desc: "Guided paths", href: "/learn", gradient: "from-[#1B5E43] to-[#2D7A5B]", iconColor: "text-white", }, { icon: Search, label: "Topics", desc: "Browse by tag", href: "/topics", gradient: "from-[#8a6e3a] to-[#C5A059]", iconColor: "text-white", }, ].map((action) => ( ))}

{/* Featured Collections Carousel */} {featuredCollections.length > 0 && (

Featured Collections

{featuredCollections.map((collection) => { const total = (collection.grade_distribution?.sahih || 0) + (collection.grade_distribution?.hasan || 0) + (collection.grade_distribution?.daif || 0) const sahihPct = total > 0 ? Math.round(((collection.grade_distribution?.sahih || 0) / total) * 100) : 0 return ( ) })} {/* View All card */}

)} {/* Two Column: Recently Viewed + AI Assistant */}

{/* Recently Viewed */}

AI Assistant

{/* Share prompt */}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata, Viewport } from "next" import { Cinzel, Geist, Geist_Mono } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import { AppShell } from "@/components/layout/app-shell" import "./globals.css" const cinzel = Cinzel({ subsets: ["latin"], variable: "--font-cinzel", weight: ["400", "500", "600", "700"], }) const geist = Geist({ subsets: ["latin"], variable: "--font-geist", }) const geistMono = Geist_Mono({ subsets: ["latin"], variable: "--font-geist-mono", }) export const metadata: Metadata = { title: "Authentic Hadith - Learn From Verified Sources", metadataBase: new URL(process.env.NEXT_PUBLIC_APP_URL || "https://authentichadith.app"), description: "Access verified hadith collections, guided learning paths, daily sunnah practices, stories of the prophets and companions, and AI-powered study tools -- all from authenticated sources.", generator: "v0.app", verification: { google: "pu6PCNjJGNwTlF-CoQmeSTi_sDeWH5vwBexQ-cUA6B4", }, icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export const viewport: Viewport = { themeColor: "#1B5E43", width: "device-width", initialScale: 1, maximumScale: 1, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/learn/lesson/[lessonId]/page.tsx" isMerged="true" "use client" import { useEffect, useState, useCallback } from "react" import { useRouter, useParams } from "next/navigation" import { ChevronLeft, ChevronRight, CheckCircle2, Clock, BookOpen, Loader2, Circle, } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { markLessonStarted, markLessonCompleted } from "@/app/actions/learning-progress" import { LessonContent } from "@/components/learn/lesson-content" import { LessonQuiz } from "@/components/learn/lesson-quiz" import { cn } from "@/lib/utils" interface Lesson { id: string module_id: string slug: string title: string description: string | null content_markdown: string | null content_type: string hadith_ids: string[] collection_slug: string | null book_number: number | null sort_order: number has_quiz: boolean estimated_minutes: number } interface Module { id: string path_id: string slug: string title: string description: string sort_order: number } interface LearningPath { id: string title: string slug: string color: string } interface SiblingLesson { id: string title: string sort_order: number } interface QuizQuestion { id: string question_text: string question_type: string options: string[] correct_index: number hint_text: string | null sort_order: number } interface Progress { status: string completed_at: string | null quiz_score: number | null quiz_passed: boolean } export default function LessonDetailPage() { const router = useRouter() const params = useParams() const supabase = getSupabaseBrowserClient() const lessonId = params.lessonId as string const [lesson, setLesson] = useState(null) const [module, setModule] = useState(null) const [path, setPath] = useState(null) const [siblings, setSiblings] = useState([]) const [quizQuestions, setQuizQuestions] = useState([]) const [progress, setProgress] = useState(null) const [loading, setLoading] = useState(true) const [showQuiz, setShowQuiz] = useState(false) const [completing, setCompleting] = useState(false) const [hadiths, setHadiths] = useState>([]) const fetchData = useCallback(async () => { // Fetch lesson const { data: lessonData } = await supabase .from("learning_lessons") .select("*") .eq("id", lessonId) .single() if (!lessonData) { setLoading(false) return } setLesson(lessonData) // Mark as started markLessonStarted(lessonId).catch(() => {}) // Fetch module and path in parallel const [moduleRes, progressRes, quizRes] = await Promise.all([ supabase.from("learning_modules").select("*").eq("id", lessonData.module_id).single(), supabase .from("learning_progress") .select("status, completed_at, quiz_score, quiz_passed") .eq("lesson_id", lessonId) .maybeSingle(), lessonData.has_quiz ? supabase .from("learning_quiz_questions") .select("*") .eq("lesson_id", lessonId) .order("sort_order") : Promise.resolve({ data: [] }), ]) if (moduleRes.data) { setModule(moduleRes.data) // Fetch path const { data: pathData } = await supabase .from("learning_paths") .select("id, title, slug, color") .eq("id", moduleRes.data.path_id) .single() if (pathData) setPath(pathData) // Fetch siblings (all lessons in same module) const { data: siblingData } = await supabase .from("learning_lessons") .select("id, title, sort_order") .eq("module_id", lessonData.module_id) .order("sort_order") if (siblingData) setSiblings(siblingData) } if (progressRes.data) { setProgress(progressRes.data) } if (quizRes.data && quizRes.data.length > 0) { setQuizQuestions(quizRes.data) } // Fetch referenced hadiths if any if (lessonData.hadith_ids && lessonData.hadith_ids.length > 0) { const { data: hadithData } = await supabase .from("hadiths") .select("id, arabic_text, english_translation, collection, reference, grade") .in("id", lessonData.hadith_ids) if (hadithData) setHadiths(hadithData) } setLoading(false) }, [supabase, lessonId]) useEffect(() => { fetchData() }, [fetchData]) const handleMarkComplete = async () => { if (!lesson) return setCompleting(true) const result = await markLessonCompleted(lesson.id) if (result.success) { setProgress({ status: "completed", completed_at: new Date().toISOString(), quiz_score: null, quiz_passed: false }) } setCompleting(false) } const handleQuizComplete = async (score: number, passed: boolean) => { setProgress({ status: "completed", completed_at: new Date().toISOString(), quiz_score: score, quiz_passed: passed, }) setShowQuiz(false) } const currentIndex = siblings.findIndex((s) => s.id === lessonId) const prevLesson = currentIndex > 0 ? siblings[currentIndex - 1] : null const nextLesson = currentIndex < siblings.length - 1 ? siblings[currentIndex + 1] : null const isCompleted = progress?.status === "completed" if (loading) { return (

) } if (!lesson) { return (

Lesson not found

) } return (

{/* Header */}

{path?.title} {module ? `/ ${module.title}` : ""}

{lesson.title}

{isCompleted && (

Done

)}

{/* Lesson nav dots */} {siblings.length > 1 && (

{siblings.map((s) => (

)}

{/* Content */}

{/* Lesson Meta */}

{lesson.estimated_minutes > 0 && ( {lesson.estimated_minutes} min )} {lesson.content_type} {lesson.has_quiz && ( Has Quiz )}

{/* Markdown Content */} {lesson.content_markdown && !showQuiz && ( )} {/* Quiz Section */} {showQuiz && quizQuestions.length > 0 && ( )} {/* Actions */} {!showQuiz && (

{/* Mark complete / take quiz */} {!isCompleted && ( <> {lesson.has_quiz && quizQuestions.length > 0 ? ( ) : ( )} )} {isCompleted && lesson.has_quiz && quizQuestions.length > 0 && (

Lesson Completed

{progress?.quiz_score != null && (

Quiz Score: {Math.round(progress.quiz_score)}%

)}

)} {isCompleted && !lesson.has_quiz && (

Lesson Completed

)} {/* Navigation */}

{prevLesson ? ( ) : (

)} {nextLesson ? ( ) : ( )}

)}

) } [V0_FILE]typescriptreact:file="app/learn/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { ChevronLeft, ChevronRight, BookOpen, Star, GraduationCap, Trophy, Sparkles, Users, Lock, CheckCircle2, Clock, Loader2, } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { useSubscription } from "@/hooks/use-subscription" import { PremiumGate } from "@/components/premium-gate" import { cn } from "@/lib/utils" const ICON_MAP: Record = { BookOpen, Star, GraduationCap, Trophy, Sparkles, Users, } const COLOR_MAP: Record = { emerald: { color: "text-[#1B5E43]", bg: "bg-[#1B5E43]/10", border: "border-[#1B5E43]/30" }, amber: { color: "text-[#C5A059]", bg: "bg-[#C5A059]/10", border: "border-[#C5A059]/30" }, blue: { color: "text-blue-600", bg: "bg-blue-50", border: "border-blue-200" }, purple: { color: "text-[#7c3aed]", bg: "bg-[#7c3aed]/10", border: "border-[#7c3aed]/30" }, rose: { color: "text-rose-600", bg: "bg-rose-50", border: "border-rose-200" }, slate: { color: "text-slate-600", bg: "bg-slate-100", border: "border-slate-200" }, } interface LearningPath { id: string slug: string title: string subtitle: string description: string icon_name: string level: string sort_order: number is_premium: boolean total_modules: number total_lessons: number estimated_hours: number color: string } interface LearningModule { id: string path_id: string slug: string title: string description: string sort_order: number } interface LearningLesson { id: string module_id: string slug: string title: string description: string collection_slug: string book_number: number | null sort_order: number estimated_minutes: number has_quiz: boolean content_markdown: string | null } interface LessonProgress { lesson_id: string status: string completed_at: string | null quiz_passed: boolean } export default function LearnPage() { const router = useRouter() const supabase = getSupabaseBrowserClient() const { isPremium } = useSubscription() const [paths, setPaths] = useState([]) const [modules, setModules] = useState([]) const [lessons, setLessons] = useState([]) const [loading, setLoading] = useState(true) const [expandedPath, setExpandedPath] = useState(null) const [bookIdMap, setBookIdMap] = useState>({}) const [progressMap, setProgressMap] = useState>(new Map()) const [userLevel, setUserLevel] = useState("intermediate") useEffect(() => { async function loadData() { const [pathsRes, modulesRes, lessonsRes, booksRes, collectionsRes] = await Promise.all([ supabase.from("learning_paths").select("*").order("sort_order"), supabase.from("learning_modules").select("*").order("sort_order"), supabase.from("learning_lessons").select("*").order("sort_order"), supabase.from("books").select("id, number, collection_id"), supabase.from("collections").select("id, slug"), ]) // Build book ID map for deep-linking if (booksRes.data && collectionsRes.data) { const collSlugMap = new Map() for (const c of collectionsRes.data) { collSlugMap.set(c.id, c.slug) } const map: Record = {} for (const b of booksRes.data) { const collSlug = collSlugMap.get(b.collection_id) if (collSlug) map[`${collSlug}:${b.number}`] = b.id } setBookIdMap(map) } setModules(modulesRes.data || []) setLessons(lessonsRes.data || []) // Fetch user progress + preferences const { data: { user } } = await supabase.auth.getUser() if (user) { const [progressRes, prefsRes] = await Promise.all([ supabase .from("learning_progress") .select("lesson_id, status, completed_at, quiz_passed") .eq("user_id", user.id), supabase .from("user_preferences") .select("learning_level") .eq("user_id", user.id) .single(), ]) if (progressRes.data) { const pMap = new Map() for (const p of progressRes.data) { pMap.set(p.lesson_id, p) } setProgressMap(pMap) } const level = prefsRes.data?.learning_level || "intermediate" setUserLevel(level) // Sort paths: user's level first, then others, preserving sort_order within each group const allPaths = pathsRes.data || [] const LEVEL_ORDER = ["beginner", "intermediate", "advanced"] const levelIdx = LEVEL_ORDER.indexOf(level) const sorted = [...allPaths].sort((a, b) => { const aMatch = a.level === level ? 0 : 1 const bMatch = b.level === level ? 0 : 1 if (aMatch !== bMatch) return aMatch - bMatch // Within same group, sort by proximity to user level then sort_order const aLevelDist = Math.abs(LEVEL_ORDER.indexOf(a.level) - levelIdx) const bLevelDist = Math.abs(LEVEL_ORDER.indexOf(b.level) - levelIdx) if (aLevelDist !== bLevelDist) return aLevelDist - bLevelDist return a.sort_order - b.sort_order }) setPaths(sorted) // Auto-expand first matching-level path const firstMatch = sorted.find((p) => p.level === level) || sorted[0] if (firstMatch) setExpandedPath(firstMatch.id) } else { setPaths(pathsRes.data || []) if (pathsRes.data && pathsRes.data.length > 0) { setExpandedPath(pathsRes.data[0].id) } } setLoading(false) } loadData() }, [supabase]) const getModulesForPath = (pathId: string) => modules.filter((m) => m.path_id === pathId).sort((a, b) => a.sort_order - b.sort_order) const getLessonsForModule = (moduleId: string) => lessons.filter((l) => l.module_id === moduleId).sort((a, b) => a.sort_order - b.sort_order) const getTotalLessons = (pathId: string) => { const pathModules = getModulesForPath(pathId) return pathModules.reduce((sum, m) => sum + getLessonsForModule(m.id).length, 0) } const getCompletedLessons = (pathId: string) => { const pathModules = getModulesForPath(pathId) let completed = 0 for (const mod of pathModules) { for (const lesson of getLessonsForModule(mod.id)) { const p = progressMap.get(lesson.id) if (p?.status === "completed") completed++ } } return completed } const getModuleCompletedCount = (moduleId: string) => { const modLessons = getLessonsForModule(moduleId) return modLessons.filter((l) => progressMap.get(l.id)?.status === "completed").length } if (loading) { return (

) } return (

{/* Header */}

Learning Paths

Personalized for {userLevel} level

{/* Intro */}

Follow a structured path through the hadith collections. Each path is organized into modules and lessons, drawing from authentic narrations across multiple collections.

{paths.length} learning paths

{modules.length} modules

{lessons.length} lessons

{/* Learning Paths */}

{paths.map((path) => { const isExpanded = expandedPath === path.id const Icon = ICON_MAP[path.icon_name] || BookOpen const colors = COLOR_MAP[path.color] || COLOR_MAP.emerald const pathModules = getModulesForPath(path.id) const lessonCount = getTotalLessons(path.id) const completedCount = getCompletedLessons(path.id) const progressPercent = lessonCount > 0 ? Math.round((completedCount / lessonCount) * 100) : 0 return (

{/* Path Header */} {/* Expanded Content */} {isExpanded && (

{path.description}

{path.is_premium && !isPremium ? ( ) : pathModules.length === 0 ? (

Modules coming soon

) : (

{pathModules.map((mod, modIdx) => { const modLessons = getLessonsForModule(mod.id) return (

{/* Module Header */}

Module {modIdx + 1} {getModuleCompletedCount(mod.id) > 0 && ( {getModuleCompletedCount(mod.id)}/{modLessons.length} done )}

{mod.title}

{mod.description}

{/* Lessons */} {modLessons.length > 0 ? (

{modLessons.map((lesson) => { const lessonProgress = progressMap.get(lesson.id) const isLessonDone = lessonProgress?.status === "completed" const hasContent = !!lesson.content_markdown return ( ) })}

) : (

Lessons coming soon

)}

) })}

)}

) })}

) } [V0_FILE]typescriptreact:file="app/login/page.tsx" isMerged="true" import { Suspense } from "react" import { AuthForm } from "@/components/auth-form" import Image from "next/image" import { Loader2 } from "lucide-react" export default function LoginPage() { return (

{/* Decorative border frame */}

{/* Logo and branding */}

Authentic Hadith

Your journey to prophetic wisdom

{/* Auth Card */}

{/* Footer text */}

Verified hadith from trusted scholars

) } [V0_FILE]typescriptreact:file="app/my-hadith/folders/[slug]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { ArrowLeft, Share2, Users, Edit, Trash2 } from "lucide-react" import { cn } from "@/lib/utils" interface Folder { id: string name: string description?: string color: string icon: string privacy: string share_token?: string } interface SavedHadith { id: string hadith_id: string notes?: string created_at: string hadiths?: { id: string arabic_text: string english_translation: string collection: string reference: string grade: string } } export default function FolderDetailPage() { const router = useRouter() const params = useParams() const slug = params.slug as string const supabase = getSupabaseBrowserClient() const [folder, setFolder] = useState(null) const [hadiths, setHadiths] = useState([]) const [loading, setLoading] = useState(true) useEffect(() => { const fetchFolder = async () => { const { data: { user } } = await supabase.auth.getUser() if (!user) { router.push("/login") return } // Fetch folder const { data: folderData } = await supabase .from('hadith_folders') .select('*') .eq('id', slug) .single() if (folderData) { setFolder(folderData as Folder) // Fetch saved hadiths in this folder const { data: hadithsData } = await supabase .from('saved_hadiths') .select(` *, hadiths(*) `) .eq('folder_id', slug) .order('created_at', { ascending: false }) if (hadithsData) { setHadiths(hadithsData as unknown as SavedHadith[]) } } setLoading(false) } fetchFolder() }, [supabase, router, slug]) if (loading) { return (

) } if (!folder) { return (

Folder not found

) } return (

{/* Header */}

{folder.icon}

{folder.name}

{folder.description && (

{folder.description}

)}

{hadiths.length === 0 ? (

No hadiths in this folder yet

Save hadiths to this folder while browsing

) : (

{hadiths.map((item) => (

router.push(`/hadith/${item.hadith_id}`)} > {item.hadiths && ( <>

{item.hadiths.grade} {item.hadiths.collection} - {item.hadiths.reference}

{item.hadiths.english_translation}

{item.notes && (

My Notes

{item.notes}

)} )}

))}

)}

) } [V0_FILE]typescriptreact:file="app/my-hadith/page.tsx" isMerged="true" "use client"; import { useEffect, useState, useCallback } from "react"; import { useRouter } from "next/navigation"; import { getSupabaseBrowserClient } from "@/lib/supabase/client"; import { Bookmark, FolderOpen, Plus, Trophy, Flame, BookOpen, Star, ChevronRight, TrendingUp, } from "lucide-react"; import { cn } from "@/lib/utils"; import { StatCard } from "@/components/gamification/stat-card"; import { LevelProgressBar } from "@/components/gamification/level-progress-bar"; import { StreakCounter } from "@/components/gamification/streak-counter"; import { FolderCard } from "@/components/my-hadith/folder-card"; import { CreateFolderModal } from "@/components/my-hadith/create-folder-modal"; import { BookmarkedHadithCard } from "@/components/my-hadith/bookmarked-hadith-card"; import { getLevelInfo } from "@/lib/gamification/level-calculator"; interface UserStats { total_xp: number; current_streak_days: number; longest_streak_days: number; hadith_read_count: number; hadith_read_unique: number; notes_count: number; bookmarks_count: number; shares_count: number; level: number; } interface Folder { id: string; name: string; icon: string | null; color: string; item_count: number; } interface BookmarkedHadith { id: string; item_id: string; item_type: string; created_at: string; hadiths?: { id: string; arabic_text: string; english_translation: string; collection: string; reference: string; grade: string; summary_line: string; }; } interface Achievement { id: string; name: string; description: string; icon: string; category: string; unlocked_at: string; } export default function MyHadithPage() { const router = useRouter(); const supabase = getSupabaseBrowserClient(); const [stats, setStats] = useState(null); const [folders, setFolders] = useState([]); const [bookmarks, setBookmarks] = useState([]); const [recentAchievements, setRecentAchievements] = useState( [], ); const [loading, setLoading] = useState(true); const [showCreateFolder, setShowCreateFolder] = useState(false); const fetchData = useCallback(async () => { const { data: { user }, } = await supabase.auth.getUser(); if (!user) { router.push("/login"); return; } const [statsRes, foldersRes, bookmarksRes, achievementsRes] = await Promise.all([ supabase .from("user_stats") .select("*") .eq("user_id", user.id) .single(), supabase .from("user_folders") .select("*") .eq("user_id", user.id) .order("created_at", { ascending: true }), supabase .from("user_bookmarks") .select("id, item_id, item_type, bookmarked_at") .eq("user_id", user.id) .eq("item_type", "hadith") .order("bookmarked_at", { ascending: false }) .limit(6), supabase .from("user_achievements") .select( ` unlocked_at, achievements (id, name_en, description_en, icon, category) `, ) .eq("user_id", user.id) .order("unlocked_at", { ascending: false }) .limit(3), ]); if (statsRes.data) { setStats(statsRes.data); } else { // Auto-initialize user stats row for new users await supabase .from("user_stats") .upsert({ user_id: user.id }, { onConflict: "user_id" }); } if (foldersRes.data) setFolders(foldersRes.data as Folder[]); // Fetch hadith data for bookmarks separately (no FK join available) if (bookmarksRes.data && bookmarksRes.data.length > 0) { const hadithIds = bookmarksRes.data.map((b: { item_id: string }) => b.item_id); const { data: hadithsData } = await supabase .from("hadiths") .select("id, arabic_text, english_translation, collection, reference, grade") .in("id", hadithIds); const hadithMap = new Map( (hadithsData || []).map((h: { id: string }) => [h.id, h]) ); const enrichedBookmarks = bookmarksRes.data.map((b: { item_id: string; bookmarked_at: string }) => ({ ...b, created_at: b.bookmarked_at, hadiths: hadithMap.get(b.item_id) || null, })); setBookmarks(enrichedBookmarks as unknown as BookmarkedHadith[]); } if (achievementsRes.data) { const mapped = achievementsRes.data .filter((a: Record) => a.achievements) .map((a: Record) => { const ach = a.achievements as Record; return { id: ach.id, name: ach.name_en, description: ach.description_en, icon: ach.icon, category: ach.category, unlocked_at: a.unlocked_at as string, }; }); setRecentAchievements(mapped as unknown as Achievement[]); } setLoading(false); }, [supabase, router]); useEffect(() => { fetchData(); }, [fetchData]); const handleFolderCreated = () => { setShowCreateFolder(false); fetchData(); }; const handleRemoveBookmark = async (bookmarkId: string) => { await supabase.from("user_bookmarks").delete().eq("id", bookmarkId); setBookmarks((prev) => prev.filter((b) => b.id !== bookmarkId)); }; const levelInfo = stats ? getLevelInfo(stats.total_xp) : getLevelInfo(0); if (loading) { return (

); } return (

{/* Header */}

My Hadith

Level {levelInfo.level} -- {levelInfo.title}

{/* Level Progress */} {/* Stats Grid */}

{/* Recent Achievements */} {recentAchievements.length > 0 && (

Recent Achievements

{recentAchievements.map((ach) => (

{ach.icon}

{ach.name}

{new Date(ach.unlocked_at).toLocaleDateString()}

))}

)} {/* Folders */}

My Folders

{folders.length === 0 ? ( ) : (

{folders.map((folder) => ( router.push(`/my-hadith/folders/${folder.id}`)} /> ))}

)}

{/* Recently Saved */}

Recently Saved

{bookmarks.length > 0 && ( )}

{bookmarks.length === 0 ? (

No saved hadiths yet

Save hadiths while browsing to see them here

) : (

{bookmarks.map((bookmark) => ( handleRemoveBookmark(bookmark.id)} onClick={() => router.push(`/hadith/${bookmark.item_id}`) } /> ))}

)}

setShowCreateFolder(false)} onCreated={handleFolderCreated} />

); } [V0_FILE]typescriptreact:file="app/my-hadith/shared/[token]/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import { getFolderByShareToken } from "@/lib/api/my-hadith" import { Eye, Lock, Globe } from "lucide-react" import { cn } from "@/lib/utils" import type { HadithFolderWithHadiths } from "@/types/my-hadith" interface SavedHadith { id: string hadith_id: string notes?: string created_at: string hadiths?: { id: string arabic_text: string english_translation: string collection: string reference: string grade: string } } export default function SharedFolderPage() { const router = useRouter() const params = useParams() const token = params.token as string const [folder, setFolder] = useState(null) const [hadiths, setHadiths] = useState([]) const [loading, setLoading] = useState(true) const [error, setError] = useState(null) useEffect(() => { const fetchSharedFolder = async () => { try { const data = await getFolderByShareToken(token) as HadithFolderWithHadiths setFolder(data) // Extract hadiths from the response const hadithsData = data.saved_hadiths || [] setHadiths(hadithsData) } catch (err) { console.error('Error fetching shared folder:', err) setError('Failed to load shared folder') } finally { setLoading(false) } } fetchSharedFolder() }, [token]) if (loading) { return (

) } if (error || !folder) { return (

{error || "Folder not found"}

This folder may be private or the link may have expired.

) } return (

{/* Header */}

Shared Collection

{folder.icon}

{folder.name}

{folder.description && (

{folder.description}

)}

{hadiths.length} hadith{hadiths.length !== 1 ? 's' : ''}

{folder.privacy === 'public' && (

Public

)}

{hadiths.length === 0 ? (

This folder is empty

No hadiths have been added to this collection yet.

) : (

{hadiths.map((item) => (

{item.hadiths && ( <>

{item.hadiths.grade} {item.hadiths.collection} - {item.hadiths.reference}

{/* Arabic Text */}

{item.hadiths.arabic_text}

{/* English Translation */}

{item.hadiths.english_translation}

{item.notes && (

📝 Notes

{item.notes}

)} )}

))}

)} {/* Footer CTA */}

Create Your Own Collections

Save, organize, and share authentic hadiths with your own notes and commentary.

) } [V0_FILE]typescriptreact:file="app/onboarding/page.tsx" isMerged="true" "use client" import { Suspense, useState } from "react" import { useRouter, useSearchParams } from "next/navigation" import Image from "next/image" import { Loader2, ArrowLeft, ArrowRight } from "lucide-react" import { ProgressIndicator } from "@/components/onboarding/progress-indicator" import { StepProfile } from "@/components/onboarding/step-profile" import { StepPreferences } from "@/components/onboarding/step-preferences" import { StepSafety } from "@/components/onboarding/step-safety" import { StepPlan } from "@/components/onboarding/step-plan" import { SuccessAnimation } from "@/components/onboarding/success-animation" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { cn } from "@/lib/utils" const TOTAL_STEPS = 4 interface OnboardingData { // Step 1 name: string avatarUrl: string | null avatarFile: File | null schoolOfThought: string // Step 2 language: string collections: string[] learningLevel: string // Step 3 safetyAgreed: boolean termsAgreed: boolean // Step 4 selectedPlanId: string | null } export default function OnboardingPage() { return (

}> ) } function OnboardingContent() { const router = useRouter() const searchParams = useSearchParams() const postOnboardingRedirect = searchParams.get("redirect") const supabase = getSupabaseBrowserClient() const [currentStep, setCurrentStep] = useState(1) const [loading, setLoading] = useState(false) const [showSuccess, setShowSuccess] = useState(false) const [slideDirection, setSlideDirection] = useState<"left" | "right">("left") const [data, setData] = useState({ name: "", avatarUrl: null, avatarFile: null, schoolOfThought: "", language: "english", collections: [], learningLevel: "Intermediate", safetyAgreed: false, termsAgreed: false, selectedPlanId: null, }) const updateData = (updates: Partial) => { setData((prev) => ({ ...prev, ...updates })) } const canProceed = () => { switch (currentStep) { case 1: return data.name.trim().length >= 2 && /^[a-zA-Z\s\-']+$/.test(data.name) case 2: return true // All optional case 3: return data.safetyAgreed && data.termsAgreed case 4: return true // Free plan (null) or a paid plan default: return false } } const handleNext = () => { if (currentStep < TOTAL_STEPS) { setSlideDirection("left") setCurrentStep((prev) => prev + 1) } } const handleBack = () => { if (currentStep > 1) { setSlideDirection("right") setCurrentStep((prev) => prev - 1) } } const handleSkip = () => { // Skip to safety step -- safety agreement is required before entering the app setSlideDirection("left") setCurrentStep(3) } const handleComplete = async () => { setLoading(true) try { const { data: { user }, } = await supabase.auth.getUser() if (!user) { throw new Error("Not authenticated") } // Upload avatar if provided let avatarPublicUrl: string | null = null if (data.avatarFile) { const fileExt = data.avatarFile.name.split(".").pop() const filePath = `${user.id}/avatar.${fileExt}` const { error: uploadError } = await supabase.storage .from("avatars") .upload(filePath, data.avatarFile, { upsert: true }) if (!uploadError) { const { data: { publicUrl }, } = supabase.storage.from("avatars").getPublicUrl(filePath) avatarPublicUrl = publicUrl } } // Insert or update profile const { data: existingProfile } = await supabase .from("profiles") .select("id") .eq("user_id", user.id) .single() if (existingProfile) { const { error: profileError } = await supabase .from("profiles") .update({ name: data.name, avatar_url: avatarPublicUrl, school_of_thought: data.schoolOfThought || null, updated_at: new Date().toISOString(), }) .eq("user_id", user.id) if (profileError) { // Profile update failed } } else { const { error: profileError } = await supabase.from("profiles").insert({ user_id: user.id, name: data.name, avatar_url: avatarPublicUrl, school_of_thought: data.schoolOfThought || null, }) if (profileError) { // Profile insert failed } } // Insert or update preferences const { data: existingPrefs } = await supabase .from("user_preferences") .select("id") .eq("user_id", user.id) .single() const prefsPayload = { user_id: user.id, language: data.language, collections_of_interest: data.collections, learning_level: data.learningLevel.toLowerCase(), safety_agreed_at: new Date().toISOString(), onboarded: true, } const { error: prefsError } = existingPrefs ? await supabase .from("user_preferences") .update(prefsPayload) .eq("user_id", user.id) : await supabase.from("user_preferences").insert(prefsPayload) if (prefsError) { // Preferences upsert failed } // Set onboarded + safety agreed cookies document.cookie = "qbos_onboarded=1; path=/; max-age=31536000; SameSite=Lax" document.cookie = "qbos_safety_agreed=1; path=/; max-age=31536000; SameSite=Lax" // If the user was redirected from pricing (e.g. after sign-up), send them back there if (postOnboardingRedirect) { const destination = postOnboardingRedirect.startsWith("%") ? decodeURIComponent(postOnboardingRedirect) : postOnboardingRedirect window.location.href = destination return } // If user selected a paid plan during onboarding, handle checkout if (data.selectedPlanId) { const { isNativeApp, showNativePaywall } = await import("@/lib/native-bridge") if (isNativeApp()) { // In native app, show RevenueCat paywall const success = await showNativePaywall() if (success) { setShowSuccess(true) return } // If cancelled, still show success and go to home } else { // On web, redirect to pricing page with selected plan to show Stripe checkout window.location.href = `/pricing?plan=${data.selectedPlanId}` return } } // Show success animation (free plan or checkout failed gracefully) setShowSuccess(true) } catch (error) { console.error("Onboarding error:", error) alert("Something went wrong. Please try again.") setLoading(false) } } const handleSuccessComplete = () => { router.push(postOnboardingRedirect ? decodeURIComponent(postOnboardingRedirect) : "/home") } return (

{/* Background Pattern */}

{/* Success Animation Overlay */} {showSuccess && } {/* Main Content */}

{/* Logo */}

{/* Progress Indicator */}

{/* Content Card */}

{/* Step Content with Slide Animation */}

{currentStep === 1 && ( )} {currentStep === 2 && ( )} {currentStep === 3 && ( )} {currentStep === 4 && ( updateData({ selectedPlanId: planId })} /> )}

{/* Navigation Buttons */}

{/* Skip Link (Step 1 only) */} {currentStep === 1 ? ( ) : ( )} {/* Next / Complete Button */} {currentStep < TOTAL_STEPS ? ( ) : ( )}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { BookOpen, Search, Shield, MessageCircle, Star, Heart, Crown, Infinity, Check, Share2, Users, Copy } from "lucide-react" import { PRODUCTS } from "@/lib/products" import { ShareBanner } from "@/components/share-banner" export default function LandingPage() { return (

{/* Header */}

Authentic Hadith

{/* Hero Section */}

Your Journey to{" "} Prophetic Wisdom

Access verified collections of prophetic traditions from the six major hadith compilations, meticulously authenticated and preserved for generations of knowledge seekers.

Start Learning Free View Premium Plans

{/* Features Grid */}

Everything You Need to Study Hadith

{[ { icon: BookOpen, title: "Six Major Collections", description: "Browse Sahih al-Bukhari, Sahih Muslim, Sunan Abu Dawud, Jami at-Tirmidhi, Sunan an-Nasai, and Sunan Ibn Majah.", }, { icon: Search, title: "Advanced Search", description: "Search across all collections by keyword, narrator, topic, or hadith number with instant results.", }, { icon: Shield, title: "Authenticity Grading", description: "Every hadith includes its authentication grade -- Sahih, Hasan, or Da'if -- from trusted scholars.", }, { icon: MessageCircle, title: "AI-Powered Assistant", description: "Ask questions about hadith context, meaning, and application with our Islamic knowledge assistant.", }, { icon: Star, title: "Daily Hadith", description: "Receive a curated hadith each day to build consistent engagement with prophetic teachings.", }, { icon: Heart, title: "Save & Bookmark", description: "Build your personal collection of favorite hadith for quick reference and memorization.", }, ].map((feature) => (

{feature.title}

{feature.description}

))}

{/* Pricing Section */}

Free to explore. Pro for depth.

Browse all 8 collections, read full hadiths, and get 3 AI explanations daily -- completely free. Upgrade when you want deeper study tools.

{/* Explorer highlight */}

Explorer

FREE

{["All 8 collections", "Full Arabic + English text", "Basic search", "3 AI explanations/day", "40 saved hadiths", "1 quiz/day"].map((f) => ( {f} ))}

{/* Paid plans */}

{PRODUCTS.map((plan) => { const icons: Record = { "monthly-premium": Star, "annual-premium": Crown, "lifetime-access": Infinity, } const Icon = icons[plan.id] || Star return (

{plan.badge && (

{plan.badge}

)}

{plan.tierLabel}

${(plan.priceInCents / 100).toFixed(2)} {plan.interval === "month" ? "/mo" : plan.interval === "year" ? "/yr" : ""} {plan.interval === "year" && ( ${(plan.priceInCents / 100 / 12).toFixed(2)}/mo billed yearly )}

{plan.features && (

{feature}

)} {plan.trialDays ? `Start Free Trial` : plan.mode === "payment" ? "Get Founding Access" : "Subscribe"}

) })}

Not ready to commit? Start free as an Explorer -- browse all collections, basic search, and 3 AI explanations daily.

{/* Share CTA */} {/* Footer */}

) } [V0_FILE]typescriptreact:file="app/pricing/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/pricing/page.tsx" isMerged="true" "use client" import React, { useState, useEffect, Suspense } from "react" import { useRouter, useSearchParams } from "next/navigation" import { ChevronLeft, Check, X, Star, Crown, Infinity, RotateCcw, BookOpen, Search, Brain, FolderOpen, GraduationCap, HelpCircle, Sparkles, } from "lucide-react" import { PRODUCTS, TIER_FEATURES } from "@/lib/products" import type { Product } from "@/lib/products" import { isNativeApp, showNativePaywall, restoreNativePurchases } from "@/lib/native-bridge" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import dynamic from "next/dynamic" import { cn } from "@/lib/utils" const Checkout = dynamic(() => import("@/components/checkout"), { ssr: false }) /* ── Price display helpers ─────────────────────────────────── */ function PriceTag({ product }: { product: Product }) { if (product.interval === "year") { const monthly = (product.priceInCents / 100 / 12).toFixed(2) return (

${(product.priceInCents / 100).toFixed(2)} /year

${monthly}/mo billed yearly

) } if (product.interval === "month") { return (

${(product.priceInCents / 100).toFixed(2)} /month

) } return (

${(product.priceInCents / 100).toFixed(2)} one-time

) } /* ── Comparison table rows ─────────────────────────────────── */ type RowValue = boolean | string interface ComparisonRow { feature: string explorer: RowValue pro: RowValue founding: RowValue } const COMPARISON: ComparisonRow[] = [ { feature: "Browse all 8 collections", explorer: true, pro: true, founding: true }, { feature: "Full hadith text (Arabic + English)", explorer: true, pro: true, founding: true }, { feature: "Narrator chain & grading", explorer: true, pro: true, founding: true }, { feature: "Topic browsing", explorer: true, pro: true, founding: true }, { feature: "Basic search", explorer: true, pro: true, founding: true }, { feature: "Advanced search + synonyms", explorer: false, pro: true, founding: true }, { feature: "Tag filtering & semantic search", explorer: false, pro: true, founding: true }, { feature: "Saved hadiths", explorer: "Up to 40", pro: "Unlimited", founding: "Unlimited" }, { feature: "Folders & organization", explorer: false, pro: true, founding: true }, { feature: "AI explanations", explorer: "3/day", pro: "Unlimited", founding: "Unlimited" }, { feature: "AI mode", explorer: "Light", pro: "Deep (context + clarity)", founding: "Deep (context + clarity)" }, { feature: "Learning paths", explorer: "Beginner", pro: "All (Advanced + Scholar)", founding: "All (Advanced + Scholar)" }, { feature: "Quizzes", explorer: "1/day", pro: "Unlimited", founding: "Unlimited" }, { feature: "Priority support", explorer: false, pro: true, founding: true }, { feature: "Early access features", explorer: false, pro: true, founding: true }, { feature: "Founding member badge", explorer: false, pro: false, founding: true }, { feature: "All future features", explorer: false, pro: false, founding: true }, ] function CellValue({ value }: { value: RowValue }) { if (value === true) return if (value === false) return return {value} } /* ── Plan card icons ───────────────────────────────────────── */ const planIcons: Record = { "monthly-premium": , "annual-premium": , "lifetime-access": , } /* ── Main pricing content ──────────────────────────────────── */ function PricingContent() { const router = useRouter() const searchParams = useSearchParams() const planFromUrl = searchParams.get("plan") const validPlan = PRODUCTS.find((p) => p.id === planFromUrl) const [selectedProduct, setSelectedProduct] = useState(null) const [checkoutError, setCheckoutError] = useState(null) const [isNative, setIsNative] = useState(false) const [isRestoring, setIsRestoring] = useState(false) const [authChecked, setAuthChecked] = useState(false) useEffect(() => { setIsNative(isNativeApp()) // If a plan is in the URL, verify the user is logged in before showing checkout if (validPlan) { const supabase = getSupabaseBrowserClient() supabase.auth.getUser().then(({ data: { user } }) => { if (user) { setSelectedProduct(validPlan.id) } else { // Not logged in -- redirect to login with return URL const returnUrl = encodeURIComponent(`/pricing?plan=${validPlan.id}`) router.push(`/login?redirect=${returnUrl}`) } setAuthChecked(true) }) } else { setAuthChecked(true) } }, []) // eslint-disable-line react-hooks/exhaustive-deps const handleSelectPlan = async (planId: string) => { if (isNative) { handleNativeSubscribe() return } // Check if user is logged in before showing Stripe checkout const supabase = getSupabaseBrowserClient() const { data: { user } } = await supabase.auth.getUser() if (!user) { const returnUrl = encodeURIComponent(`/pricing?plan=${planId}`) router.push(`/login?redirect=${returnUrl}`) return } setSelectedProduct(planId) } const handleNativeSubscribe = async () => { const success = await showNativePaywall() if (success) router.push("/home") } const handleNativeRestore = async () => { setIsRestoring(true) const restored = await restoreNativePurchases() setIsRestoring(false) if (restored) router.push("/home") } /* Stripe checkout view */ if (selectedProduct) { return (

Complete Payment

{checkoutError ? (

{checkoutError}

) : ( )}

) } return (

{/* Header */}

Choose Your Plan

{/* Hero */}

Study deeper. Understand context. Grow consistently.

Authentic Hadith is free to explore. Upgrade when you want deeper AI insights, advanced search, and unlimited learning tools.

{/* ── Explorer (Free) card ──────────────────────────── */}

Explorer

Your public library of authentic hadith

Free

Forever

{feature}

{/* Divider */}

Upgrade for depth

{/* ── Paid plan cards ───────────────────────────────── */}

{PRODUCTS.map((plan) => (

{plan.badge && (

{plan.badge}

)}

{planIcons[plan.id]}

{plan.tierLabel}

{plan.description}

{plan.features && (

{feature}

)}

))}

{/* ── Why upgrade? ──────────────────────────────────── */}

Why upgrade?

Study deeper, understand context, build consistent growth.

{[ { icon: Brain, title: "Deep AI Mode", desc: "Context-aware explanations with scholarly depth -- not just translations." }, { icon: Search, title: "Advanced Search", desc: "Synonym expansion, tag filtering, and semantic search across all collections." }, { icon: GraduationCap, title: "Full Learning Paths", desc: "Advance from beginner to scholar-level modules with unlimited quizzes." }, ].map((item) => (

{item.title}

{item.desc}

))}

{/* ── Feature comparison table ──────────────────────── */}

Full Feature Comparison

{COMPARISON.map((row, i) => ( ))}

Feature	Explorer Free	Pro $9.99/mo	Founding $99.99
{row.feature}

{/* Restore Purchases */} {isNative && ( )} {/* Fine print */}

You can cancel anytime from your profile settings or device subscription manager. No charge until your free trial ends. Prices shown in USD.

) } export default function PricingPage() { return (

} > ) } [V0_FILE]typescriptreact:file="app/privacy/page.tsx" isMerged="true" "use client" import { useRouter } from "next/navigation" import { ChevronLeft, Shield } from "lucide-react" import { IslamicPattern } from "@/components/islamic-pattern" const LAST_UPDATED = "February 17, 2026" export default function PrivacyPolicyPage() { const router = useRouter() return (

{/* Header */}

Privacy Policy

{/* Hero */}

Privacy Policy

Your privacy matters to us. Here is how we handle your data.

Last updated: {LAST_UPDATED}

{/* Content */}

When you create an account on Authentic Hadith, we collect:

Account information: Your email address and display name, provided during sign-up or via third-party authentication (Google, Apple).
Usage data: Reading history, saved hadiths, notes, quiz results, and learning progress -- stored to personalize your experience.
Device information: Device type, operating system, and app version for troubleshooting and analytics.
AI conversations: Messages you send to the AI assistant are processed to generate responses but are not permanently stored or used to train AI models.

Provide, maintain, and improve the Authentic Hadith app and its features.
Personalize your experience (daily hadith, reading progress, streaks, achievements).
Process subscriptions and payments via Stripe (web) or Apple In-App Purchases (iOS).
Send transactional emails (password resets, subscription confirmations) -- never marketing emails unless you opt in.
Aggregate anonymous usage statistics to improve the app.

We use the following third-party services:

Supabase: Authentication and database hosting.
Stripe: Web payment processing. We never see or store your full card number.
Apple / RevenueCat: iOS subscription management. Payments are handled entirely by Apple.
Groq: AI inference for the hadith assistant. Conversation content is not retained after the session ends.
Vercel: App hosting and serverless functions.

Each third-party service has its own privacy policy. We encourage you to review them.

Your data is stored in secure, encrypted databases hosted by Supabase (AWS infrastructure). We use Row-Level Security (RLS) policies so users can only access their own data. All communication between your device and our servers is encrypted via TLS/HTTPS.

You have the right to:

Access your personal data at any time through your account settings.
Export your saved hadiths, notes, and reading progress.
Delete your account and all associated data by contacting us at support@authentichadith.app.
Withdraw consent for data processing at any time by deleting your account.

Authentic Hadith does not knowingly collect personal information from children under 13. If you believe a child has provided us with personal data, please contact us and we will delete it promptly.

We use essential cookies for authentication and session management only. We do not use advertising cookies or third-party tracking pixels. No data is sold to advertisers or data brokers.

We may update this Privacy Policy from time to time. Changes will be posted on this page with an updated “Last updated” date. Continued use of the app after changes constitutes acceptance of the revised policy.

If you have questions about this Privacy Policy or your data, contact us at:{" "} support@authentichadith.app

) } function Section({ title, children }: { title: string; children: React.ReactNode }) { return (

{title}

{children}

) } [V0_FILE]typescriptreact:file="app/profile/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/profile/page.tsx" isMerged="true" "use client" import React from "react" import { useEffect, useState, useRef, Suspense } from "react" import { useRouter, useSearchParams } from "next/navigation" import { ChevronLeft, User, Bookmark, Settings, LogOut, Camera, X, Loader2, Pencil, Check, ChevronDown, Star } from "lucide-react" import { Input } from "@/components/ui/input" import { getSupabaseBrowserClient } from "@/lib/supabase/client" interface UserProfile { name: string avatar_url: string | null school_of_thought: string | null } function ProfileContent() { const router = useRouter() const searchParams = useSearchParams() const tab = searchParams.get("tab") || "profile" const fileInputRef = useRef(null) const [profile, setProfile] = useState(null) const [savedHadiths, setSavedHadiths] = useState([]) const [loading, setLoading] = useState(true) const [uploading, setUploading] = useState(false) const [userId, setUserId] = useState(null) const [editing, setEditing] = useState(false) const [editName, setEditName] = useState("") const [editSchool, setEditSchool] = useState("") const [saving, setSaving] = useState(false) const [schoolDropdownOpen, setSchoolDropdownOpen] = useState(false) const SCHOOLS_OF_THOUGHT = ["Hanafi", "Maliki", "Shafi'i", "Hanbali", "Other / Prefer not to say"] useEffect(() => { const fetchData = async () => { const supabase = getSupabaseBrowserClient() const { data: { user }, } = await supabase.auth.getUser() if (user) { setUserId(user.id) const { data: profileData } = await supabase.from("profiles").select("*").eq("user_id", user.id).single() if (profileData) { setProfile(profileData) } if (tab === "saved") { const { data: savedData } = await supabase .from("saved_hadiths") .select(` created_at, hadiths (*) `) .eq("user_id", user.id) .order("created_at", { ascending: false }) setSavedHadiths(savedData?.map((s: any) => s.hadiths).filter(Boolean) || []) } } setLoading(false) } fetchData() }, [tab]) const handleAvatarUpload = async (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (!file || !userId) return // Validate file if (file.size > 5 * 1024 * 1024) { alert("Image must be less than 5MB") return } if (!["image/jpeg", "image/png", "image/webp"].includes(file.type)) { alert("Please upload a JPG, PNG, or WebP image") return } setUploading(true) try { const supabase = getSupabaseBrowserClient() const fileExt = file.name.split(".").pop() const filePath = `${userId}/avatar.${fileExt}` // Delete old avatar if exists await supabase.storage.from("avatars").remove([`${userId}/avatar.jpg`, `${userId}/avatar.png`, `${userId}/avatar.webp`]) // Upload new avatar const { error: uploadError } = await supabase.storage .from("avatars") .upload(filePath, file, { upsert: true }) if (uploadError) throw uploadError // Get public URL const { data: urlData } = supabase.storage.from("avatars").getPublicUrl(filePath) // Add cache-busting query param const publicUrl = `${urlData.publicUrl}?t=${Date.now()}` // Update profile const { error: updateError } = await supabase .from("profiles") .update({ avatar_url: publicUrl }) .eq("user_id", userId) if (updateError) throw updateError setProfile((prev) => (prev ? { ...prev, avatar_url: publicUrl } : prev)) } catch (err) { console.error("Avatar upload failed:", err) alert("Failed to upload image. Please try again.") } finally { setUploading(false) if (fileInputRef.current) { fileInputRef.current.value = "" } } } const handleRemoveAvatar = async () => { if (!userId) return setUploading(true) try { const supabase = getSupabaseBrowserClient() // Remove all possible avatar files await supabase.storage.from("avatars").remove([`${userId}/avatar.jpg`, `${userId}/avatar.png`, `${userId}/avatar.webp`]) // Clear avatar_url in profile await supabase.from("profiles").update({ avatar_url: null }).eq("user_id", userId) setProfile((prev) => (prev ? { ...prev, avatar_url: null } : prev)) } catch (err) { console.error("Avatar removal failed:", err) } finally { setUploading(false) } } const startEditing = () => { setEditName(profile?.name || "") setEditSchool(profile?.school_of_thought || "") setEditing(true) } const handleSaveProfile = async () => { if (!userId || !editName.trim()) return setSaving(true) try { const supabase = getSupabaseBrowserClient() const { error } = await supabase .from("profiles") .update({ name: editName.trim(), school_of_thought: editSchool || null, updated_at: new Date().toISOString(), }) .eq("user_id", userId) if (error) throw error setProfile((prev) => prev ? { ...prev, name: editName.trim(), school_of_thought: editSchool || null, } : prev, ) setEditing(false) } catch (err) { console.error("Profile save failed:", err) alert("Failed to save profile. Please try again.") } finally { setSaving(false) } } const handleSignOut = async () => { const supabase = getSupabaseBrowserClient() await fetch("/api/auth/signout", { method: "POST" }) await supabase.auth.signOut({ scope: "global" }) document.cookie = "qbos_onboarded=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT" router.push("/login") router.refresh() } if (loading) { return (

) } return (

{/* Header */}

Profile

{/* Main Content */}

{/* Profile Card */}

{/* Avatar with upload */}

{editing ? (

Name setEditName(e.target.value)} className="h-10 premium-input rounded-lg" maxLength={50} placeholder="Your name" />

School of Thought {schoolDropdownOpen && (

{SCHOOLS_OF_THOUGHT.map((school) => ( ))}

)}

) : ( <>

{profile?.name || "User"}

{profile?.school_of_thought && (

{profile.school_of_thought}

)} )}

{/* Remove photo option */} {profile?.avatar_url && !uploading && !editing && ( )}

{/* Tabs */}

{tab === "profile" ? (

{/* Premium upsell card */}

) : (

{savedHadiths.length > 0 ? ( savedHadiths.map((hadith) => ( )) ) : (

No saved hadiths yet

Tap the bookmark icon on any hadith to save it

)}

) } export default function ProfilePage() { return (

} > ) } [V0_FILE]typescriptreact:file="app/progress/page.tsx" isMerged="true" "use client" import { useEffect, useState, useCallback } from "react" import { useRouter } from "next/navigation" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { BarChart3, BookOpen, Flame, TrendingUp, Calendar, ChevronRight, Award, Eye, } from "lucide-react" import { cn } from "@/lib/utils" interface CollectionProgress { id: string name_en: string slug: string total_hadiths: number read_count: number percent: number } interface StreakData { current_streak: number longest_streak: number total_days_active: number last_active_date: string | null } interface WeekDay { label: string date: string active: boolean } export default function ProgressPage() { const router = useRouter() const supabase = getSupabaseBrowserClient() const [collectionProgress, setCollectionProgress] = useState([]) const [streak, setStreak] = useState({ current_streak: 0, longest_streak: 0, total_days_active: 0, last_active_date: null, }) const [totalRead, setTotalRead] = useState(0) const [totalViewed, setTotalViewed] = useState(0) const [weekActivity, setWeekActivity] = useState([]) const [loading, setLoading] = useState(true) const fetchProgress = useCallback(async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user) return // Fetch all collections const { data: collections } = await supabase .from("collections") .select("id, name_en, slug, total_hadiths") .order("name_en") // Fetch user's reading progress grouped by collection const { data: progress } = await supabase .from("reading_progress") .select("collection_id") .eq("user_id", user.id) // Fetch view count const { count: viewCount } = await supabase .from("hadith_views") .select("id", { count: "exact" }) .eq("user_id", user.id) // Fetch streak data const { data: streakData } = await supabase .from("user_streaks") .select("*") .eq("user_id", user.id) .single() // Build collection progress if (collections) { const progressMap = new Map() if (progress) { for (const p of progress) { if (p.collection_id) { progressMap.set(p.collection_id, (progressMap.get(p.collection_id) || 0) + 1) } } } const collProgArr = collections.map((c) => { const readCount = progressMap.get(c.id) || 0 return { id: c.id, name_en: c.name_en, slug: c.slug, total_hadiths: c.total_hadiths, read_count: readCount, percent: c.total_hadiths > 0 ? Math.round((readCount / c.total_hadiths) * 100) : 0, } }) setCollectionProgress(collProgArr.sort((a, b) => b.read_count - a.read_count)) setTotalRead(progress?.length || 0) } setTotalViewed(viewCount || 0) if (streakData) { setStreak(streakData) } // Build week activity const days: WeekDay[] = [] const dayLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] const today = new Date() for (let i = 6; i >= 0; i--) { const d = new Date(today) d.setDate(d.getDate() - i) const dateStr = d.toISOString().split("T")[0] days.push({ label: dayLabels[d.getDay()], date: dateStr, active: false, }) } // Check which days had views const { data: viewDays } = await supabase .from("hadith_views") .select("viewed_at") .eq("user_id", user.id) .gte("viewed_at", days[0].date) if (viewDays) { const activeDates = new Set(viewDays.map((v) => v.viewed_at?.split("T")[0])) for (const day of days) { day.active = activeDates.has(day.date) } } setWeekActivity(days) setLoading(false) }, [supabase]) useEffect(() => { fetchProgress() }, [fetchProgress]) // Update streak on visit useEffect(() => { const updateStreak = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user) return const today = new Date().toISOString().split("T")[0] const { data: existing } = await supabase .from("user_streaks") .select("*") .eq("user_id", user.id) .single() if (!existing) { await supabase.from("user_streaks").insert({ user_id: user.id, current_streak: 1, longest_streak: 1, total_days_active: 1, last_active_date: today, }) } else if (existing.last_active_date !== today) { const lastDate = existing.last_active_date ? new Date(existing.last_active_date) : null const todayDate = new Date(today) const diffDays = lastDate ? Math.floor((todayDate.getTime() - lastDate.getTime()) / 86400000) : 999 const newStreak = diffDays === 1 ? existing.current_streak + 1 : 1 const newLongest = Math.max(newStreak, existing.longest_streak) await supabase .from("user_streaks") .update({ current_streak: newStreak, longest_streak: newLongest, total_days_active: existing.total_days_active + 1, last_active_date: today, updated_at: new Date().toISOString(), }) .eq("user_id", user.id) } } updateStreak() }, [supabase]) if (loading) { return (

) } return (

{/* Header */}

Reading Progress

Track your hadith journey

{/* Stats Row */}

{streak.current_streak}

Day Streak

{streak.longest_streak}

Best Streak

{totalRead}

Hadiths Read

{totalViewed}

Total Views

{/* Week Activity */}

This Week

{weekActivity.map((day) => (

{day.label}

{day.active && }

))}

{streak.total_days_active} total days active

{/* Collection Progress */}

Collection Progress

{collectionProgress.map((cp) => ( ))}

) } [V0_FILE]typescriptreact:file="app/quiz/page.tsx" isMerged="true" "use client" import { useEffect, useState, useCallback } from "react" import { useRouter } from "next/navigation" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { GraduationCap, ChevronLeft, ChevronRight, Trophy, Clock, CheckCircle2, XCircle, RotateCcw, BookOpen, Sparkles, Crown, } from "lucide-react" import { cn } from "@/lib/utils" import { useQuota } from "@/hooks/use-quota" import { UsageBanner } from "@/components/usage-banner" import { UpgradeModal, type UpgradeReason } from "@/components/upgrade-modal" interface QuizQuestion { id: string question: string type: "narrator" | "collection" | "grade" | "completion" | "ai" options: string[] correctIndex: number hadithRef: string arabicHint?: string explanation?: string } interface QuizAttempt { id: string total_questions: number correct_answers: number score_percent: number created_at: string } interface LearningPath { id: string title: string slug: string color: string level: string } type QuizMode = "general" | "ai_learning" type Stage = "setup" | "quiz" | "results" export default function QuizPage() { const router = useRouter() const supabase = getSupabaseBrowserClient() const { quota, refresh: refreshQuota } = useQuota() const [stage, setStage] = useState("setup") const [questions, setQuestions] = useState([]) const [currentIndex, setCurrentIndex] = useState(0) const [selected, setSelected] = useState(null) const [revealed, setRevealed] = useState(false) const [score, setScore] = useState(0) const [loading, setLoading] = useState(false) const [quizCount, setQuizCount] = useState(5) const [pastAttempts, setPastAttempts] = useState([]) const [startTime, setStartTime] = useState(0) const [elapsed, setElapsed] = useState(0) const [quizMode, setQuizMode] = useState("general") const [learningPaths, setLearningPaths] = useState([]) const [selectedPathId, setSelectedPathId] = useState(null) const [showUpgrade, setShowUpgrade] = useState(false) const quizLimitReached = quota && !quota.isPremium && quota.usage.quizzesRemaining <= 0 useEffect(() => { const fetchInit = async () => { const { data: { user }, } = await supabase.auth.getUser() if (!user) return const [attemptsRes, pathsRes] = await Promise.all([ supabase .from("quiz_attempts") .select("*") .eq("user_id", user.id) .order("created_at", { ascending: false }) .limit(10), supabase .from("learning_paths") .select("id, title, slug, color, level") .order("sort_order"), ]) if (attemptsRes.data) setPastAttempts(attemptsRes.data) if (pathsRes.data) setLearningPaths(pathsRes.data) } fetchInit() }, [supabase]) // Timer useEffect(() => { if (stage !== "quiz") return const interval = setInterval(() => { setElapsed(Math.floor((Date.now() - startTime) / 1000)) }, 1000) return () => clearInterval(interval) }, [stage, startTime]) const generateQuiz = useCallback(async () => { setLoading(true) // Fetch random hadiths for question generation const { data: hadiths } = await supabase .from("hadiths") .select("id, arabic_text, english_translation, collection, reference, grade, narrator") .not("narrator", "is", null) .not("english_translation", "is", null) .limit(200) if (!hadiths || hadiths.length < 4) { setLoading(false) return } // Shuffle and pick const shuffled = hadiths.sort(() => Math.random() - 0.5) const picked = shuffled.slice(0, Math.min(quizCount * 3, shuffled.length)) const generated: QuizQuestion[] = [] const questionTypes: Array<"narrator" | "collection" | "grade" | "completion"> = [ "narrator", "collection", "grade", "completion", ] for (let i = 0; i < Math.min(quizCount, picked.length); i++) { const h = picked[i] const type = questionTypes[i % questionTypes.length] let question = "" let options: string[] = [] let correctIndex = 0 if (type === "narrator") { question = `Who narrated this hadith?\n"${h.english_translation?.substring(0, 120)}..."` const correct = h.narrator || "Unknown" const others = shuffled .filter((x) => x.narrator && x.narrator !== correct) .map((x) => x.narrator!) .filter((v, idx, arr) => arr.indexOf(v) === idx) .slice(0, 3) while (others.length < 3) others.push("Unknown narrator") options = [correct, ...others].sort(() => Math.random() - 0.5) correctIndex = options.indexOf(correct) } else if (type === "collection") { question = `Which collection does this hadith belong to?\n"${h.english_translation?.substring(0, 120)}..."` const correct = h.collection || "Unknown" const others = shuffled .filter((x) => x.collection && x.collection !== correct) .map((x) => x.collection) .filter((v, idx, arr) => arr.indexOf(v) === idx) .slice(0, 3) while (others.length < 3) others.push("Other Collection") options = [correct, ...others].sort(() => Math.random() - 0.5) correctIndex = options.indexOf(correct) } else if (type === "grade") { question = `What is the grade of this hadith?\n"${h.english_translation?.substring(0, 120)}..."` const correct = h.grade?.charAt(0).toUpperCase() + h.grade?.slice(1) || "Sahih" options = ["Sahih", "Hasan", "Da'if", "Mawdu'"] correctIndex = options.findIndex((o) => o.toLowerCase() === correct.toLowerCase()) if (correctIndex === -1) correctIndex = 0 } else { // completion - identify part of the hadith const words = h.english_translation?.split(" ") || [] if (words.length > 10) { const cutOff = Math.floor(words.length * 0.6) const start = words.slice(0, cutOff).join(" ") const correctEnd = words.slice(cutOff, cutOff + 4).join(" ") + "..." question = `Complete the hadith:\n"${start} ___"` const otherEnds = shuffled .filter((x) => x.id !== h.id && x.english_translation) .slice(0, 3) .map((x) => { const w = x.english_translation!.split(" ") const c = Math.floor(w.length * 0.6) return w.slice(c, c + 4).join(" ") + "..." }) while (otherEnds.length < 3) otherEnds.push("...other text...") options = [correctEnd, ...otherEnds].sort(() => Math.random() - 0.5) correctIndex = options.indexOf(correctEnd) } else { // Fallback to narrator question = `Who narrated: "${h.english_translation?.substring(0, 120)}..."` const correct = h.narrator || "Unknown" const others = shuffled.filter((x) => x.narrator && x.narrator !== correct).map((x) => x.narrator!).filter((v, idx, arr) => arr.indexOf(v) === idx).slice(0, 3) while (others.length < 3) others.push("Unknown") options = [correct, ...others].sort(() => Math.random() - 0.5) correctIndex = options.indexOf(correct) } } generated.push({ id: h.id, question, type, options, correctIndex, hadithRef: h.reference || "", arabicHint: h.arabic_text?.substring(0, 60), }) } setQuestions(generated) setCurrentIndex(0) setSelected(null) setRevealed(false) setScore(0) setStartTime(Date.now()) setElapsed(0) setStage("quiz") setLoading(false) }, [supabase, quizCount]) const generateAIQuiz = useCallback(async () => { if (!selectedPathId) return setLoading(true) try { const res = await fetch("/api/quiz/generate", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ pathId: selectedPathId, count: quizCount, mode: "learning_path", }), }) if (!res.ok) { console.error("AI quiz generation failed:", res.status) setLoading(false) return } const data = await res.json() if (!data.questions || data.questions.length === 0) { setLoading(false) return } const aiQuestions: QuizQuestion[] = data.questions.map( (q: { question: string; options: string[]; correctIndex: number; explanation?: string; relatedHadithRef?: string }, i: number) => ({ id: `ai-${i}`, question: q.question, type: "ai" as const, options: q.options, correctIndex: q.correctIndex, hadithRef: q.relatedHadithRef || "", explanation: q.explanation, }) ) setQuestions(aiQuestions) setCurrentIndex(0) setSelected(null) setRevealed(false) setScore(0) setStartTime(Date.now()) setElapsed(0) setStage("quiz") } catch (err) { console.error("AI quiz error:", err) } setLoading(false) }, [selectedPathId, quizCount]) const handleSelect = (index: number) => { if (revealed) return setSelected(index) } const handleReveal = () => { if (selected === null) return setRevealed(true) if (selected === questions[currentIndex].correctIndex) { setScore((s) => s + 1) } } const handleNext = async () => { if (currentIndex < questions.length - 1) { setCurrentIndex((i) => i + 1) setSelected(null) setRevealed(false) } else { // Quiz complete - save attempt // score state may not reflect the last answer yet (React batching), so compute it directly const lastWasCorrect = selected === questions[currentIndex].correctIndex const finalScore = lastWasCorrect ? score + 1 : score const scorePct = Math.round((finalScore / questions.length) * 100) const timeTaken = Math.floor((Date.now() - startTime) / 1000) const { data: { user }, } = await supabase.auth.getUser() if (user) { await supabase.from("quiz_attempts").insert({ user_id: user.id, quiz_type: quizMode === "ai_learning" ? "ai_learning" : "general", total_questions: questions.length, correct_answers: finalScore, score_percent: scorePct, time_taken_seconds: timeTaken, }) } setScore(finalScore) setStage("results") } } const formatTime = (s: number) => { const m = Math.floor(s / 60) const sec = s % 60 return `${m}:${sec.toString().padStart(2, "0")}` } const currentQ = questions[currentIndex] const pct = questions.length > 0 ? Math.round((score / questions.length) * 100) : 0 return (

{/* Header */}

Knowledge Quiz

{stage === "quiz" && (

{formatTime(elapsed)} {currentIndex + 1}/{questions.length}

)}

{/* Progress bar during quiz */} {stage === "quiz" && (

)}

{/* SETUP STAGE */} {stage === "setup" && (

{/* Hero */}

Test Your Knowledge

Answer questions about hadith narrators, collections, grades, and content to deepen your understanding.

{/* Quiz Mode Selector */}

Quiz Mode

{/* Learning Path Selector (AI mode) */} {quizMode === "ai_learning" && learningPaths.length > 0 && (

Select Learning Path

{learningPaths.map((path) => ( ))}

)} {/* Question Count Selector */}

Number of Questions

{[5, 10, 15, 20].map((n) => ( ))}

{/* Quiz limit banner for free users */} {quota && !quota.isPremium && ( )} {/* Start Button */} setShowUpgrade(false)} reason="quiz_limit" /> {/* Past Attempts */} {pastAttempts.length > 0 && (

Recent Attempts

{pastAttempts.slice(0, 5).map((attempt) => (

= 80 ? "text-[#C5A059]" : attempt.score_percent >= 50 ? "text-[#1B5E43]" : "text-muted-foreground", )} />

{attempt.correct_answers}/{attempt.total_questions} correct

{new Date(attempt.created_at).toLocaleDateString()}

= 80 ? "text-[#C5A059]" : attempt.score_percent >= 50 ? "text-[#1B5E43]" : "text-destructive", )} > {Math.round(attempt.score_percent)}%

))}

)}

)} {/* QUIZ STAGE */} {stage === "quiz" && currentQ && (

{/* Question Type Badge */}

{currentQ.type === "completion" ? "Complete the Hadith" : currentQ.type === "ai" ? "AI Generated" : currentQ.type} {currentQ.hadithRef && ( {currentQ.hadithRef} )}

{/* Question */}

{currentQ.question}

{currentQ.arabicHint && (

{currentQ.arabicHint}...

)}

{/* Options */}

{currentQ.options.map((option, idx) => { const isCorrect = idx === currentQ.correctIndex const isSelected = idx === selected return ( ) })}

{/* AI Explanation */} {revealed && currentQ.explanation && (

Explanation

{currentQ.explanation}

)} {/* Action Button */}

{!revealed ? ( ) : ( )}

)} {/* RESULTS STAGE */} {stage === "results" && (

Quiz Complete!

You scored {score} out of {questions.length}

{/* Score Circle */}

= 80 ? "border-[#C5A059] bg-[#C5A059]/10" : pct >= 50 ? "border-[#1B5E43] bg-[#1B5E43]/10" : "border-destructive bg-destructive/10", )} > = 80 ? "text-[#C5A059]" : pct >= 50 ? "text-[#1B5E43]" : "text-destructive", )} > {pct}%

{/* Stats */}

{score}

Correct

{questions.length - score}

Wrong

{formatTime(elapsed)}

Time

{/* Encouragement */}

{pct >= 80 ? "Excellent! Your knowledge of hadith is outstanding. Keep studying to maintain this level." : pct >= 50 ? "Good effort! Review the collections you found challenging and try again." : "Keep learning! The more hadiths you read, the better you'll do. Try browsing the collections."}

{/* Actions */}

)}

) } [V0_FILE]typescriptreact:file="app/reflections/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { PenLine, ChevronLeft, Plus, Trash2, Calendar, BookOpen, Share2 } from "lucide-react" import { getSupabaseBrowserClient } from "@/lib/supabase/client" import { cn } from "@/lib/utils" interface Reflection { id: string content: string hadith_ref: string | null tag: string | null created_at: string } const TAG_OPTIONS = [ { value: "gratitude", label: "Gratitude", color: "bg-[#1B5E43]/15 text-[#1B5E43] border border-[#1B5E43]/20", dot: "bg-[#1B5E43]" }, { value: "patience", label: "Patience", color: "bg-[#C5A059]/15 text-[#8A6E3A] border border-[#C5A059]/20", dot: "bg-[#C5A059]" }, { value: "tawakkul", label: "Tawakkul", color: "bg-blue-50 text-blue-700 border border-blue-200", dot: "bg-blue-500" }, { value: "repentance", label: "Repentance", color: "bg-purple-50 text-purple-700 border border-purple-200", dot: "bg-purple-500" }, { value: "hope", label: "Hope", color: "bg-emerald-50 text-emerald-700 border border-emerald-200", dot: "bg-emerald-500" }, { value: "general", label: "General", color: "bg-muted text-muted-foreground border border-border", dot: "bg-[#6b7280]" }, ] export default function ReflectionsPage() { const router = useRouter() const supabase = getSupabaseBrowserClient() const [reflections, setReflections] = useState([]) const [loading, setLoading] = useState(true) const [showCompose, setShowCompose] = useState(false) const [newContent, setNewContent] = useState("") const [newTag, setNewTag] = useState("general") const [newRef, setNewRef] = useState("") const [saving, setSaving] = useState(false) const [userId, setUserId] = useState(null) useEffect(() => { async function load() { const { data: { user } } = await supabase.auth.getUser() if (!user) { router.push("/login") return } setUserId(user.id) // Try to load reflections -- table may not exist yet try { const { data, error } = await supabase .from("reflections") .select("*") .eq("user_id", user.id) .order("created_at", { ascending: false }) .limit(50) if (!error && data) { setReflections(data) } } catch { // Table doesn't exist yet -- that's ok } setLoading(false) } load() }, [supabase, router]) const handleSave = async () => { if (!newContent.trim() || !userId) return setSaving(true) try { const { data, error } = await supabase .from("reflections") .insert({ user_id: userId, content: newContent.trim(), tag: newTag, hadith_ref: newRef.trim() || null, }) .select() .single() if (!error && data) { setReflections([data, ...reflections]) setNewContent("") setNewRef("") setNewTag("general") setShowCompose(false) } } catch { // Failed to save } setSaving(false) } const handleShareReflection = async (ref: Reflection) => { const tagLabel = TAG_OPTIONS.find((t) => t.value === ref.tag)?.label || "" const text = `${ref.content}${ref.hadith_ref ? `\n\nRef: ${ref.hadith_ref}` : ""}${tagLabel ? `\n\n#${tagLabel}` : ""}\n\nWritten on Authentic Hadith` const url = typeof window !== "undefined" ? window.location.origin : "" if (navigator.share) { await navigator.share({ title: "Reflection", text, url }) } else { await navigator.clipboard.writeText(`${text}\n\n${url}`) } } const handleDelete = async (id: string) => { await supabase.from("reflections").delete().eq("id", id) setReflections(reflections.filter((r) => r.id !== id)) } const formatDate = (dateStr: string) => { const d = new Date(dateStr) return d.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" }) } if (loading) { return (

) } return (

{/* Header */}

Reflections

Your private journal

{/* Compose */} {showCompose && (

New Reflection

setNewContent(e.target.value)}
              placeholder="What is on your mind? Reflect on a hadith, an ayah, or a moment in your day..."
              className="w-full px-3 py-2.5 rounded-lg border border-border bg-card text-sm resize-none focus:border-[#C5A059] focus:ring-2 focus:ring-[#C5A059]/20 outline-none transition-all"
              rows={4}
            />
            <input
              value={newRef}
              onChange={(e) => setNewRef(e.target.value)}
              placeholder="Hadith or Ayah reference (optional)"
              className="w-full mt-2 px-3 py-2 rounded-lg border border-border bg-card text-xs focus:border-[#C5A059] focus:ring-2 focus:ring-[#C5A059]/20 outline-none transition-all"
            />
            <div className="flex flex-wrap gap-1.5 mt-3">
              {TAG_OPTIONS.map((tag) => (
                <button
                  key={tag.value}
                  onClick={() => setNewTag(tag.value)}
                  className={cn(
                    "px-2.5 py-1 rounded-full text-[10px] font-medium transition-all",
                    newTag === tag.value
                      ? tag.color + " ring-1 ring-current"
                      : "bg-muted text-muted-foreground/60 hover:text-muted-foreground"
                  )}
                >
                  {tag.label}
                </button>
              ))}
            </div>
            <div className="flex items-center gap-2 mt-4">
              <button
                onClick={handleSave}
                disabled={!newContent.trim() || saving}
                className="px-4 py-2 rounded-lg bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white text-xs font-medium disabled:opacity-50 transition-opacity"
              >
                {saving ? "Saving..." : "Save Reflection"}
              </button>
              <button
                onClick={() => { setShowCompose(false); setNewContent(""); setNewRef(""); }}
                className="px-4 py-2 rounded-lg bg-muted text-muted-foreground text-xs font-medium hover:bg-muted transition-colors"
              >
                Cancel
              </button>
            </div>
          </section>
        )}

{/* Empty State */}
        {reflections.length === 0 && !showCompose && (
          <div className="text-center py-16">
            <div className="w-16 h-16 mx-auto mb-4 rounded-full bg-[#C5A059]/10 flex items-center justify-center">
              <PenLine className="w-7 h-7 text-[#C5A059]" />
            </div>
            <h2 className="text-base font-semibold text-foreground mb-2">Your Sacred Space</h2>
            <p className="text-sm text-muted-foreground max-w-sm mx-auto mb-6 leading-relaxed">
              Use this journal to reflect on hadiths, ayahs, or moments in your spiritual journey.
              Everything here is private -- just between you and Allah.
            </p>
            <button
              onClick={() => setShowCompose(true)}
              className="px-5 py-2.5 rounded-lg bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white text-sm font-medium shadow-sm hover:shadow-md transition-shadow"
            >
              Write Your First Reflection
            </button>
          </div>
        )}

{/* Reflections List */}
        {reflections.length > 0 && (
          <div className="flex flex-col gap-3">
            {reflections.map((ref) => {
              const tagInfo = TAG_OPTIONS.find((t) => t.value === ref.tag) || TAG_OPTIONS[5]
              return (
                <div key={ref.id} className="premium-card rounded-xl p-4 group">
                  <div className="flex items-start justify-between mb-2">
                    <div className="flex items-center gap-2">
                      <Calendar className="w-3.5 h-3.5 text-muted-foreground" />
                      <span className="text-xs text-muted-foreground">{formatDate(ref.created_at)}</span>
                      <span className={cn("inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-[10px] font-semibold", tagInfo.color)}>
                        <span className={cn("w-1.5 h-1.5 rounded-full", tagInfo.dot)} />
                        {tagInfo.label}
                      </span>
                    </div>
                    <div className="flex items-center gap-1">
                      <button
                        onClick={() => handleShareReflection(ref)}
                        className="p-1.5 rounded hover:bg-[#C5A059]/10 transition-all"
                        aria-label="Share reflection"
                      >
                        <Share2 className="w-3.5 h-3.5 text-[#C5A059]" />
                      </button>
                      <button
                        onClick={() => handleDelete(ref.id)}
                        className="opacity-0 group-hover:opacity-100 p-1.5 rounded hover:bg-red-50 transition-all"
                        aria-label="Delete reflection"
                      >
                        <Trash2 className="w-3.5 h-3.5 text-red-400" />
                      </button>
                    </div>
                  </div>
                  <p className="text-sm text-foreground/80 leading-relaxed whitespace-pre-wrap">{ref.content}</p>
                  {ref.hadith_ref && (
                    <div className="flex items-center gap-2 mt-3 pt-2 border-t border-border/50">
                      <BookOpen className="w-3 h-3 text-muted-foreground" />
                      <span className="text-[10px] text-muted-foreground">{ref.hadith_ref}</span>
                    </div>
                  )}
                </div>
              )
            })}
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/reset-password/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { IslamicPattern } from "@/components/islamic-pattern"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Lock, Eye, EyeOff, Loader2, ArrowRight } from "lucide-react"
import Image from "next/image"

export default function ResetPasswordPage() {
  const [password, setPassword] = useState("")
  const [confirmPassword, setConfirmPassword] = useState("")
  const [showPassword, setShowPassword] = useState(false)
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [message, setMessage] = useState<string | null>(null)
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleResetPassword = async (e: React.FormEvent) => {
    e.preventDefault()
    setError(null)

if (password !== confirmPassword) {
      setError("Passwords do not match")
      return
    }

if (password.length < 6) {
      setError("Password must be at least 6 characters")
      return
    }

setLoading(true)

const { error } = await supabase.auth.updateUser({
      password: password,
    })

if (error) {
      setError(error.message)
      setLoading(false)
    } else {
      setMessage("Password updated successfully! Redirecting...")
      setTimeout(() => {
        router.push("/dashboard")
      }, 2000)
    }
  }

return (
    <div className="min-h-screen flex items-center justify-center p-6 marble-bg relative">
      <IslamicPattern />

<div className="bg-card/80 backdrop-blur-sm border border-border/50 rounded-2xl p-8 shadow-xl">
          <div className="text-center mb-8">
            <h1 className="text-3xl font-bold text-foreground mb-2">Set New Password</h1>
            <p className="text-muted-foreground">Enter your new password below</p>
          </div>

<form onSubmit={handleResetPassword} className="space-y-5">
            <div className="space-y-2">
              <Label htmlFor="password" className="text-foreground font-medium">
                New Password
              </Label>
              <div className="relative">
                <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" />
                <Input
                  id="password"
                  type={showPassword ? "text" : "password"}
                  placeholder="Enter new password"
                  value={password}
                  onChange={(e) => setPassword(e.target.value)}
                  className="pl-10 pr-10 h-12 bg-card border-input"
                  required
                  minLength={6}
                />
                <button
                  type="button"
                  onClick={() => setShowPassword(!showPassword)}
                  className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
                >
                  {showPassword ? <EyeOff className="h-5 w-5" /> : <Eye className="h-5 w-5" />}
                </button>
              </div>
            </div>

<div className="space-y-2">
              <Label htmlFor="confirmPassword" className="text-foreground font-medium">
                Confirm Password
              </Label>
              <div className="relative">
                <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground" />
                <Input
                  id="confirmPassword"
                  type={showPassword ? "text" : "password"}
                  placeholder="Confirm new password"
                  value={confirmPassword}
                  onChange={(e) => setConfirmPassword(e.target.value)}
                  className="pl-10 h-12 bg-card border-input"
                  required
                />
              </div>
            </div>

{error && (
              <div className="p-3 rounded-lg bg-destructive/10 border border-destructive/20 text-destructive text-sm">
                {error}
              </div>
            )}

{message && (
              <div className="p-3 rounded-lg bg-primary/10 border border-primary/20 text-primary text-sm">
                {message}
              </div>
            )}

<Button
              type="submit"
              disabled={loading}
              className="w-full h-12 bg-primary hover:bg-primary/90 text-primary-foreground font-semibold group"
            >
              {loading ? (
                <Loader2 className="h-5 w-5 animate-spin" />
              ) : (
                <>
                  Update Password
                  <ArrowRight className="ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform" />
                </>
              )}
            </Button>
          </form>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/saved/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/saved/page.tsx" isMerged="true"
"use client"

import { useEffect, useState, useCallback } from "react"
import { useRouter } from "next/navigation"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import {
  Bookmark,
  Trash2,
  ExternalLink,
  PenLine,
  Check,
  X,
  FolderOpen,
  Search,
  Filter,
  StickyNote,
  Share2,
} from "lucide-react"
import { cn } from "@/lib/utils"
import { useQuota } from "@/hooks/use-quota"
import { UsageBanner, ProUpgradeCTA } from "@/components/usage-banner"

interface SavedHadith {
  id: string
  hadith_id: string
  created_at: string
  note: string | null
  folder: string | null
  hadiths: {
    id: string
    arabic_text: string
    english_translation: string
    collection: string
    reference: string
    grade: string
  }
}

const FOLDERS = [
  { id: "all", label: "All Saved" },
  { id: "default", label: "General" },
  { id: "favorites", label: "Favorites" },
  { id: "study", label: "Study Later" },
  { id: "share", label: "To Share" },
]

export default function SavedPage() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const { quota } = useQuota()
  const [savedHadiths, setSavedHadiths] = useState<SavedHadith[]>([])
  const [loading, setLoading] = useState(true)
  const [activeFolder, setActiveFolder] = useState("all")
  const [searchQuery, setSearchQuery] = useState("")
  const [editingNoteId, setEditingNoteId] = useState<string | null>(null)
  const [noteText, setNoteText] = useState("")
  const [editingFolderId, setEditingFolderId] = useState<string | null>(null)

const fetchSavedHadiths = useCallback(async () => {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) return

const { data } = await supabase
      .from("saved_hadiths")
      .select(`
        id,
        hadith_id,
        created_at,
        note,
        folder,
        hadiths (
          id,
          arabic_text,
          english_translation,
          collection,
          reference,
          grade
        )
      `)
      .eq("user_id", user.id)
      .order("created_at", { ascending: false })

if (data) {
      setSavedHadiths(data as unknown as SavedHadith[])
    }
    setLoading(false)
  }, [supabase])

useEffect(() => {
    fetchSavedHadiths()
  }, [fetchSavedHadiths])

const handleRemove = async (savedId: string) => {
    await supabase.from("saved_hadiths").delete().eq("id", savedId)
    setSavedHadiths((prev) => prev.filter((h) => h.id !== savedId))
  }

const handleSaveNote = async (savedId: string) => {
    await supabase.from("saved_hadiths").update({ note: noteText || null }).eq("id", savedId)
    setSavedHadiths((prev) => prev.map((h) => (h.id === savedId ? { ...h, note: noteText || null } : h)))
    setEditingNoteId(null)
    setNoteText("")
  }

const handleShare = async (hadith: SavedHadith["hadiths"]) => {
    const url = `${window.location.origin}/hadith/${hadith.id}`
    const text = (hadith.english_translation || "").substring(0, 200)

if (navigator.share) {
      await navigator.share({ title: `${hadith.collection} - ${hadith.reference}`, text: text + "...", url })
    } else {
      await navigator.clipboard.writeText(url)
    }
  }

const handleMoveFolder = async (savedId: string, folder: string) => {
    await supabase.from("saved_hadiths").update({ folder }).eq("id", savedId)
    setSavedHadiths((prev) => prev.map((h) => (h.id === savedId ? { ...h, folder } : h)))
    setEditingFolderId(null)
  }

const filtered = savedHadiths.filter((h) => {
    const matchesFolder = activeFolder === "all" || (h.folder || "default") === activeFolder
    const matchesSearch =
      !searchQuery ||
      h.hadiths.english_translation?.toLowerCase().includes(searchQuery.toLowerCase()) ||
      h.hadiths.reference?.toLowerCase().includes(searchQuery.toLowerCase()) ||
      h.note?.toLowerCase().includes(searchQuery.toLowerCase())
    return matchesFolder && matchesSearch
  })

const gradeColors: Record<string, string> = {
    sahih: "bg-emerald-100 text-emerald-800",
    hasan: "bg-amber-100 text-amber-800",
    daif: "bg-red-100 text-red-800",
  }

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <div className="w-12 h-12 border-4 border-[#C5A059] border-t-transparent rounded-full animate-spin" />
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-card/95 backdrop-blur-sm">
        <div className="max-w-4xl mx-auto px-4 py-4">
          <div className="flex items-center gap-3 mb-4">
            <div className="w-10 h-10 rounded-full gold-icon-bg flex items-center justify-center">
              <Bookmark className="w-5 h-5 text-[#C5A059]" />
            </div>
            <div>
              <h1 className="text-xl font-bold text-foreground">Saved Hadiths</h1>
              <p className="text-sm text-muted-foreground">
                {savedHadiths.length} saved{filtered.length !== savedHadiths.length && ` (${filtered.length} shown)`}
              </p>
            </div>
          </div>

{/* Search */}
          <div className="relative mb-3">
            <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
            <input
              type="text"
              placeholder="Search saved hadiths or notes..."
              value={searchQuery}
              onChange={(e) => setSearchQuery(e.target.value)}
              className="w-full pl-10 pr-4 py-2.5 rounded-lg premium-input text-sm"
            />
          </div>

{/* Folder Tabs */}
          <div className="flex gap-2 overflow-x-auto pb-1" style={{ scrollbarWidth: "none" }}>
            {FOLDERS.map((folder) => {
              const count =
                folder.id === "all"
                  ? savedHadiths.length
                  : savedHadiths.filter((h) => (h.folder || "default") === folder.id).length
              return (
                <button
                  key={folder.id}
                  onClick={() => setActiveFolder(folder.id)}
                  className={cn(
                    "flex-shrink-0 px-3 py-1.5 rounded-full text-xs font-medium transition-all",
                    activeFolder === folder.id
                      ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-[#2c2416]"
                      : "border border-border text-muted-foreground hover:border-[#C5A059]",
                  )}
                >
                  {folder.label} ({count})
                </button>
              )
            })}
          </div>

{/* Usage Banner for free users */}
          {quota && !quota.isPremium && (
            <UsageBanner
              used={quota.usage.saves}
              limit={quota.usage.savesLimit}
              label="Saved hadiths"
              className="mt-3"
            />
          )}
        </div>
      </header>

<main className="max-w-4xl mx-auto px-4 py-6">
        {filtered.length === 0 ? (
          <div className="text-center py-16">
            <div className="w-16 h-16 rounded-full gold-icon-bg flex items-center justify-center mx-auto mb-4">
              <Bookmark className="w-8 h-8 text-[#C5A059]" />
            </div>
            <h2 className="text-xl font-semibold text-foreground mb-2">
              {savedHadiths.length === 0 ? "No Saved Hadiths" : "No matches"}
            </h2>
            <p className="text-muted-foreground mb-6">
              {savedHadiths.length === 0
                ? "Start saving hadiths to access them here."
                : "Try changing your folder or search query."}
            </p>
            {savedHadiths.length === 0 && (
              <button onClick={() => router.push("/collections")} className="gold-button px-6 py-2 rounded-lg">
                Browse Collections
              </button>
            )}
          </div>
        ) : (
          <div className="space-y-4">
            {/* Pro CTA for free users after a few saves */}
            {quota && !quota.isPremium && savedHadiths.length >= 10 && (
              <ProUpgradeCTA />
            )}
            {filtered.map((saved) => (
              <div key={saved.id} className="premium-card gold-border rounded-xl overflow-hidden">
                <div className="p-4">
                  {/* Top Bar */}
                  <div className="flex items-start justify-between gap-4 mb-3">
                    <div className="flex flex-wrap items-center gap-2">
                      <span className="text-sm font-medium text-muted-foreground">{saved.hadiths.collection}</span>
                      <span className="text-muted-foreground/40">|</span>
                      <span className="text-sm text-muted-foreground">{saved.hadiths.reference}</span>
                      <span
                        className={cn(
                          "px-2 py-0.5 rounded-full text-xs font-medium capitalize",
                          gradeColors[saved.hadiths.grade] || "bg-gray-100 text-gray-800",
                        )}
                      >
                        {saved.hadiths.grade}
                      </span>
                    </div>
                    <div className="flex items-center gap-1">
                      {/* Move to folder */}
                      <div className="relative">
                        <button
                          onClick={() =>
                            setEditingFolderId(editingFolderId === saved.id ? null : saved.id)
                          }
                          className="p-2 rounded-lg hover:bg-muted transition-colors"
                          title="Move to folder"
                        >
                          <FolderOpen className="w-4 h-4 text-muted-foreground" />
                        </button>
                        {editingFolderId === saved.id && (
                          <div className="absolute right-0 top-full mt-1 z-20 bg-card border border-border rounded-lg shadow-lg py-1 w-36">
                            {FOLDERS.filter((f) => f.id !== "all").map((folder) => (
                              <button
                                key={folder.id}
                                onClick={() => handleMoveFolder(saved.id, folder.id)}
                                className={cn(
                                  "w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors",
                                  (saved.folder || "default") === folder.id && "text-[#C5A059] font-medium",
                                )}
                              >
                                {folder.label}
                              </button>
                            ))}
                          </div>
                        )}
                      </div>
                      <button
                        onClick={() => handleShare(saved.hadiths)}
                        className="p-2 rounded-lg hover:bg-muted transition-colors"
                        title="Share hadith"
                      >
                        <Share2 className="w-4 h-4 text-muted-foreground" />
                      </button>
                      <button
                        onClick={() => router.push(`/hadith/${saved.hadiths.id}`)}
                        className="p-2 rounded-lg hover:bg-muted transition-colors"
                        title="View full hadith"
                      >
                        <ExternalLink className="w-4 h-4 text-muted-foreground" />
                      </button>
                      <button
                        onClick={() => handleRemove(saved.id)}
                        className="p-2 rounded-lg hover:bg-red-50 transition-colors"
                        title="Remove from saved"
                      >
                        <Trash2 className="w-4 h-4 text-red-500" />
                      </button>
                    </div>
                  </div>

{/* Arabic Text */}
                  <p
                    className="text-lg font-arabic text-right text-foreground mb-3 leading-loose line-clamp-2"
                    dir="rtl"
                  >
                    {saved.hadiths.arabic_text}
                  </p>

{/* English Translation */}
                  <p className="text-foreground leading-relaxed line-clamp-4 mb-3">
                    {saved.hadiths.english_translation}
                  </p>

{/* Note Section */}
                  {editingNoteId === saved.id ? (
                    <div className="bg-[#fafaf9] rounded-lg p-3">
                      <textarea
                        value={noteText}
                        onChange={(e) => setNoteText(e.target.value)}
                        placeholder="Add a personal note..."
                        className="w-full bg-transparent border-none resize-none text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
                        rows={3}
                        autoFocus
                      />
                      <div className="flex items-center gap-2 mt-2">
                        <button
                          onClick={() => handleSaveNote(saved.id)}
                          className="flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-[#1B5E43] text-white hover:bg-[#2D7A5B] transition-colors"
                        >
                          <Check className="w-3 h-3" />
                          Save
                        </button>
                        <button
                          onClick={() => {
                            setEditingNoteId(null)
                            setNoteText("")
                          }}
                          className="flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium text-muted-foreground hover:bg-muted transition-colors"
                        >
                          <X className="w-3 h-3" />
                          Cancel
                        </button>
                      </div>
                    </div>
                  ) : saved.note ? (
                    <button
                      onClick={() => {
                        setEditingNoteId(saved.id)
                        setNoteText(saved.note || "")
                      }}
                      className="w-full text-left bg-[#C5A059]/5 border border-[#C5A059]/20 rounded-lg p-3 group hover:border-[#C5A059]/40 transition-colors"
                    >
                      <div className="flex items-start gap-2">
                        <StickyNote className="w-4 h-4 text-[#C5A059] flex-shrink-0 mt-0.5" />
                        <p className="text-sm text-foreground/80 leading-relaxed">{saved.note}</p>
                      </div>
                      <p className="text-[10px] text-muted-foreground mt-1 opacity-0 group-hover:opacity-100 transition-opacity">
                        Click to edit note
                      </p>
                    </button>
                  ) : (
                    <button
                      onClick={() => {
                        setEditingNoteId(saved.id)
                        setNoteText("")
                      }}
                      className="flex items-center gap-2 px-3 py-2 rounded-lg text-xs font-medium border border-dashed border-border text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059] transition-colors"
                    >
                      <PenLine className="w-3 h-3" />
                      Add a note
                    </button>
                  )}

{/* Footer */}
                  <p className="text-xs text-muted-foreground mt-3">
                    Saved on {new Date(saved.created_at).toLocaleDateString()}
                    {saved.folder && saved.folder !== "default" && (
                      <span className="ml-2 px-2 py-0.5 rounded-full bg-muted text-[10px] font-medium capitalize">
                        {saved.folder}
                      </span>
                    )}
                  </p>
                </div>
              </div>
            ))}
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/search/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/search/page.tsx" isMerged="true"
"use client"

import React from "react"

import { useState, useEffect, useRef, Suspense } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import { Search, ChevronLeft, BookOpen, Hash, FolderOpen, Bookmark, Share2 } from "lucide-react"

import { getCleanTranslation, getCollectionDisplayName } from "@/lib/hadith-utils"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { cn } from "@/lib/utils"
import useSWR from "swr"

const fetcher = (url: string) => fetch(url).then((r) => r.json())

const suggestedTerms = ["intentions", "faith", "Muslim", "Quran", "believes", "modesty", "Paradise", "prayer"]

function SearchContent() {
  const router = useRouter()
  const searchParams = useSearchParams()
  const supabase = getSupabaseBrowserClient()
  const initialQuery = searchParams.get("q") || ""
  const [query, setQuery] = useState(initialQuery)
  const [debouncedQuery, setDebouncedQuery] = useState(initialQuery)
  const [savedIds, setSavedIds] = useState<Set<string>>(new Set())

const handleSave = async (e: React.MouseEvent, hadithId: string) => {
    e.stopPropagation()
    const { data: { user } } = await supabase.auth.getUser()
    if (!user) return

if (savedIds.has(hadithId)) {
      await supabase.from("saved_hadiths").delete().eq("user_id", user.id).eq("hadith_id", hadithId)
      setSavedIds((prev) => { const next = new Set(prev); next.delete(hadithId); return next })
    } else {
      await supabase.from("saved_hadiths").insert({ user_id: user.id, hadith_id: hadithId })
      setSavedIds((prev) => new Set(prev).add(hadithId))
    }
  }

const handleShare = async (e: React.MouseEvent, hadith: any) => {
    e.stopPropagation()
    const url = `${window.location.origin}/hadith/${hadith.id}`
    const text = getCleanTranslation(hadith.english_translation).substring(0, 200)

if (navigator.share) {
      await navigator.share({ title: `Hadith #${hadith.hadith_number}`, text: text + "...", url })
    } else {
      await navigator.clipboard.writeText(url)
    }
  }

// Debounce the query with proper cleanup
  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)
  const handleQueryChange = (value: string) => {
    setQuery(value)
    if (debounceRef.current) clearTimeout(debounceRef.current)
    debounceRef.current = setTimeout(() => {
      setDebouncedQuery(value)
    }, 300)
  }

useEffect(() => {
    return () => {
      if (debounceRef.current) clearTimeout(debounceRef.current)
    }
  }, [])

const { data, isLoading } = useSWR(
    debouncedQuery.length >= 2 ? `/api/search?q=${encodeURIComponent(debouncedQuery)}` : null,
    fetcher,
  )

const results = data?.results || []
  const facets: Array<{ slug: string; name_en: string; count: number }> = data?.facets || []
  const [activeTag, setActiveTag] = useState<string | null>(null)

const filteredResults = activeTag
    ? results.filter((h: any) => h.tags?.some((t: any) => t.slug === activeTag))
    : results

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.back()}
            className="w-10 h-10 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors shrink-0"
            aria-label="Go back"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div className="flex-1 flex items-center gap-3 px-4 py-2.5 rounded-full bg-card border-2 border-[#C5A059]">
            <Search className="w-5 h-5 text-muted-foreground" />
            <input
              type="text"
              value={query}
              onChange={(e) => handleQueryChange(e.target.value)}
              placeholder="Search hadiths..."
              className="flex-1 bg-transparent outline-none text-foreground"
              autoFocus
            />
          </div>
        </div>
      </header>

{/* Main Content */}
      <main className="max-w-7xl mx-auto px-4 sm:px-6 py-6 sm:py-8">
        {isLoading ? (
          <div className="space-y-4">
            <div className="h-4 w-32 rounded bg-[#e5e7eb] animate-pulse" />
            {[1, 2, 3].map((i) => (
              <div key={i} className="rounded-xl p-4 premium-card border border-border space-y-3">
                <div className="flex items-center gap-2">
                  <div className="h-6 w-28 rounded bg-[#e5e7eb] animate-pulse" />
                  <div className="h-4 w-24 rounded bg-muted animate-pulse" />
                </div>
                <div className="space-y-2">
                  <div className="h-4 w-full rounded bg-muted animate-pulse" />
                  <div className="h-4 w-5/6 rounded bg-muted animate-pulse" />
                  <div className="h-4 w-3/4 rounded bg-muted animate-pulse" />
                </div>
                <div className="flex items-center gap-2 pt-3 border-t border-border">
                  <div className="h-8 w-16 rounded-lg bg-muted animate-pulse" />
                  <div className="h-8 w-16 rounded-lg bg-muted animate-pulse" />
                </div>
              </div>
            ))}
          </div>
        ) : results.length > 0 ? (
          <div className="space-y-4">
            <p className="text-sm text-muted-foreground mb-2">
              Found {filteredResults.length} result{filteredResults.length !== 1 ? "s" : ""}{activeTag ? ` for #${activeTag}` : ""}
            </p>
            {/* Tag facets */}
            {facets.length > 0 && (
              <div className="flex flex-wrap gap-1.5 pb-2">
                {activeTag && (
                  <button
                    onClick={() => setActiveTag(null)}
                    className="px-2.5 py-1 rounded-full text-xs font-medium bg-muted text-muted-foreground hover:text-foreground transition-colors"
                  >
                    Clear filter
                  </button>
                )}
                {facets.map((facet) => (
                  <button
                    key={facet.slug}
                    onClick={() => setActiveTag(activeTag === facet.slug ? null : facet.slug)}
                    className={cn(
                      "flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium transition-colors",
                      activeTag === facet.slug
                        ? "bg-[#C5A059] text-white"
                        : "bg-[#C5A059]/10 text-[#8A6E3A] hover:bg-[#C5A059]/20"
                    )}
                  >
                    <Hash className="w-3 h-3" />
                    {facet.name_en}
                    <span className="opacity-60">({facet.count})</span>
                  </button>
                ))}
              </div>
            )}
            {filteredResults.map((hadith: any) => (
              <div
                key={hadith.id}
                role="button"
                tabIndex={0}
                onClick={() => router.push(`/hadith/${hadith.id}`)}
                onKeyDown={(e) => e.key === "Enter" && router.push(`/hadith/${hadith.id}`)}
                className="w-full gold-border rounded-xl p-4 premium-card text-left hover:-translate-y-0.5 transition-transform cursor-pointer"
              >
                {/* Summary line */}
                {hadith.summary_line && (
                  <p className="text-xs font-semibold text-[#C5A059] mb-2">{hadith.summary_line}</p>
                )}
                <div className="flex items-center gap-2 mb-2">
                  <span className="px-2 py-1 rounded text-xs font-bold text-white bg-gradient-to-r from-[#1B5E43] to-[#2D7A5B]">
                    {getCollectionDisplayName(hadith.collection)}
                  </span>
                  <span className="text-xs text-muted-foreground">
                    Book {hadith.book_number} / Hadith {hadith.hadith_number}
                  </span>
                  {hadith.grade && (
                    <span className="ml-auto px-2 py-0.5 rounded text-xs font-medium bg-[#C5A059]/10 text-[#C5A059]">
                      {hadith.grade}
                    </span>
                  )}
                </div>
                {hadith.narrator && (
                  <p className="text-xs text-muted-foreground mb-1">Narrated by: {hadith.narrator}</p>
                )}
                <p className="text-sm text-foreground line-clamp-4 leading-relaxed">{getCleanTranslation(hadith.english_translation)}</p>
                {/* Enrichment tags */}
                {(hadith.tags?.length > 0 || hadith.category) && (
                  <div className="flex flex-wrap items-center gap-1.5 mt-3">
                    {hadith.category && (
                      <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-[#1B5E43]/10 text-[#1B5E43] text-[11px] font-medium whitespace-nowrap">
                        <FolderOpen className="w-2.5 h-2.5 shrink-0" />
                        {hadith.category.name_en}
                      </span>
                    )}
                    {hadith.tags?.map((tag: { slug: string; name_en: string }) => (
                      <span
                        key={tag.slug}
                        className="inline-flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-[#C5A059]/10 text-[#8A6E3A] text-[11px] font-medium whitespace-nowrap"
                      >
                        <Hash className="w-2.5 h-2.5 shrink-0" />
                        {tag.name_en}
                      </span>
                    ))}
                  </div>
                )}
                {/* Save / Share actions */}
                <div className="flex items-center gap-2 mt-3 pt-3 border-t border-border">
                  <button
                    onClick={(e) => handleSave(e, hadith.id)}
                    className={cn(
                      "flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium transition-all",
                      savedIds.has(hadith.id)
                        ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white"
                        : "border border-border text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059]",
                    )}
                  >
                    <Bookmark className={cn("w-3.5 h-3.5", savedIds.has(hadith.id) && "fill-current")} />
                    {savedIds.has(hadith.id) ? "Saved" : "Save"}
                  </button>
                  <button
                    onClick={(e) => handleShare(e, hadith)}
                    className="flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium border border-border text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059] transition-all"
                  >
                    <Share2 className="w-3.5 h-3.5" />
                    Share
                  </button>
                </div>
              </div>
            ))}
          </div>
        ) : debouncedQuery.length > 1 ? (
          <div className="text-center py-12">
            <BookOpen className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
            <p className="text-muted-foreground mb-4">No hadiths found for “{debouncedQuery}”</p>
            <p className="text-sm text-muted-foreground/60">Try searching for: {suggestedTerms.join(", ")}</p>
          </div>
        ) : (
          <div className="text-center py-12">
            <Search className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
            <p className="text-muted-foreground mb-6">Enter a search term to find hadiths</p>
            <div className="flex flex-wrap justify-center gap-2 max-w-md mx-auto">
              {suggestedTerms.map((term) => (
                <button
                  key={term}
                  onClick={() => handleQueryChange(term)}
                  className="px-3 py-1.5 rounded-full text-sm border border-[#C5A059] text-[#C5A059] hover:bg-[#C5A059] hover:text-white transition-colors"
                >
                  {term}
                </button>
              ))}
            </div>
          </div>
        )}
      </main>

</div>
  )
}

export default function SearchPage() {
  return (
    <Suspense
      fallback={
        <div className="min-h-screen marble-bg flex items-center justify-center">
          <div className="w-8 h-8 border-4 border-[#C5A059] border-t-transparent rounded-full animate-spin" />
        </div>
      }
    >
      <SearchContent />
    </Suspense>
  )
}
[V0_FILE]typescriptreact:file="app/settings/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { ChevronLeft, Bell, Moon, Globe, Shield, HelpCircle, Star, ChevronDown, Info, ChevronRight, Trash2, AlertTriangle, Loader2, Mail } from "lucide-react"
import Link from "next/link"
import { ThemeToggle } from "@/components/ui/theme-toggle"

const settingsItems = [
  { id: "notifications" as const, icon: Bell, label: "Notifications", description: "Manage push notifications" },
  { id: "appearance" as const, icon: Moon, label: "Appearance", description: "Dark mode and display settings" },
  { id: "language" as const, icon: Globe, label: "Language", description: "Change app language" },
  { id: "privacy" as const, icon: Shield, label: "Privacy & Security", description: "Manage your data" },
  { id: "help" as const, icon: HelpCircle, label: "Help & Support", description: "Get help and contact us" },
]

export default function SettingsPage() {
  const router = useRouter()
  const [expanded, setExpanded] = useState<ExpandedSection>("appearance")
  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
  const [deleteConfirmText, setDeleteConfirmText] = useState("")
  const [isDeleting, setIsDeleting] = useState(false)
  const [deleteError, setDeleteError] = useState<string | null>(null)

const handleDeleteAccount = async () => {
    if (deleteConfirmText !== "DELETE MY ACCOUNT") return
    setIsDeleting(true)
    setDeleteError(null)
    try {
      const res = await fetch("/api/auth/delete-account", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ confirmation: "DELETE MY ACCOUNT" }),
      })
      const data = await res.json()
      if (!res.ok) {
        setDeleteError(data.error || "Failed to delete account")
        setIsDeleting(false)
        return
      }
      // Redirect to login after successful deletion
      router.push("/login")
    } catch {
      setDeleteError("An unexpected error occurred. Please try again.")
      setIsDeleting(false)
    }
  }

const toggleSection = (id: ExpandedSection) => {
    setExpanded(expanded === id ? null : id)
  }

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-card/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            type="button"
            onClick={() => router.back()}
            className="w-11 h-11 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <h1 className="text-lg font-semibold text-foreground">Settings</h1>
        </div>
      </header>

{/* Main Content */}
      <main className="max-w-3xl mx-auto px-4 sm:px-6 py-6 sm:py-8">
        <div className="space-y-3">
          {settingsItems.map((item) => (
            <div key={item.id} className="rounded-xl overflow-hidden border border-border bg-card">
              {/* Section Header - clickable to expand/collapse */}
              <div
                role="button"
                tabIndex={0}
                onClick={() => toggleSection(item.id)}
                onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); toggleSection(item.id) } }}
                className="w-full p-4 flex items-center gap-4 cursor-pointer active:bg-muted/50 transition-colors"
              >
                <div className="w-11 h-11 rounded-lg bg-[#C5A059]/10 flex items-center justify-center shrink-0">
                  <item.icon className="w-5 h-5 text-[#C5A059]" />
                </div>
                <div className="flex-1 min-w-0">
                  <h3 className="font-medium text-foreground">{item.label}</h3>
                  <p className="text-sm text-muted-foreground">{item.description}</p>
                </div>
                <ChevronDown
                  className={`w-5 h-5 text-muted-foreground transition-transform duration-200 shrink-0 ${
                    expanded === item.id ? "rotate-180" : ""
                  }`}
                />
              </div>

{/* Expanded Content - NOT inside a button, so child buttons work */}
              {expanded === item.id && (
                <div className="px-4 pb-4">
                  {item.id === "appearance" && (
                    <div className="pt-2 border-t border-border">
                      <p className="text-sm text-muted-foreground mb-4 mt-3">
                        Choose how Authentic Hadith looks to you
                      </p>
                      <ThemeToggle variant="settings" />
                    </div>
                  )}

{item.id === "notifications" && (
                    <div className="pt-2 border-t border-border">
                      <p className="text-sm text-muted-foreground mt-3">
                        Notification preferences are managed through your device settings. To receive daily hadith reminders, make sure notifications are enabled for Authentic Hadith in your device's notification settings.
                      </p>
                    </div>
                  )}

{item.id === "language" && (
                    <div className="pt-2 border-t border-border">
                      <p className="text-sm text-muted-foreground mt-3">
                        Authentic Hadith displays hadiths in both Arabic and English. All hadith texts include the original Arabic alongside verified English translations from scholarly sources.
                      </p>
                    </div>
                  )}

{item.id === "privacy" && (
                    <div className="pt-2 border-t border-border">
                      <p className="text-sm text-muted-foreground mt-3">
                        Your data is stored securely and encrypted. All personal data is only accessible to you.
                      </p>

<div className="mt-4 pt-4 border-t border-border">
                        <h4 className="text-sm font-medium text-destructive flex items-center gap-2">
                          <Trash2 className="w-4 h-4" />
                          Danger Zone
                        </h4>
                        <p className="text-sm text-muted-foreground mt-2">
                          Permanently delete your account and all associated data including saved hadiths, bookmarks, reflections, progress, and achievements. This action cannot be undone.
                        </p>

{!showDeleteConfirm ? (
                          <button
                            type="button"
                            onClick={() => setShowDeleteConfirm(true)}
                            className="mt-3 px-4 py-2.5 rounded-lg border border-destructive/30 text-destructive text-sm font-medium hover:bg-destructive/10 transition-colors"
                          >
                            Delete My Account
                          </button>
                        ) : (
                          <div className="mt-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4 space-y-3">
                            <div className="flex items-start gap-3">
                              <AlertTriangle className="w-5 h-5 text-destructive shrink-0 mt-0.5" />
                              <div>
                                <p className="text-sm font-medium text-foreground">
                                  Are you absolutely sure?
                                </p>
                                <p className="text-sm text-muted-foreground mt-1">
                                  {"Type"} <span className="font-mono font-semibold text-destructive">DELETE MY ACCOUNT</span> {"below to confirm."}
                                </p>
                              </div>
                            </div>

<input
                              type="text"
                              value={deleteConfirmText}
                              onChange={(e) => setDeleteConfirmText(e.target.value)}
                              placeholder="Type DELETE MY ACCOUNT"
                              className="w-full px-3 py-2 rounded-md border border-border bg-background text-foreground text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-destructive/50 font-mono"
                              autoComplete="off"
                              disabled={isDeleting}
                            />

{deleteError && (
                              <p className="text-sm text-destructive">{deleteError}</p>
                            )}

<div className="flex gap-2">
                              <button
                                type="button"
                                onClick={() => {
                                  setShowDeleteConfirm(false)
                                  setDeleteConfirmText("")
                                  setDeleteError(null)
                                }}
                                disabled={isDeleting}
                                className="px-4 py-2 rounded-lg border border-border text-sm font-medium text-foreground hover:bg-muted/50 transition-colors disabled:opacity-50"
                              >
                                Cancel
                              </button>
                              <button
                                type="button"
                                onClick={handleDeleteAccount}
                                disabled={deleteConfirmText !== "DELETE MY ACCOUNT" || isDeleting}
                                className="px-4 py-2 rounded-lg bg-destructive text-destructive-foreground text-sm font-medium hover:bg-destructive/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
                              >
                                {isDeleting ? (
                                  <>
                                    <Loader2 className="w-4 h-4 animate-spin" />
                                    Deleting...
                                  </>
                                ) : (
                                  "Permanently Delete"
                                )}
                              </button>
                            </div>
                          </div>
                        )}
                      </div>
                    </div>
                  )}

{item.id === "help" && (
                    <div className="pt-2 border-t border-border">
                      <p className="text-sm text-muted-foreground mt-3">
                        {"Need help? Contact us at support@authentichadith.app"}
                      </p>
                    </div>
                  )}
                </div>
              )}
            </div>
          ))}
        </div>

{/* About & Premium Links */}
        <Link
          href="/about"
          className="mt-3 w-full rounded-xl p-4 border border-border bg-card flex items-center gap-4 hover:border-[#C5A059]/50 active:bg-muted/50 transition-colors"
        >
          <div className="w-11 h-11 rounded-lg bg-[#C5A059]/10 flex items-center justify-center shrink-0">
            <Info className="w-5 h-5 text-[#C5A059]" />
          </div>
          <div className="flex-1 min-w-0">
            <h3 className="font-medium text-foreground">About Authentic Hadith</h3>
            <p className="text-sm text-muted-foreground">Mission, sources, AI policy & more</p>
          </div>
          <ChevronRight className="w-5 h-5 text-muted-foreground shrink-0" />
        </Link>

<Link
          href="/contact"
          className="mt-3 w-full rounded-xl p-4 border border-border bg-card flex items-center gap-4 hover:border-[#C5A059]/50 active:bg-muted/50 transition-colors"
        >
          <div className="w-11 h-11 rounded-lg bg-[#1B5E43]/10 dark:bg-[#4a9973]/15 flex items-center justify-center shrink-0">
            <Mail className="w-5 h-5 text-[#1B5E43] dark:text-[#6bb895]" />
          </div>
          <div className="flex-1 min-w-0">
            <h3 className="font-medium text-foreground">Contact Us</h3>
            <p className="text-sm text-muted-foreground">support@authentichadith.app</p>
          </div>
          <ChevronRight className="w-5 h-5 text-muted-foreground shrink-0" />
        </Link>

<button
          type="button"
          onClick={() => router.push("/pricing")}
          className="mt-3 w-full rounded-xl p-4 border border-border bg-card flex items-center gap-4 hover:border-[#C5A059]/50 active:bg-muted/50 transition-colors text-left"
        >
          <div className="w-11 h-11 rounded-lg bg-gradient-to-br from-[#C5A059] to-[#E8C77D] flex items-center justify-center shrink-0">
            <Star className="w-5 h-5 text-white" />
          </div>
          <div className="flex-1">
            <h3 className="font-medium text-foreground">Upgrade to Premium</h3>
            <p className="text-sm text-muted-foreground">AI explanations, advanced search & more</p>
          </div>
          <ChevronRight className="w-5 h-5 text-muted-foreground shrink-0" />
        </button>

<div className="mt-8 text-center text-sm text-muted-foreground">
          <p>Authentic Hadith v1.0.0</p>
          <p className="mt-1">Made with care for the Muslim community</p>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/share/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/share/page.tsx" isMerged="true"
"use client"

import { useEffect, useState, useRef, useCallback } from "react"
import { useSearchParams, useRouter } from "next/navigation"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { ChevronLeft, Download, Share2, Palette, Type, ImageIcon } from "lucide-react"
import { cn } from "@/lib/utils"

interface Hadith {
  id: string
  arabic_text: string
  english_translation: string
  collection: string
  reference: string
  grade: string
  narrator: string
}

const THEMES = [
  {
    id: "gold",
    label: "Gold",
    bg: "linear-gradient(135deg, #1a1f36 0%, #2c2416 100%)",
    text: "#f8f6f2",
    accent: "#C5A059",
    arabic: "#E8C77D",
    border: "#C5A059",
  },
  {
    id: "emerald",
    label: "Emerald",
    bg: "linear-gradient(135deg, #0a2a1f 0%, #1B5E43 100%)",
    text: "#f8f6f2",
    accent: "#4a9973",
    arabic: "#E8C77D",
    border: "#2D7A5B",
  },
  {
    id: "marble",
    label: "Marble",
    bg: "linear-gradient(135deg, #F8F6F2 0%, #ebe7e0 100%)",
    text: "#1a1f36",
    accent: "#C5A059",
    arabic: "#1a1f36",
    border: "#d4cfc7",
  },
  {
    id: "midnight",
    label: "Midnight",
    bg: "linear-gradient(135deg, #0f172a 0%, #1e293b 100%)",
    text: "#e2e8f0",
    accent: "#C5A059",
    arabic: "#E8C77D",
    border: "#334155",
  },
]

const SIZES = [
  { id: "square", label: "Square", width: 600, height: 600 },
  { id: "story", label: "Story", width: 540, height: 960 },
  { id: "wide", label: "Wide", width: 800, height: 450 },
]

export default function SharePage() {
  const searchParams = useSearchParams()
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const canvasRef = useRef<HTMLCanvasElement>(null)
  const [hadith, setHadith] = useState<Hadith | null>(null)
  const [loading, setLoading] = useState(true)
  const [activeTheme, setActiveTheme] = useState(THEMES[0])
  const [activeSize, setActiveSize] = useState(SIZES[0])
  const [showArabic, setShowArabic] = useState(true)
  const [generating, setGenerating] = useState(false)

const hadithId = searchParams.get("hadith")

useEffect(() => {
    if (!hadithId) {
      setLoading(false)
      return
    }
    const fetch = async () => {
      const { data } = await supabase.from("hadiths").select("*").eq("id", hadithId).single()
      if (data) setHadith(data)
      setLoading(false)
    }
    fetch()
  }, [hadithId, supabase])

const drawCard = useCallback(() => {
    const canvas = canvasRef.current
    if (!canvas || !hadith) return

const { width, height } = activeSize
    canvas.width = width * 2
    canvas.height = height * 2
    canvas.style.width = `${width}px`
    canvas.style.height = `${height}px`

const ctx = canvas.getContext("2d")
    if (!ctx) return
    ctx.scale(2, 2)

// Background
    const grad = ctx.createLinearGradient(0, 0, width, height)
    if (activeTheme.id === "gold") {
      grad.addColorStop(0, "#1a1f36")
      grad.addColorStop(1, "#2c2416")
    } else if (activeTheme.id === "emerald") {
      grad.addColorStop(0, "#0a2a1f")
      grad.addColorStop(1, "#1B5E43")
    } else if (activeTheme.id === "marble") {
      grad.addColorStop(0, "#F8F6F2")
      grad.addColorStop(1, "#ebe7e0")
    } else {
      grad.addColorStop(0, "#0f172a")
      grad.addColorStop(1, "#1e293b")
    }
    ctx.fillStyle = grad
    ctx.fillRect(0, 0, width, height)

// Decorative border
    const borderPad = 16
    ctx.strokeStyle = activeTheme.border
    ctx.lineWidth = 1.5
    ctx.strokeRect(borderPad, borderPad, width - borderPad * 2, height - borderPad * 2)

// Inner border with accent
    ctx.strokeStyle = `${activeTheme.accent}40`
    ctx.lineWidth = 0.5
    ctx.strokeRect(borderPad + 6, borderPad + 6, width - (borderPad + 6) * 2, height - (borderPad + 6) * 2)

// Corner ornaments
    const cornerSize = 20
    ctx.strokeStyle = activeTheme.accent
    ctx.lineWidth = 2
    const corners = [
      [borderPad, borderPad],
      [width - borderPad, borderPad],
      [borderPad, height - borderPad],
      [width - borderPad, height - borderPad],
    ]
    for (const [cx, cy] of corners) {
      const dx = cx === borderPad ? 1 : -1
      const dy = cy === borderPad ? 1 : -1
      ctx.beginPath()
      ctx.moveTo(cx, cy + dy * cornerSize)
      ctx.lineTo(cx, cy)
      ctx.lineTo(cx + dx * cornerSize, cy)
      ctx.stroke()
    }

const pad = 40
    let yPos = pad + 20

// Bismillah
    ctx.font = "16px serif"
    ctx.fillStyle = activeTheme.accent
    ctx.textAlign = "center"
    ctx.fillText("- - -", width / 2, yPos)
    yPos += 30

// Arabic text
    if (showArabic && hadith.arabic_text) {
      ctx.font = `22px serif`
      ctx.fillStyle = activeTheme.arabic
      ctx.textAlign = "right"
      const arabicLines = wrapText(ctx, hadith.arabic_text, width - pad * 2, 22)
      const maxArabicLines = activeSize.id === "story" ? 6 : 3
      const arabicSlice = arabicLines.slice(0, maxArabicLines)
      for (const line of arabicSlice) {
        ctx.fillText(line, width - pad, yPos)
        yPos += 32
      }
      if (arabicLines.length > maxArabicLines) {
        ctx.fillText("...", width - pad, yPos)
        yPos += 32
      }
      yPos += 10

// Gold divider
      ctx.strokeStyle = activeTheme.accent
      ctx.lineWidth = 1
      ctx.beginPath()
      const dividerWidth = 80
      ctx.moveTo(width / 2 - dividerWidth / 2, yPos)
      ctx.lineTo(width / 2 + dividerWidth / 2, yPos)
      ctx.stroke()
      yPos += 20
    }

// English translation
    ctx.font = `15px sans-serif`
    ctx.fillStyle = activeTheme.text
    ctx.textAlign = "left"
    const engLines = wrapText(ctx, hadith.english_translation, width - pad * 2, 15)
    const maxEngLines = activeSize.id === "story" ? 12 : showArabic ? 4 : 8
    const engSlice = engLines.slice(0, maxEngLines)
    for (const line of engSlice) {
      ctx.fillText(line, pad, yPos)
      yPos += 22
    }
    if (engLines.length > maxEngLines) {
      ctx.fillText("...", pad, yPos)
      yPos += 22
    }

// Footer
    const footerY = height - pad
    ctx.font = "11px sans-serif"
    ctx.fillStyle = `${activeTheme.text}99`
    ctx.textAlign = "left"
    ctx.fillText(`${hadith.collection} | ${hadith.reference}`, pad, footerY)
    ctx.textAlign = "right"
    ctx.fillText("authentichadith.app", width - pad, footerY)

// Grade badge
    ctx.font = "bold 10px sans-serif"
    ctx.textAlign = "left"
    const gradeText = hadith.grade.charAt(0).toUpperCase() + hadith.grade.slice(1)
    const gradeWidth = ctx.measureText(gradeText).width + 16
    const badgeX = pad
    const badgeY = footerY - 28
    ctx.fillStyle = `${activeTheme.accent}30`
    roundRect(ctx, badgeX, badgeY - 10, gradeWidth, 18, 4)
    ctx.fill()
    ctx.fillStyle = activeTheme.accent
    ctx.fillText(gradeText, badgeX + 8, badgeY + 2)
  }, [hadith, activeTheme, activeSize, showArabic])

useEffect(() => {
    drawCard()
  }, [drawCard])

function wrapText(ctx: CanvasRenderingContext2D, text: string, maxWidth: number, fontSize: number): string[] {
    const words = text.split(" ")
    const lines: string[] = []
    let current = ""
    for (const word of words) {
      const test = current ? `${current} ${word}` : word
      if (ctx.measureText(test).width > maxWidth) {
        if (current) lines.push(current)
        current = word
      } else {
        current = test
      }
    }
    if (current) lines.push(current)
    return lines
  }

function roundRect(ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, r: number) {
    ctx.beginPath()
    ctx.moveTo(x + r, y)
    ctx.lineTo(x + w - r, y)
    ctx.quadraticCurveTo(x + w, y, x + w, y + r)
    ctx.lineTo(x + w, y + h - r)
    ctx.quadraticCurveTo(x + w, y + h, x + w - r, y + h)
    ctx.lineTo(x + r, y + h)
    ctx.quadraticCurveTo(x, y + h, x, y + h - r)
    ctx.lineTo(x, y + r)
    ctx.quadraticCurveTo(x, y, x + r, y)
    ctx.closePath()
  }

const handleDownload = async () => {
    const canvas = canvasRef.current
    if (!canvas) return
    setGenerating(true)
    try {
      const link = document.createElement("a")
      link.download = `hadith-${hadith?.reference?.replace(/\s/g, "-") || "card"}.png`
      link.href = canvas.toDataURL("image/png")
      link.click()
    } finally {
      setGenerating(false)
    }
  }

const handleShare = async () => {
    const canvas = canvasRef.current
    if (!canvas) return
    setGenerating(true)
    try {
      const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, "image/png"))
      if (blob && navigator.share) {
        const file = new File([blob], "hadith-card.png", { type: "image/png" })
        await navigator.share({
          title: "Hadith Card",
          text: hadith?.english_translation?.substring(0, 100) + "...",
          files: [file],
        })
      } else {
        handleDownload()
      }
    } catch {
      handleDownload()
    } finally {
      setGenerating(false)
    }
  }

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <div className="w-8 h-8 border-4 border-[#C5A059] border-t-transparent rounded-full animate-spin" />
      </div>
    )
  }

if (!hadith) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center px-4">
        <div className="text-center">
          <ImageIcon className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
          <p className="text-muted-foreground mb-4">No hadith selected for sharing</p>
          <button onClick={() => router.push("/saved")} className="gold-button px-6 py-2 rounded-lg">
            Go to Saved
          </button>
        </div>
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-card/95 backdrop-blur-sm">
        <div className="max-w-4xl mx-auto px-4 py-4 flex items-center justify-between">
          <div className="flex items-center gap-3">
            <button
              onClick={() => router.back()}
              className="w-10 h-10 rounded-full bg-card border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
            >
              <ChevronLeft className="w-5 h-5 text-muted-foreground" />
            </button>
            <h1 className="text-lg font-bold text-foreground">Create Sharing Card</h1>
          </div>
          <div className="flex items-center gap-2">
            <button
              onClick={handleDownload}
              disabled={generating}
              className="flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-border hover:border-[#C5A059] transition-colors disabled:opacity-50"
            >
              <Download className="w-4 h-4" />
              <span className="hidden sm:inline">Download</span>
            </button>
            <button
              onClick={handleShare}
              disabled={generating}
              className="flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium gold-button disabled:opacity-50"
            >
              <Share2 className="w-4 h-4" />
              Share
            </button>
          </div>
        </div>
      </header>

<main className="max-w-4xl mx-auto px-4 py-6">
        <div className="flex flex-col lg:flex-row gap-6">
          {/* Preview */}
          <div className="flex-1 flex items-center justify-center">
            <div className="rounded-xl overflow-hidden shadow-lg">
              <canvas
                ref={canvasRef}
                style={{
                  width: `${Math.min(activeSize.width, 400)}px`,
                  height: `${Math.min(activeSize.height, (400 / activeSize.width) * activeSize.height)}px`,
                }}
              />
            </div>
          </div>

{/* Controls */}
          <div className="lg:w-[280px] space-y-5">
            {/* Theme Picker */}
            <div>
              <label className="flex items-center gap-2 text-sm font-medium text-foreground mb-3">
                <Palette className="w-4 h-4 text-[#C5A059]" />
                Theme
              </label>
              <div className="grid grid-cols-2 gap-2">
                {THEMES.map((theme) => (
                  <button
                    key={theme.id}
                    onClick={() => setActiveTheme(theme)}
                    className={cn(
                      "h-16 rounded-lg border-2 transition-all relative overflow-hidden",
                      activeTheme.id === theme.id ? "border-[#C5A059] ring-2 ring-[#C5A059]/30" : "border-border",
                    )}
                    style={{ background: theme.bg }}
                  >
                    <span
                      className="absolute bottom-1 left-1/2 -translate-x-1/2 text-[10px] font-medium px-2 py-0.5 rounded-full"
                      style={{ color: theme.text, backgroundColor: `${theme.accent}30` }}
                    >
                      {theme.label}
                    </span>
                  </button>
                ))}
              </div>
            </div>

{/* Size Picker */}
            <div>
              <label className="flex items-center gap-2 text-sm font-medium text-foreground mb-3">
                <ImageIcon className="w-4 h-4 text-[#C5A059]" />
                Size
              </label>
              <div className="flex gap-2">
                {SIZES.map((size) => (
                  <button
                    key={size.id}
                    onClick={() => setActiveSize(size)}
                    className={cn(
                      "flex-1 px-3 py-2 rounded-lg text-xs font-medium border transition-all",
                      activeSize.id === size.id
                        ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-[#2c2416] border-transparent"
                        : "border-border text-muted-foreground hover:border-[#C5A059]",
                    )}
                  >
                    {size.label}
                  </button>
                ))}
              </div>
            </div>

{/* Toggle Arabic */}
            <div>
              <label className="flex items-center gap-2 text-sm font-medium text-foreground mb-3">
                <Type className="w-4 h-4 text-[#C5A059]" />
                Options
              </label>
              <button
                onClick={() => setShowArabic(!showArabic)}
                className={cn(
                  "w-full px-4 py-3 rounded-lg text-sm font-medium border transition-all text-left",
                  showArabic
                    ? "border-[#C5A059] bg-[#C5A059]/5 text-foreground"
                    : "border-border text-muted-foreground",
                )}
              >
                {showArabic ? "Arabic text shown" : "Arabic text hidden"}
              </button>
            </div>
          </div>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/stories/[slug]/layout.tsx" isMerged="true"
import React from "react"
import type { Metadata } from "next"
import { createClient } from "@supabase/supabase-js"
import { SUPABASE_URL, SUPABASE_ANON_KEY } from "@/lib/supabase/config"

export async function generateMetadata({
  params,
}: {
  params: Promise<{ slug: string }>
}): Promise<Metadata> {
  const { slug } = await params

const supabase = createClient(
    SUPABASE_URL,
    process.env.SUPABASE_SERVICE_ROLE_KEY || SUPABASE_ANON_KEY,
  )

const { data: sahabi } = await supabase
    .from("sahaba")
    .select("name_en, title_en, notable_for, total_parts")
    .eq("slug", slug)
    .single()

if (!sahabi) {
    return {
      title: "Story | Authentic Hadith",
    }
  }

const description = `${sahabi.title_en} -- Read the ${sahabi.total_parts}-part story of ${sahabi.name_en}. ${(sahabi.notable_for || []).join(", ")}.`

return {
    title: `${sahabi.name_en} | Authentic Hadith`,
    description,
    openGraph: {
      title: `${sahabi.name_en} -- ${sahabi.title_en}`,
      description,
      images: [
        {
          url: `/api/og/story?slug=${slug}`,
          width: 1200,
          height: 630,
          alt: `Story of ${sahabi.name_en}`,
        },
      ],
    },
    twitter: {
      card: "summary_large_image",
      title: `${sahabi.name_en} -- ${sahabi.title_en}`,
      description,
      images: [`/api/og/story?slug=${slug}`],
    },
  }
}

export default function StoryLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return <>{children}</>
}
[V0_FILE]typescriptreact:file="app/stories/[slug]/page.tsx" isMerged="true"
"use client"

import { useState, useEffect, useCallback } from "react"
import { useRouter, useParams } from "next/navigation"
import {
  ChevronLeft,
  ChevronRight,
  Bookmark,
  Share2,
  BookOpen,
  Clock,
  CheckCircle2,
  Quote,
} from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"

import { cn } from "@/lib/utils"

interface Sahabi {
  id: string
  slug: string
  name_en: string
  name_ar: string
  title_en: string
  title_ar: string | null
  icon: string
  color_theme: string
  theme_primary: string
  theme_secondary: string | null
  notable_for: string[]
  total_parts: number
  estimated_read_time_minutes: number | null
}

interface StoryPart {
  id: string
  part_number: number
  title_en: string
  title_ar: string | null
  content_en: string
  opening_hook: string | null
  key_lesson: string | null
  historical_context: string | null
  related_hadith_refs: string[] | null
  related_quran_ayat: { ayat?: { surah: string; verse: string; text: string }[] } | null
  estimated_read_minutes: number | null
}

interface ReadingProgress {
  current_part: number
  parts_completed: number[]
  is_completed: boolean
  is_bookmarked: boolean
}

interface Snippet {
  id: string
  text_en: string
  attribution_en: string | null
  source_reference: string | null
  background_color: string
  accent_color: string | null
}

export default function StoryReaderPage() {
  const router = useRouter()
  const params = useParams()
  const slug = params.slug as string
  const supabase = getSupabaseBrowserClient()

const [sahabi, setSahabi] = useState<Sahabi | null>(null)
  const [parts, setParts] = useState<StoryPart[]>([])
  const [snippets, setSnippets] = useState<Snippet[]>([])
  const [currentPart, setCurrentPart] = useState(1)
  const [progress, setProgress] = useState<ReadingProgress | null>(null)
  const [loading, setLoading] = useState(true)
  const [isBookmarked, setIsBookmarked] = useState(false)
  const [readStartTime, setReadStartTime] = useState<number>(Date.now())

useEffect(() => {
    async function load() {
      // Fetch sahabi
      const { data: sahabiData } = await supabase
        .from("sahaba")
        .select("*")
        .eq("slug", slug)
        .single()

if (!sahabiData) {
        router.push("/stories")
        return
      }

setSahabi(sahabiData)

// Fetch story parts
      const { data: partsData } = await supabase
        .from("story_parts")
        .select("*")
        .eq("sahabi_id", sahabiData.id)
        .order("part_number", { ascending: true })

if (partsData) setParts(partsData)

// Fetch snippets
      const { data: snippetsData } = await supabase
        .from("shareable_snippets")
        .select("*")
        .eq("sahabi_id", sahabiData.id)

if (snippetsData) setSnippets(snippetsData)

// Fetch reading progress
      const {
        data: { user },
      } = await supabase.auth.getUser()
      if (user) {
        const { data: progressData } = await supabase
          .from("sahaba_reading_progress")
          .select("*")
          .eq("user_id", user.id)
          .eq("sahabi_id", sahabiData.id)
          .single()

if (progressData) {
          setProgress(progressData)
          setCurrentPart(progressData.current_part)
          setIsBookmarked(progressData.is_bookmarked)
        }
      }

setLoading(false)
    }
    load()
  }, [supabase, slug, router])

const saveProgress = useCallback(
    async (partNum: number, completed?: number[]) => {
      const {
        data: { user },
      } = await supabase.auth.getUser()
      if (!user || !sahabi) return

const timeSpent = Math.round((Date.now() - readStartTime) / 1000)
      const partsCompleted = completed || progress?.parts_completed || []

const { error } = await supabase.from("sahaba_reading_progress").upsert(
        {
          user_id: user.id,
          sahabi_id: sahabi.id,
          current_part: partNum,
          parts_completed: partsCompleted,
          is_completed: partsCompleted.length >= sahabi.total_parts,
          is_bookmarked: isBookmarked,
          last_read_at: new Date().toISOString(),
          total_time_spent_seconds: (progress as any)?.total_time_spent_seconds
            ? (progress as any).total_time_spent_seconds + timeSpent
            : timeSpent,
        },
        { onConflict: "user_id,sahabi_id" },
      )

if (!error) {
        setProgress((prev) => ({
          current_part: partNum,
          parts_completed: partsCompleted,
          is_completed: partsCompleted.length >= sahabi.total_parts,
          is_bookmarked: isBookmarked,
        }))
      }

setReadStartTime(Date.now())
    },
    [supabase, sahabi, progress, isBookmarked, readStartTime],
  )

const handleNext = async () => {
    if (!sahabi || currentPart >= parts.length) return
    const completed = [...(progress?.parts_completed || [])]
    if (!completed.includes(currentPart)) completed.push(currentPart)
    const next = currentPart + 1
    setCurrentPart(next)
    await saveProgress(next, completed)
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

const handlePrev = () => {
    if (currentPart <= 1) return
    setCurrentPart(currentPart - 1)
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

const handleComplete = async () => {
    if (!sahabi) return
    const completed = [...(progress?.parts_completed || [])]
    if (!completed.includes(currentPart)) completed.push(currentPart)
    await saveProgress(currentPart, completed)
  }

const handleBookmark = async () => {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user || !sahabi) return

const newBookmarked = !isBookmarked
    setIsBookmarked(newBookmarked)

await supabase.from("sahaba_reading_progress").upsert(
      {
        user_id: user.id,
        sahabi_id: sahabi.id,
        current_part: currentPart,
        parts_completed: progress?.parts_completed || [],
        is_bookmarked: newBookmarked,
        last_read_at: new Date().toISOString(),
      },
      { onConflict: "user_id,sahabi_id" },
    )
  }

const handleShare = async (text?: string) => {
    const url = typeof window !== "undefined" ? window.location.href : ""
    const shareText = text || `Read the story of ${sahabi?.name_en} on Authentic Hadith`

if (navigator.share) {
      await navigator.share({ title: sahabi?.name_en || "Story", text: shareText, url })
    } else {
      await navigator.clipboard.writeText(`${shareText}\n\n${url}`)
    }
  }

if (loading || !sahabi) {
    return (
      <div className="min-h-screen bg-background flex items-center justify-center">
        <div className="w-8 h-8 border-4 border-[#C5A059] border-t-transparent rounded-full animate-spin" />
      </div>
    )
  }

const part = parts[currentPart - 1]
  const isPartCompleted = progress?.parts_completed?.includes(currentPart)
  const progressPercent = sahabi.total_parts > 0 ? Math.round(((progress?.parts_completed?.length || 0) / sahabi.total_parts) * 100) : 0
  const partSnippets = snippets.filter((s) => s.source_reference && part?.related_hadith_refs?.some((ref) => s.source_reference?.includes(ref.split(" ")[0])))

// Render paragraphs with special formatting for hadith references and Quran ayat
  const renderContent = (content: string) => {
    const paragraphs = content.split("\n\n")
    return paragraphs.map((p, i) => {
      // Check if this paragraph contains a Quran quote (has Quran X:Y pattern)
      const isQuranQuote = /Quran \d+:\d+/.test(p) && (p.includes('"') || p.includes("'"))
      // Check if this paragraph is a direct hadith quote
      const isHadithQuote =
        (p.startsWith('"') || p.startsWith("The Prophet")) && (p.includes("said:") || p.includes("peace be upon him"))

if (isQuranQuote) {
        return (
          <div
            key={i}
            className="my-6 border-l-4 rounded-r-xl px-5 py-4"
            style={{ borderColor: sahabi.theme_primary, backgroundColor: `${sahabi.theme_primary}08` }}
          >
            <p className="text-base leading-relaxed text-foreground italic">{p}</p>
          </div>
        )
      }

if (isHadithQuote) {
        return (
          <div
            key={i}
            className="my-6 border-l-4 border-[#C5A059] rounded-r-xl bg-[#C5A059]/5 px-5 py-4"
          >
            <p className="text-base leading-relaxed text-foreground">{p}</p>
          </div>
        )
      }

return (
        <p key={i} className="text-base leading-[1.8] text-foreground/80 mb-4">
          {p}
        </p>
      )
    })
  }

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="sticky top-0 z-50 bg-background/95 backdrop-blur-md border-b border-border">
        <div className="max-w-3xl mx-auto px-4 py-3 flex items-center justify-between">
          <div className="flex items-center gap-3">
            <button
              onClick={() => router.push("/stories")}
              className="w-9 h-9 rounded-full bg-muted flex items-center justify-center hover:bg-muted transition-colors"
              aria-label="Back to stories"
            >
              <ChevronLeft className="w-4 h-4 text-foreground/80" />
            </button>
            <div>
              <h1 className="text-sm font-bold text-foreground line-clamp-1">{sahabi.name_en}</h1>
              <p className="text-[10px] text-muted-foreground">
                Part {currentPart} of {sahabi.total_parts}
              </p>
            </div>
          </div>
          <div className="flex items-center gap-1">
            <button
              onClick={handleBookmark}
              className={cn(
                "w-9 h-9 rounded-full flex items-center justify-center transition-colors",
                isBookmarked ? "bg-[#C5A059]/10 text-[#C5A059]" : "text-muted-foreground hover:bg-muted",
              )}
              aria-label={isBookmarked ? "Remove bookmark" : "Bookmark story"}
            >
              <Bookmark className={cn("w-4 h-4", isBookmarked && "fill-current")} />
            </button>
            <button
              onClick={() => handleShare()}
              className="w-9 h-9 rounded-full flex items-center justify-center text-muted-foreground hover:bg-muted transition-colors"
              aria-label="Share story"
            >
              <Share2 className="w-4 h-4" />
            </button>
          </div>
        </div>

{/* Progress bar */}
        <div className="h-1 bg-muted">
          <div
            className="h-full transition-all duration-500"
            style={{
              width: `${(currentPart / sahabi.total_parts) * 100}%`,
              background: `linear-gradient(to right, ${sahabi.theme_primary}, ${sahabi.theme_secondary || sahabi.theme_primary})`,
            }}
          />
        </div>
      </header>

{/* Part Content */}
      <main className="max-w-3xl mx-auto px-4 sm:px-6 py-8 pb-36">
        {part ? (
          <>
            {/* Part header */}
            <div className="mb-8">
              <div className="flex items-center gap-2 mb-2">
                <span
                  className="text-[10px] font-bold uppercase tracking-widest"
                  style={{ color: sahabi.theme_primary }}
                >
                  Part {part.part_number}
                </span>
                {isPartCompleted && <CheckCircle2 className="w-3.5 h-3.5 text-[#1B5E43]" />}
              </div>
              <h2 className="text-2xl md:text-3xl font-bold text-foreground leading-tight text-balance mb-2">
                {part.title_en}
              </h2>
              {part.title_ar && (
                <p className="text-lg text-muted-foreground/60 font-serif" dir="rtl">
                  {part.title_ar}
                </p>
              )}
              {part.estimated_read_minutes && (
                <div className="flex items-center gap-1.5 mt-3">
                  <Clock className="w-3.5 h-3.5 text-muted-foreground" />
                  <span className="text-xs text-muted-foreground">
                    {part.estimated_read_minutes} min read
                  </span>
                </div>
              )}
            </div>

{/* Opening hook */}
            {part.opening_hook && (
              <div
                className="mb-8 rounded-xl px-5 py-4 border-l-4"
                style={{
                  borderColor: sahabi.theme_primary,
                  backgroundColor: `${sahabi.theme_primary}08`,
                }}
              >
                <p className="text-lg font-medium italic text-foreground leading-relaxed">
                  {part.opening_hook}
                </p>
              </div>
            )}

{/* Main content */}
            <article className="prose-custom">{renderContent(part.content_en)}</article>

{/* Key Lesson */}
            {part.key_lesson && (
              <div className="mt-10 rounded-xl bg-gradient-to-br from-[#1B5E43]/5 to-[#C5A059]/5 border border-[#1B5E43]/10 p-5">
                <div className="flex items-center gap-2 mb-2">
                  <Quote className="w-4 h-4 text-[#1B5E43]" />
                  <span className="text-xs font-bold uppercase tracking-widest text-[#1B5E43]">
                    Key Lesson
                  </span>
                </div>
                <p className="text-base font-medium text-foreground leading-relaxed">
                  {part.key_lesson}
                </p>
              </div>
            )}

{/* Quran References */}
            {part.related_quran_ayat?.ayat && part.related_quran_ayat.ayat.length > 0 && (
              <div className="mt-6">
                <h4 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
                  Quran References
                </h4>
                <div className="flex flex-col gap-2">
                  {part.related_quran_ayat.ayat.map((ayah, i) => (
                    <div key={i} className="flex items-center gap-2 text-sm text-muted-foreground">
                      <BookOpen className="w-3.5 h-3.5 shrink-0" style={{ color: sahabi.theme_primary }} />
                      <span>
                        Surah {ayah.surah} ({ayah.verse})
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            )}

{/* Hadith References */}
            {part.related_hadith_refs && part.related_hadith_refs.length > 0 && (
              <div className="mt-4">
                <h4 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
                  Hadith References
                </h4>
                <div className="flex flex-wrap gap-2">
                  {part.related_hadith_refs.map((ref, i) => (
                    <span
                      key={i}
                      className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-[#C5A059]/10 text-[#8A6E3A] text-[11px] font-medium whitespace-nowrap"
                    >
                      <BookOpen className="w-3 h-3 shrink-0" />
                      {ref}
                    </span>
                  ))}
                </div>
              </div>
            )}

{/* Shareable snippets for this part */}
            {partSnippets.length > 0 && (
              <div className="mt-8">
                <h4 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
                  Share a Moment
                </h4>
                <div className="flex flex-col gap-3">
                  {partSnippets.map((snippet) => (
                    <button
                      key={snippet.id}
                      onClick={() =>
                        handleShare(`"${snippet.text_en}"${snippet.attribution_en ? ` -- ${snippet.attribution_en}` : ""}`)
                      }
                      className="w-full rounded-xl p-4 text-left transition-all hover:scale-[1.01] hover:shadow-lg"
                      style={{ backgroundColor: snippet.background_color, color: "#ffffff" }}
                    >
                      <p className="text-sm leading-relaxed font-medium mb-2">
                        {'"'}
                        {snippet.text_en}
                        {'"'}
                      </p>
                      {snippet.attribution_en && (
                        <p className="text-xs opacity-70">-- {snippet.attribution_en}</p>
                      )}
                      <div className="flex items-center gap-1 mt-3 opacity-60">
                        <Share2 className="w-3 h-3" />
                        <span className="text-[10px]">Tap to share</span>
                      </div>
                    </button>
                  ))}
                </div>
              </div>
            )}
          </>
        ) : (
          <div className="text-center py-12">
            <BookOpen className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
            <p className="text-muted-foreground">This part is not available yet.</p>
          </div>
        )}
      </main>

{/* Bottom Navigation */}
      <div className="fixed bottom-16 md:bottom-0 left-0 right-0 bg-background/95 backdrop-blur-md border-t border-border z-40">
        <div className="max-w-3xl mx-auto px-4 py-3 flex items-center justify-between">
          <button
            onClick={handlePrev}
            disabled={currentPart <= 1}
            className={cn(
              "flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm font-medium transition-all",
              currentPart <= 1
                ? "text-muted-foreground/30 cursor-not-allowed"
                : "text-foreground/80 hover:bg-muted",
            )}
          >
            <ChevronLeft className="w-4 h-4" />
            Previous
          </button>

{/* Part dots */}
          <div className="flex items-center gap-1.5">
            {Array.from({ length: sahabi.total_parts }, (_, i) => i + 1).map((num) => (
              <button
                key={num}
                onClick={() => {
                  setCurrentPart(num)
                  window.scrollTo({ top: 0, behavior: "smooth" })
                }}
                className={cn(
                  "w-2.5 h-2.5 rounded-full transition-all",
                  num === currentPart
                    ? "w-6 rounded-full"
                    : progress?.parts_completed?.includes(num)
                      ? "bg-[#1B5E43]/40"
                      : "bg-muted",
                )}
                style={
                  num === currentPart
                    ? {
                        background: `linear-gradient(to right, ${sahabi.theme_primary}, ${sahabi.theme_secondary || sahabi.theme_primary})`,
                      }
                    : undefined
                }
                aria-label={`Go to part ${num}`}
              />
            ))}
          </div>

{currentPart >= parts.length ? (
            <button
              onClick={handleComplete}
              className="flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm font-medium text-white transition-all"
              style={{
                background: `linear-gradient(to right, ${sahabi.theme_primary}, ${sahabi.theme_secondary || sahabi.theme_primary})`,
              }}
            >
              <CheckCircle2 className="w-4 h-4" />
              Complete
            </button>
          ) : (
            <button
              onClick={handleNext}
              className="flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm font-medium text-white transition-all"
              style={{
                background: `linear-gradient(to right, ${sahabi.theme_primary}, ${sahabi.theme_secondary || sahabi.theme_primary})`,
              }}
            >
              Next
              <ChevronRight className="w-4 h-4" />
            </button>
          )}
        </div>
      </div>

</div>
  )
}
[V0_FILE]typescriptreact:file="app/stories/page.tsx" isMerged="true"
"use client"

import React from "react"
import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import {
  ChevronLeft,
  ChevronRight,
  BookOpen,
  Clock,
  CheckCircle2,
  Bookmark,
  Shield,
  Sword,
  Star,
  Heart,
  Users,
  Loader2,
  Sparkles,
} from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { ShareBanner } from "@/components/share-banner"
import { cn } from "@/lib/utils"

const ICON_MAP: Record<string, React.ComponentType<{ className?: string }>> = {
  shield: Shield,
  sword: Sword,
  star: Star,
  heart: Heart,
  users: Users,
  sparkles: Sparkles,
  book: BookOpen,
}

interface SahabiCard {
  id: string
  slug: string
  name_en: string
  name_ar: string
  title_en: string
  icon: string
  theme_primary: string
  theme_secondary: string | null
  notable_for: string[]
  total_parts: number
  estimated_read_time_minutes: number | null
  display_order: number
}

interface ProphetCard {
  id: string
  slug: string
  name_en: string
  name_ar: string
  title_en: string
  era: string
  quran_mentions: number
  total_parts: number
  estimated_read_time_minutes: number | null
  theme_primary: string
  icon: string
  display_order: number
}

interface ProgressMap {
  [id: string]: {
    parts_completed: number[]
    is_completed: boolean
    is_bookmarked: boolean
  }
}

type ActiveTab = "companions" | "prophets"

export default function StoriesPage() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const [tab, setTab] = useState<ActiveTab>("companions")
  const [companions, setCompanions] = useState<SahabiCard[]>([])
  const [prophets, setProphets] = useState<ProphetCard[]>([])
  const [companionProgress, setCompanionProgress] = useState<ProgressMap>({})
  const [loading, setLoading] = useState(true)

useEffect(() => {
    async function load() {
      const [sahabaRes, prophetsRes] = await Promise.all([
        supabase.from("sahaba").select("*").order("display_order"),
        supabase.from("prophets").select("*").eq("is_published", true).order("display_order"),
      ])

setCompanions(sahabaRes.data || [])
      setProphets(prophetsRes.data || [])

// Fetch user progress
      const { data: { user } } = await supabase.auth.getUser()
      if (user) {
        const { data: progressData } = await supabase
          .from("sahaba_reading_progress")
          .select("*")
          .eq("user_id", user.id)

if (progressData) {
          const map: ProgressMap = {}
          for (const p of progressData) {
            map[p.sahabi_id] = {
              parts_completed: p.parts_completed || [],
              is_completed: p.is_completed,
              is_bookmarked: p.is_bookmarked,
            }
          }
          setCompanionProgress(map)
        }
      }

setLoading(false)
    }
    load()
  }, [supabase])

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <Loader2 className="w-8 h-8 animate-spin text-[#C5A059]" />
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-3xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.push("/")}
            className="w-10 h-10 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
            aria-label="Go back home"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div>
            <h1 className="text-lg font-semibold text-foreground">Stories</h1>
            <p className="text-xs text-muted-foreground">
              {companions.length} companions, {prophets.length} prophets
            </p>
          </div>
        </div>

{/* Tabs */}
        <div className="max-w-3xl mx-auto px-4 sm:px-6">
          <div className="flex gap-1 border-b border-transparent">
            <button
              onClick={() => setTab("companions")}
              className={cn(
                "flex-1 py-2.5 text-sm font-medium border-b-2 transition-colors",
                tab === "companions"
                  ? "border-[#C5A059] text-[#C5A059]"
                  : "border-transparent text-muted-foreground hover:text-foreground",
              )}
            >
              Companions ({companions.length})
            </button>
            <button
              onClick={() => setTab("prophets")}
              className={cn(
                "flex-1 py-2.5 text-sm font-medium border-b-2 transition-colors",
                tab === "prophets"
                  ? "border-[#1B5E43] text-[#1B5E43]"
                  : "border-transparent text-muted-foreground hover:text-foreground",
              )}
            >
              Prophets ({prophets.length})
            </button>
          </div>
        </div>
      </header>

<main className="max-w-3xl mx-auto px-4 sm:px-6 py-4 flex flex-col gap-6">
        {tab === "companions" ? (
          <CompanionsTab
            companions={companions}
            progress={companionProgress}
            onSelect={(slug) => router.push(`/stories/${slug}`)}
          />
        ) : (
          <ProphetsTab
            prophets={prophets}
            onSelect={(slug) => router.push(`/stories/prophets/${slug}`)}
          />
        )}
      </main>

<div className="max-w-3xl mx-auto px-4 sm:px-6 pb-24 md:pb-8">
        <ShareBanner variant="compact" />
      </div>
    </div>
  )
}

function CompanionsTab({
  companions,
  progress,
  onSelect,
}: {
  companions: SahabiCard[]
  progress: ProgressMap
  onSelect: (slug: string) => void
}) {
  const continueReading = companions.filter(
    (c) => progress[c.id] && !progress[c.id].is_completed && (progress[c.id].parts_completed?.length || 0) > 0,
  )
  const notStarted = companions.filter((c) => !progress[c.id] || (progress[c.id].parts_completed?.length || 0) === 0)
  const completed = companions.filter((c) => progress[c.id]?.is_completed)

return (
    <>
      <p className="text-sm text-muted-foreground leading-relaxed">
        The Companions (Sahaba) were the people who lived alongside the Prophet Muhammad (peace be upon
        him). Read their full stories with authentic references.
      </p>

{continueReading.length > 0 && (
        <section>
          <h2 className="text-xs font-bold uppercase tracking-widest text-[#1B5E43] mb-3 flex items-center gap-2">
            <BookOpen className="w-3.5 h-3.5" />
            Continue Reading
          </h2>
          <div className="flex flex-col gap-3">
            {continueReading.map((c) => (
              <CompanionCard key={c.id} companion={c} progress={progress[c.id]} onClick={() => onSelect(c.slug)} featured />
            ))}
          </div>
        </section>
      )}

<section>
        <h2 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
          {continueReading.length > 0 ? "Not Yet Started" : "All Companions"}
        </h2>
        <div className="flex flex-col gap-3">
          {(continueReading.length > 0 ? notStarted : companions).map((c) => (
            <CompanionCard key={c.id} companion={c} progress={progress[c.id]} onClick={() => onSelect(c.slug)} />
          ))}
        </div>
      </section>

{completed.length > 0 && (
        <section>
          <h2 className="text-xs font-bold uppercase tracking-widest text-[#C5A059] mb-3 flex items-center gap-2">
            <CheckCircle2 className="w-3.5 h-3.5" />
            Completed
          </h2>
          <div className="flex flex-col gap-3">
            {completed.map((c) => (
              <CompanionCard key={c.id} companion={c} progress={progress[c.id]} onClick={() => onSelect(c.slug)} isComplete />
            ))}
          </div>
        </section>
      )}
    </>
  )
}

function ProphetsTab({
  prophets,
  onSelect,
}: {
  prophets: ProphetCard[]
  onSelect: (slug: string) => void
}) {
  return (
    <>
      <p className="text-sm text-muted-foreground leading-relaxed">
        The 25 prophets mentioned in the Quran, from Adam (peace be upon him) to Muhammad (peace be upon him).
        Multi-part narratives with Quranic references and historical context.
      </p>

<div className="flex flex-col gap-3">
        {prophets.map((prophet, idx) => {
          const Icon = ICON_MAP[prophet.icon] || Star
          return (
            <button
              key={prophet.id}
              onClick={() => onSelect(prophet.slug)}
              className="w-full rounded-xl border border-border text-left transition-all hover:shadow-md hover:border-[#1B5E43]/30 premium-card overflow-hidden"
            >
              <div className="p-4 flex items-center gap-4">
                <div
                  className="w-12 h-12 rounded-xl flex items-center justify-center shrink-0"
                  style={{ backgroundColor: `${prophet.theme_primary}15` }}
                >
                  <span className="text-lg font-bold" style={{ color: prophet.theme_primary }}>
                    {idx + 1}
                  </span>
                </div>
                <div className="flex-1 min-w-0">
                  <div className="flex items-center gap-2">
                    <h3 className="text-sm font-semibold text-foreground truncate">{prophet.name_en}</h3>
                    {prophet.name_ar && (
                      <span className="text-xs text-muted-foreground/60" dir="rtl">{prophet.name_ar}</span>
                    )}
                  </div>
                  <p className="text-xs font-medium" style={{ color: prophet.theme_primary }}>
                    {prophet.title_en}
                  </p>
                  <div className="flex items-center gap-3 mt-1.5">
                    <span className="text-[10px] text-muted-foreground flex items-center gap-1">
                      <BookOpen className="w-3 h-3" />
                      {prophet.total_parts} parts
                    </span>
                    {prophet.estimated_read_time_minutes && (
                      <span className="text-[10px] text-muted-foreground flex items-center gap-1">
                        <Clock className="w-3 h-3" />
                        {prophet.estimated_read_time_minutes} min
                      </span>
                    )}
                    {prophet.quran_mentions > 0 && (
                      <span className="text-[10px] text-muted-foreground">
                        {prophet.quran_mentions} Quran mentions
                      </span>
                    )}
                    <span className="text-[10px] text-muted-foreground px-2 py-0.5 rounded-full bg-muted">
                      {prophet.era}
                    </span>
                  </div>
                </div>
                <ChevronRight className="w-4 h-4 text-muted-foreground shrink-0" />
              </div>
            </button>
          )
        })}
      </div>
    </>
  )
}

function CompanionCard({
  companion,
  progress,
  onClick,
  featured,
  isComplete,
}: {
  companion: SahabiCard
  progress?: ProgressMap[string]
  onClick: () => void
  featured?: boolean
  isComplete?: boolean
}) {
  const Icon = ICON_MAP[companion.icon] || Star
  const partsCompleted = progress?.parts_completed?.length || 0
  const progressPercent = companion.total_parts > 0 ? (partsCompleted / companion.total_parts) * 100 : 0

return (
    <button
      onClick={onClick}
      className={cn(
        "w-full rounded-xl border text-left transition-all hover:shadow-md hover:border-[#C5A059]/30 premium-card overflow-hidden",
        featured ? "border-[#C5A059]/30 shadow-sm" : "border-border",
        isComplete && "border-[#1B5E43]/20 opacity-80",
      )}
    >
      {partsCompleted > 0 && !isComplete && (
        <div className="h-1 bg-muted">
          <div
            className="h-full transition-all"
            style={{
              width: `${progressPercent}%`,
              background: `linear-gradient(to right, ${companion.theme_primary}, ${companion.theme_secondary || companion.theme_primary})`,
            }}
          />
        </div>
      )}
      <div className="p-4 flex items-center gap-4">
        <div
          className="w-14 h-14 rounded-xl flex items-center justify-center shrink-0"
          style={{ backgroundColor: `${companion.theme_primary}15` }}
        >
          <Icon className="w-6 h-6" style={{ color: companion.theme_primary }} />
        </div>
        <div className="flex-1 min-w-0">
          <div className="flex items-center gap-2">
            <h3 className="text-sm font-semibold text-foreground truncate">{companion.name_en}</h3>
            {isComplete && <CheckCircle2 className="w-3.5 h-3.5 text-[#1B5E43] shrink-0" />}
            {progress?.is_bookmarked && <Bookmark className="w-3.5 h-3.5 text-[#C5A059] fill-[#C5A059] shrink-0" />}
          </div>
          <p className="text-xs font-medium" style={{ color: companion.theme_primary }}>
            {companion.title_en}
          </p>
          <div className="flex items-center gap-3 mt-1.5">
            <span className="text-[10px] text-muted-foreground flex items-center gap-1">
              <BookOpen className="w-3 h-3" />
              {companion.total_parts} parts
            </span>
            {companion.estimated_read_time_minutes && (
              <span className="text-[10px] text-muted-foreground flex items-center gap-1">
                <Clock className="w-3 h-3" />
                {companion.estimated_read_time_minutes} min
              </span>
            )}
            {partsCompleted > 0 && !isComplete && (
              <span className="text-[10px] font-medium" style={{ color: companion.theme_primary }}>
                {partsCompleted}/{companion.total_parts} read
              </span>
            )}
          </div>
          {companion.notable_for && companion.notable_for.length > 0 && (
            <div className="flex flex-wrap gap-1 mt-2">
              {companion.notable_for.slice(0, 2).map((tag, i) => (
                <span key={i} className="text-[10px] text-muted-foreground px-2 py-0.5 rounded-full bg-muted">
                  {tag}
                </span>
              ))}
            </div>
          )}
        </div>
        <ChevronRight className="w-4 h-4 text-muted-foreground shrink-0" />
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="app/stories/prophets/[slug]/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useRouter, useParams } from "next/navigation"
import {
  ChevronLeft,
  ChevronRight,
  Share2,
  BookOpen,
  Clock,
  CheckCircle2,
  Quote,
} from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { cn } from "@/lib/utils"

interface Prophet {
  id: string
  slug: string
  name_en: string
  name_ar: string
  title_en: string
  title_ar: string | null
  era: string
  quran_mentions: number
  total_parts: number
  estimated_read_time_minutes: number | null
  theme_primary: string
  theme_secondary: string | null
}

interface StoryPart {
  id: string
  part_number: number
  title_en: string
  title_ar: string | null
  content_en: string
  opening_hook: string | null
  key_lesson: string | null
  historical_context: string | null
  quran_references: { surah: string; ayah: string; text: string }[] | null
  hadith_references: { collection: string; reference: string; text: string }[] | null
  estimated_read_minutes: number | null
}

export default function ProphetStoryPage() {
  const router = useRouter()
  const params = useParams()
  const slug = params.slug as string
  const supabase = getSupabaseBrowserClient()

const [prophet, setProphet] = useState<Prophet | null>(null)
  const [parts, setParts] = useState<StoryPart[]>([])
  const [currentPart, setCurrentPart] = useState(1)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    async function load() {
      const { data: prophetData } = await supabase
        .from("prophets")
        .select("*")
        .eq("slug", slug)
        .single()

if (!prophetData) {
        router.push("/stories")
        return
      }

setProphet(prophetData)

const { data: partsData } = await supabase
        .from("prophet_stories")
        .select("*")
        .eq("prophet_id", prophetData.id)
        .eq("is_published", true)
        .order("part_number", { ascending: true })

if (partsData) setParts(partsData)
      setLoading(false)
    }
    load()
  }, [supabase, slug, router])

const handleNext = () => {
    if (currentPart >= parts.length) return
    setCurrentPart(currentPart + 1)
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

const handlePrev = () => {
    if (currentPart <= 1) return
    setCurrentPart(currentPart - 1)
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

const handleShare = async () => {
    const url = typeof window !== "undefined" ? window.location.href : ""
    const text = `Read the story of Prophet ${prophet?.name_en} on Authentic Hadith`
    if (navigator.share) {
      await navigator.share({ title: prophet?.name_en || "Story", text, url })
    } else {
      await navigator.clipboard.writeText(`${text}\n\n${url}`)
    }
  }

if (loading || !prophet) {
    return (
      <div className="min-h-screen bg-background flex items-center justify-center">
        <div className="w-8 h-8 border-4 border-[#1B5E43] border-t-transparent rounded-full animate-spin" />
      </div>
    )
  }

const part = parts[currentPart - 1]
  const themeColor = prophet.theme_primary || "#1B5E43"

const renderContent = (content: string) => {
    const paragraphs = content.split("\n\n")
    return paragraphs.map((p, i) => {
      const isQuranQuote = /Quran \d+:\d+/.test(p) || /Surah/.test(p)
      const isHadithQuote = p.includes("Prophet") && (p.includes("said:") || p.includes("peace be upon him"))

if (isQuranQuote && (p.includes('"') || p.includes("'"))) {
        return (
          <div
            key={i}
            className="my-6 border-l-4 rounded-r-xl px-5 py-4"
            style={{ borderColor: themeColor, backgroundColor: `${themeColor}08` }}
          >
            <p className="text-base leading-relaxed text-foreground italic">{p}</p>
          </div>
        )
      }

if (isHadithQuote) {
        return (
          <div key={i} className="my-6 border-l-4 border-[#C5A059] rounded-r-xl bg-[#C5A059]/5 px-5 py-4">
            <p className="text-base leading-relaxed text-foreground">{p}</p>
          </div>
        )
      }

return (
        <p key={i} className="text-base leading-[1.8] text-foreground/80 mb-4">
          {p}
        </p>
      )
    })
  }

return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="sticky top-0 z-50 bg-background/95 backdrop-blur-md border-b border-border">
        <div className="max-w-3xl mx-auto px-4 py-3 flex items-center justify-between">
          <div className="flex items-center gap-3">
            <button
              onClick={() => router.push("/stories")}
              className="w-9 h-9 rounded-full bg-muted flex items-center justify-center hover:bg-muted transition-colors"
              aria-label="Back to stories"
            >
              <ChevronLeft className="w-4 h-4 text-foreground/80" />
            </button>
            <div>
              <h1 className="text-sm font-bold text-foreground line-clamp-1">
                Prophet {prophet.name_en}
              </h1>
              <p className="text-[10px] text-muted-foreground">
                Part {currentPart} of {parts.length || prophet.total_parts}
              </p>
            </div>
          </div>
          <button
            onClick={handleShare}
            className="w-9 h-9 rounded-full flex items-center justify-center text-muted-foreground hover:bg-muted transition-colors"
            aria-label="Share story"
          >
            <Share2 className="w-4 h-4" />
          </button>
        </div>

{/* Progress bar */}
        <div className="h-1 bg-muted">
          <div
            className="h-full transition-all duration-500"
            style={{
              width: `${(currentPart / (parts.length || prophet.total_parts)) * 100}%`,
              background: `linear-gradient(to right, ${themeColor}, ${prophet.theme_secondary || themeColor})`,
            }}
          />
        </div>
      </header>

{/* Content */}
      <main className="max-w-3xl mx-auto px-4 sm:px-6 py-8 pb-36">
        {part ? (
          <>
            {/* Part header */}
            <div className="mb-8">
              <div className="flex items-center gap-2 mb-2">
                <span className="text-[10px] font-bold uppercase tracking-widest" style={{ color: themeColor }}>
                  Part {part.part_number}
                </span>
                {prophet.name_ar && (
                  <span className="text-xs text-muted-foreground/50" dir="rtl">{prophet.name_ar}</span>
                )}
              </div>
              <h2 className="text-2xl md:text-3xl font-bold text-foreground leading-tight text-balance mb-2">
                {part.title_en}
              </h2>
              {part.title_ar && (
                <p className="text-lg text-muted-foreground/60 font-serif" dir="rtl">{part.title_ar}</p>
              )}
              <div className="flex items-center gap-3 mt-3">
                {part.estimated_read_minutes && (
                  <span className="text-xs text-muted-foreground flex items-center gap-1.5">
                    <Clock className="w-3.5 h-3.5" />
                    {part.estimated_read_minutes} min read
                  </span>
                )}
                <span className="text-xs text-muted-foreground px-2 py-0.5 rounded-full bg-muted">
                  {prophet.era}
                </span>
                {prophet.quran_mentions > 0 && (
                  <span className="text-xs text-muted-foreground">
                    {prophet.quran_mentions} Quran mentions
                  </span>
                )}
              </div>
            </div>

{/* Opening hook */}
            {part.opening_hook && (
              <div
                className="mb-8 rounded-xl px-5 py-4 border-l-4"
                style={{ borderColor: themeColor, backgroundColor: `${themeColor}08` }}
              >
                <p className="text-lg font-medium italic text-foreground leading-relaxed">{part.opening_hook}</p>
              </div>
            )}

{/* Historical context */}
            {part.historical_context && (
              <div className="mb-6 rounded-lg bg-muted/50 p-4">
                <span className="text-[10px] font-bold uppercase tracking-widest text-muted-foreground">
                  Historical Context
                </span>
                <p className="text-sm text-foreground/70 leading-relaxed mt-1">{part.historical_context}</p>
              </div>
            )}

{/* Main content */}
            <article className="prose-custom">{renderContent(part.content_en)}</article>

{/* Key Lesson */}
            {part.key_lesson && (
              <div className="mt-10 rounded-xl bg-gradient-to-br from-[#1B5E43]/5 to-[#C5A059]/5 border border-[#1B5E43]/10 p-5">
                <div className="flex items-center gap-2 mb-2">
                  <Quote className="w-4 h-4 text-[#1B5E43]" />
                  <span className="text-xs font-bold uppercase tracking-widest text-[#1B5E43]">Key Lesson</span>
                </div>
                <p className="text-base font-medium text-foreground leading-relaxed">{part.key_lesson}</p>
              </div>
            )}

{/* Quran References */}
            {part.quran_references && part.quran_references.length > 0 && (
              <div className="mt-6">
                <h4 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
                  Quran References
                </h4>
                <div className="flex flex-col gap-2">
                  {part.quran_references.map((ref, i) => (
                    <div key={i} className="flex items-start gap-2 text-sm text-muted-foreground">
                      <BookOpen className="w-3.5 h-3.5 shrink-0 mt-0.5" style={{ color: themeColor }} />
                      <span>
                        Surah {ref.surah}:{ref.ayah}
                        {ref.text && <span className="text-foreground/60 ml-1">-- {ref.text}</span>}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            )}

{/* Hadith References */}
            {part.hadith_references && part.hadith_references.length > 0 && (
              <div className="mt-4">
                <h4 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-3">
                  Hadith References
                </h4>
                <div className="flex flex-wrap gap-2">
                  {part.hadith_references.map((ref, i) => (
                    <span
                      key={i}
                      className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-[#C5A059]/10 text-[#8A6E3A] text-[11px] font-medium whitespace-nowrap"
                    >
                      <BookOpen className="w-3 h-3 shrink-0" />
                      {ref.collection} {ref.reference}
                    </span>
                  ))}
                </div>
              </div>
            )}
          </>
        ) : (
          <div className="text-center py-12">
            <BookOpen className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
            <p className="text-muted-foreground">This part is not available yet.</p>
          </div>
        )}
      </main>

{/* Part dots */}
          <div className="flex items-center gap-1.5">
            {Array.from({ length: parts.length || prophet.total_parts }, (_, i) => i + 1).map((num) => (
              <button
                key={num}
                onClick={() => {
                  setCurrentPart(num)
                  window.scrollTo({ top: 0, behavior: "smooth" })
                }}
                className={cn(
                  "w-2.5 h-2.5 rounded-full transition-all",
                  num === currentPart ? "w-6 rounded-full" : "bg-muted",
                )}
                style={
                  num === currentPart
                    ? { background: `linear-gradient(to right, ${themeColor}, ${prophet.theme_secondary || themeColor})` }
                    : undefined
                }
                aria-label={`Go to part ${num}`}
              />
            ))}
          </div>

{currentPart >= parts.length ? (
            <button
              onClick={() => router.push("/stories")}
              className="flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm font-medium text-white transition-all"
              style={{ background: `linear-gradient(to right, ${themeColor}, ${prophet.theme_secondary || themeColor})` }}
            >
              <CheckCircle2 className="w-4 h-4" />
              Done
            </button>
          ) : (
            <button
              onClick={handleNext}
              className="flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm font-medium text-white transition-all"
              style={{ background: `linear-gradient(to right, ${themeColor}, ${prophet.theme_secondary || themeColor})` }}
            >
              Next
              <ChevronRight className="w-4 h-4" />
            </button>
          )}
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/sunnah/page.tsx" isMerged="true"
"use client"

import React from "react"
import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import {
  Heart,
  ChevronLeft,
  ChevronRight,
  Moon,
  Users,
  Home as HomeIcon,
  HandHeart,
  Utensils,
  Clock,
  BookOpen,
  Share2,
  Sparkles,
  Plane,
  Stethoscope,
  Shirt,
  Loader2,
  Sun,
} from "lucide-react"
import { cn } from "@/lib/utils"
import { ShareBanner } from "@/components/share-banner"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"

interface SunnahCategory {
  id: string
  title: string
  title_ar: string
  description: string
  icon: string
  color: string
  bg_color: string
  sort_order: number
  practiceCount: number
}

interface SunnahPractice {
  id: string
  title: string
  description: string
  hadith_ref: string
  collection: string
  category_id: string
  day_of_year: number | null
}

const ICON_MAP: Record<string, React.ComponentType<{ className?: string }>> = {
  Moon,
  HandHeart,
  Home: HomeIcon,
  Users,
  Utensils,
  Clock,
  Plane,
  Stethoscope,
  Shirt,
  BookOpen,
  Sparkles,
  Sun,
}

function getDayOfYear(): number {
  const now = new Date()
  const start = new Date(now.getFullYear(), 0, 0)
  const diff = now.getTime() - start.getTime()
  const oneDay = 1000 * 60 * 60 * 24
  return Math.floor(diff / oneDay)
}

export default function SunnahPage() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const [categories, setCategories] = useState<SunnahCategory[]>([])
  const [practices, setPractices] = useState<SunnahPractice[]>([])
  const [todaySunnah, setTodaySunnah] = useState<SunnahPractice | null>(null)
  const [expandedCategory, setExpandedCategory] = useState<string | null>(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    async function loadData() {
      const [catsRes, practicesRes] = await Promise.all([
        supabase.from("sunnah_categories").select("*").order("sort_order"),
        supabase.from("sunnah_practices").select("*").order("day_of_year"),
      ])

const allPractices: SunnahPractice[] = practicesRes.data || []
      setPractices(allPractices)

// Enrich categories with practice counts
      const cats = (catsRes.data || []).map((cat: any) => ({
        ...cat,
        practiceCount: allPractices.filter((p) => p.category_id === cat.id).length,
      }))
      setCategories(cats)

// Get today's sunnah based on day of year
      const dayOfYear = getDayOfYear()
      const today = allPractices.find((p) => p.day_of_year === dayOfYear)
      setTodaySunnah(today || allPractices[0] || null)

if (cats.length > 0) setExpandedCategory(cats[0].id)
      setLoading(false)
    }
    loadData()
  }, [supabase])

const sharePractice = async (practice: SunnahPractice) => {
    const text = `${practice.title}\n\n"${practice.description}"\n\n-- ${practice.collection || "Hadith"}, ${practice.hadith_ref}\n\nFrom Authentic Hadith`
    const url = typeof window !== "undefined" ? window.location.href : ""
    if (navigator.share) {
      await navigator.share({ title: practice.title, text, url })
    } else {
      await navigator.clipboard.writeText(`${text}\n\n${url}`)
    }
  }

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <Loader2 className="w-8 h-8 animate-spin text-[#C5A059]" />
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-3xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.back()}
            className="w-10 h-10 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div>
            <h1 className="text-lg font-semibold text-foreground">Sunnah Practices</h1>
            <p className="text-xs text-muted-foreground">
              {practices.length} practices across {categories.length} categories
            </p>
          </div>
        </div>
      </header>

{/* Today's Sunnah */}
      {todaySunnah && (
        <section className="max-w-3xl mx-auto px-4 sm:px-6 pt-6">
          <div className="rounded-xl border border-[#C5A059]/30 bg-gradient-to-br from-[#C5A059]/5 to-transparent p-5">
            <div className="flex items-center gap-2 mb-3">
              <Sun className="w-4 h-4 text-[#C5A059]" />
              <span className="text-xs font-bold uppercase tracking-wider text-[#C5A059]">
                {"Today's Sunnah"} -- Day {getDayOfYear()}
              </span>
            </div>
            <h3 className="text-base font-semibold text-foreground mb-2">{todaySunnah.title}</h3>
            <p className="text-sm text-foreground/80 leading-relaxed mb-3">{todaySunnah.description}</p>
            <div className="flex items-center justify-between">
              <div className="flex items-center gap-2">
                <BookOpen className="w-3 h-3 text-muted-foreground" />
                <span className="text-[10px] text-muted-foreground">
                  {todaySunnah.collection || "Hadith"} - {todaySunnah.hadith_ref}
                </span>
              </div>
              <button
                onClick={() => sharePractice(todaySunnah)}
                className="w-8 h-8 rounded-full flex items-center justify-center hover:bg-[#C5A059]/10 transition-colors"
                aria-label="Share today's sunnah"
              >
                <Share2 className="w-3.5 h-3.5 text-[#C5A059]" />
              </button>
            </div>
          </div>
        </section>
      )}

{/* Intro */}
      <section className="max-w-3xl mx-auto px-4 sm:px-6 pt-4 pb-2">
        <div className="premium-card rounded-xl p-4">
          <div className="flex items-start gap-3">
            <div className="w-10 h-10 rounded-lg bg-[#C5A059]/10 flex items-center justify-center shrink-0">
              <Heart className="w-5 h-5 text-[#C5A059]" />
            </div>
            <p className="text-sm text-foreground/80 leading-relaxed">
              Beyond the academic study of hadith, the <strong>Sunnah</strong> is the living tradition --
              the daily acts, habits, and character of the Prophet (peace be upon him) that we can embody today.
            </p>
          </div>
        </div>
      </section>

{/* Categories */}
      <main className="max-w-3xl mx-auto px-4 sm:px-6 py-4 flex flex-col gap-3">
        {categories.map((cat) => {
          const isExpanded = expandedCategory === cat.id
          const Icon = ICON_MAP[cat.icon] || Moon
          const catPractices = practices.filter((p) => p.category_id === cat.id)

return (
            <div
              key={cat.id}
              className={cn(
                "rounded-xl border transition-all overflow-hidden",
                isExpanded ? "border-[#C5A059]/30 shadow-sm" : "border-border",
              )}
            >
              <button
                onClick={() => setExpandedCategory(isExpanded ? null : cat.id)}
                className="w-full p-4 flex items-center gap-4 premium-card text-left"
              >
                <div className={cn("w-11 h-11 rounded-xl flex items-center justify-center shrink-0", cat.bg_color)}>
                  <Icon className={cn("w-5 h-5", cat.color)} />
                </div>
                <div className="flex-1 min-w-0">
                  <div className="flex items-center gap-2">
                    <h3 className="text-sm font-semibold text-foreground">{cat.title}</h3>
                    <span className="text-xs text-muted-foreground/60" dir="rtl">{cat.title_ar}</span>
                  </div>
                  <p className="text-xs text-muted-foreground mt-0.5 line-clamp-1">{cat.description}</p>
                </div>
                <span className="text-[10px] font-medium text-muted-foreground bg-muted px-2 py-0.5 rounded-full shrink-0">
                  {cat.practiceCount}
                </span>
                <ChevronRight
                  className={cn("w-4 h-4 text-muted-foreground transition-transform shrink-0", isExpanded && "rotate-90")}
                />
              </button>

{isExpanded && catPractices.length > 0 && (
                <div className="border-t border-border divide-y divide-border/50">
                  {catPractices.slice(0, 15).map((practice) => (
                    <div key={practice.id} className="p-4">
                      <div className="flex items-start justify-between gap-2">
                        <h4 className="text-sm font-semibold text-foreground mb-1">{practice.title}</h4>
                        <button
                          onClick={() => sharePractice(practice)}
                          className="w-8 h-8 rounded-full flex items-center justify-center hover:bg-[#C5A059]/10 transition-colors shrink-0"
                          aria-label={`Share ${practice.title}`}
                        >
                          <Share2 className="w-3.5 h-3.5 text-[#C5A059]" />
                        </button>
                      </div>
                      <p className="text-xs text-foreground/80 leading-relaxed mb-2">{practice.description}</p>
                      <div className="flex items-center gap-2">
                        <BookOpen className="w-3 h-3 text-muted-foreground" />
                        <span className="text-[10px] text-muted-foreground">
                          {practice.collection || "Hadith"} - {practice.hadith_ref}
                        </span>
                      </div>
                    </div>
                  ))}
                  {catPractices.length > 15 && (
                    <div className="p-3 text-center">
                      <span className="text-xs text-muted-foreground">
                        + {catPractices.length - 15} more practices in this category
                      </span>
                    </div>
                  )}
                </div>
              )}
            </div>
          )
        })}
      </main>

<div className="max-w-3xl mx-auto px-4 sm:px-6 pb-24 md:pb-8">
        <ShareBanner variant="compact" />
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/terms/page.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { ChevronLeft, FileText } from "lucide-react"
import { IslamicPattern } from "@/components/islamic-pattern"

const LAST_UPDATED = "February 17, 2026"

export default function TermsOfServicePage() {
  const router = useRouter()

return (
    <div className="min-h-screen bg-background pb-20 md:pb-0">
      {/* Header */}
      <header className="sticky top-0 z-40 border-b border-border bg-card/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            type="button"
            onClick={() => router.back()}
            className="w-11 h-11 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
            aria-label="Go back"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <h1 className="text-lg font-semibold text-foreground">Terms of Service</h1>
        </div>
      </header>

{/* Hero */}
      <section className="relative overflow-hidden bg-card border-b border-border">
        <IslamicPattern />
        <div className="relative z-10 max-w-3xl mx-auto px-4 sm:px-6 py-12 sm:py-16 text-center">
          <div className="w-16 h-16 mx-auto mb-4 rounded-2xl bg-gradient-to-br from-[#1B5E43] to-[#2D7A5B] flex items-center justify-center">
            <FileText className="w-8 h-8 text-[#E8C77D]" />
          </div>
          <h2 className="font-serif text-3xl sm:text-4xl font-semibold gold-text gold-text-heading mb-3 text-balance">
            Terms of Service
          </h2>
          <p className="text-base text-foreground/70 leading-relaxed max-w-md mx-auto font-sans">
            Please read these terms carefully before using Authentic Hadith.
          </p>
          <p className="text-xs text-muted-foreground mt-3">Last updated: {LAST_UPDATED}</p>
        </div>
      </section>

{/* Content */}
      <main className="max-w-3xl mx-auto px-4 sm:px-6 py-8 sm:py-12 space-y-8">
        <Section title="1. Acceptance of Terms">
          <p>
            By accessing or using the Authentic Hadith application ("the App"), you agree to be bound by these
            Terms of Service. If you do not agree, please do not use the App.
          </p>
        </Section>

<Section title="2. Description of Service">
          <p>
            Authentic Hadith is an educational application that provides access to authenticated hadith collections,
            AI-powered explanations, learning paths, quizzes, and related Islamic educational content. The App is
            available as a web application and an iOS application.
          </p>
        </Section>

<Section title="3. User Accounts">
          <ul className="list-disc pl-5 space-y-1.5">
            <li>You must provide accurate and complete information when creating an account.</li>
            <li>You are responsible for maintaining the security of your account credentials.</li>
            <li>You must be at least 13 years of age to create an account.</li>
            <li>One person may not maintain more than one account.</li>
            <li>We reserve the right to suspend or terminate accounts that violate these terms.</li>
          </ul>
        </Section>

<Section title="4. Subscription Plans and Payments">
          <p><strong>Explorer (Free):</strong> Browse all collections, basic search, 3 AI explanations per day, up to 40 saved hadiths, and 1 quiz per day at no cost.</p>
          <p className="mt-2"><strong>Pro (Paid):</strong> Unlimited AI explanations, advanced search, all learning paths, unlimited saves, and unlimited quizzes. Available as monthly ($9.99/mo), annual ($49.99/yr), or lifetime ($99.99 one-time) plans.</p>
          <ul className="list-disc pl-5 space-y-1.5 mt-3">
            <li>Web subscriptions are processed through Stripe. iOS subscriptions are processed through Apple In-App Purchases.</li>
            <li>Subscriptions auto-renew unless cancelled at least 24 hours before the end of the current billing period.</li>
            <li>You can cancel your subscription at any time through your account settings (web) or through the App Store (iOS).</li>
            <li>Refunds for web purchases are handled on a case-by-case basis. iOS refunds are handled by Apple per their refund policy.</li>
            <li>Prices may change with reasonable notice. Existing subscribers will be notified before any price increase takes effect on their next billing cycle.</li>
          </ul>
        </Section>

<Section title="5. AI Assistant Disclaimer">
          <div className="rounded-lg bg-[#C5A059]/5 border border-[#C5A059]/20 p-4">
            <p className="font-medium text-foreground mb-2">Important:</p>
            <ul className="list-disc pl-5 space-y-1.5">
              <li>The AI assistant is an educational tool only. It does not issue fatwas or religious rulings.</li>
              <li>AI-generated explanations may contain errors. Always verify information with qualified Islamic scholars.</li>
              <li>The AI does not determine what is halal or haram for your specific situation.</li>
              <li>AI responses should not replace consultation with knowledgeable scholars for matters of religious practice.</li>
            </ul>
          </div>
        </Section>

<Section title="6. Acceptable Use">
          <p>You agree not to:</p>
          <ul className="list-disc pl-5 space-y-1.5 mt-2">
            <li>Use the App for any unlawful purpose or in violation of any applicable laws.</li>
            <li>Attempt to reverse-engineer, decompile, or extract source code from the App.</li>
            <li>Scrape, crawl, or use automated means to access the App or its content.</li>
            <li>Share your account credentials with others or allow unauthorized access.</li>
            <li>Upload or transmit malicious content, spam, or harmful material.</li>
            <li>Misrepresent AI-generated content as scholarly rulings or fatwas.</li>
          </ul>
        </Section>

<Section title="7. Intellectual Property">
          <p>
            The hadith texts are sourced from established public-domain Islamic scholarly traditions.
            The App's design, code, AI models, learning content, and original explanatory material are the
            intellectual property of Authentic Hadith and are protected by applicable copyright laws.
            You may share individual hadiths for personal, non-commercial, educational purposes with proper attribution.
          </p>
        </Section>

<Section title="8. Content Accuracy">
          <p>
            We strive to present authentic, properly graded hadiths from recognized collections. However:
          </p>
          <ul className="list-disc pl-5 space-y-1.5 mt-2">
            <li>We do not guarantee the accuracy or completeness of all translations.</li>
            <li>Grading information is provided for reference and may differ between scholars.</li>
            <li>Users should consult qualified scholars for definitive rulings based on hadith content.</li>
          </ul>
        </Section>

<Section title="9. Limitation of Liability">
          <p>
            Authentic Hadith is provided "as is" without warranties of any kind, either express or implied.
            We are not liable for any damages arising from your use of the App, including but not limited to:
            decisions made based on AI-generated content, service interruptions, or data loss.
            Our total liability shall not exceed the amount you paid for the App in the 12 months preceding the claim.
          </p>
        </Section>

<Section title="10. Changes to Terms">
          <p>
            We may modify these Terms at any time. Material changes will be communicated via the App or email.
            Continued use after changes constitutes acceptance. If you disagree with updated terms, you should stop using the App
            and contact us to delete your account.
          </p>
        </Section>

<Section title="11. Governing Law">
          <p>
            These Terms shall be governed by and construed in accordance with applicable laws.
            Any disputes shall be resolved through good-faith negotiation before pursuing formal legal remedies.
          </p>
        </Section>

<Section title="12. Contact">
          <p>
            Questions about these Terms? Contact us at:{" "}
            <a href="mailto:support@authentichadith.app" className="gold-text hover:underline">
              support@authentichadith.app
            </a>
          </p>
        </Section>
      </main>
    </div>
  )
}

function Section({ title, children }: { title: string; children: React.ReactNode }) {
  return (
    <section className="rounded-xl premium-card p-6 sm:p-8">
      <h3 className="text-lg font-semibold text-foreground mb-3">{title}</h3>
      <div className="text-sm text-foreground/80 leading-relaxed space-y-2">{children}</div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="app/today/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import {
  Sun,
  BookOpen,
  Sparkles,
  ChevronRight,
  Bookmark,
  Share2,
  RefreshCw,
} from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { getCleanTranslation, getCollectionDisplayName } from "@/lib/hadith-utils"
import { cn } from "@/lib/utils"
import { ShareBanner } from "@/components/share-banner"

interface Hadith {
  id: string
  arabic_text: string
  english_translation: string
  collection: string
  reference: string
  grade: string
  narrator: string
}

const DAILY_ACTIONS = [
  { text: 'Smile at someone today. The Prophet (peace be upon him) said: "Your smiling in the face of your brother is charity."', ref: "Jami at-Tirmidhi 1956" },
  { text: 'Say "Bismillah" before eating. The Prophet (peace be upon him) said: "When any of you eats, let him mention the name of Allah."', ref: "Sahih Muslim 2017" },
  { text: 'Remove something harmful from the path. The Prophet (peace be upon him) said: "Removing harmful things from the road is an act of charity."', ref: "Sahih Muslim 1009" },
  { text: 'Greet someone you don\'t know with Salam. The Prophet (peace be upon him) was asked: "What is the best Islam?" He said: "Feeding others and greeting those you know and those you do not know."', ref: "Sahih al-Bukhari 12" },
  { text: 'Make du\'a for someone in their absence. The Prophet (peace be upon him) said: "The supplication of a Muslim for his brother in his absence will certainly be answered."', ref: "Sahih Muslim 2733" },
  { text: 'Give water to someone thirsty. The Prophet (peace be upon him) said: "The best charity is giving water to drink."', ref: "Musnad Ahmad 6657" },
  { text: 'Be patient with a difficulty today. The Prophet (peace be upon him) said: "No fatigue, nor disease, nor anxiety... afflicts a Muslim, even if it were the prick of a thorn, but Allah expiates some of his sins for that."', ref: "Sahih al-Bukhari 5641" },
  { text: 'Forgive someone who wronged you. The Prophet (peace be upon him) said: "Be merciful to others and you will receive mercy."', ref: "Musnad Ahmad 7001" },
  { text: 'Visit or call someone who is sick. The Prophet (peace be upon him) said: "When a Muslim visits a sick Muslim in the morning, seventy thousand angels send blessings upon him until evening."', ref: "Jami at-Tirmidhi 969" },
  { text: 'Share a meal with your neighbor. The Prophet (peace be upon him) said: "He is not a believer whose stomach is filled while the neighbour to his side goes hungry."', ref: "Al-Adab Al-Mufrad 112" },
  { text: 'Lower your gaze and guard your modesty. Allah says: "Tell the believing men to lower their gaze and guard their private parts."', ref: "Surah An-Nur 24:30" },
  { text: 'Sit in a gathering of remembrance. The Prophet (peace be upon him) said: "No people sit in a gathering remembering Allah, but the angels surround them."', ref: "Sahih Muslim 2700" },
  { text: 'Help someone carry their load. The Prophet (peace be upon him) said: "Helping a man with his mount, lifting him onto it or helping lift his belongings onto it, is charity."', ref: "Sahih al-Bukhari 2989" },
  { text: 'Recite Surah Al-Kahf (or part of it). The Prophet (peace be upon him) said: "Whoever reads Surah Al-Kahf on Friday will have a light between the two Fridays."', ref: "Sunan an-Nasai 6401" },
]

function getDailyAction(): { text: string; ref: string } {
  const now = new Date()
  const dayOfYear = Math.floor((now.getTime() - new Date(now.getFullYear(), 0, 0).getTime()) / 86400000)
  return DAILY_ACTIONS[dayOfYear % DAILY_ACTIONS.length]
}

export default function TodayPage() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const [hadith, setHadith] = useState<Hadith | null>(null)
  const [sunnah, setSunnah] = useState<{ title: string; description: string; category: string; source_reference: string } | null>(null)
  const [isSaved, setIsSaved] = useState(false)
  const [loading, setLoading] = useState(true)
  const [userId, setUserId] = useState<string | null>(null)

useEffect(() => {
    async function load() {
      try {
        const { data: { user } } = await supabase.auth.getUser()
        if (user) setUserId(user.id)

const res = await fetch("/api/daily-hadith")
        const data = await res.json()
        if (data.hadith) {
          setHadith(data.hadith)
          if (user) {
            const { data: saved } = await supabase
              .from("saved_hadiths")
              .select("id")
              .eq("user_id", user.id)
              .eq("hadith_id", data.hadith.id)
              .maybeSingle()
            setIsSaved(!!saved)
          }
        }
        // Fetch today's sunnah
        const dayOfYear = Math.floor((new Date().getTime() - new Date(new Date().getFullYear(), 0, 0).getTime()) / 86400000)
        const { data: sunnahData } = await supabase
          .from("sunnah_practices")
          .select("title, description, category, source_reference")
          .eq("day_of_year", dayOfYear)
          .single()
        if (sunnahData) setSunnah(sunnahData)
      } catch {
        // Failed to load
      }
      setLoading(false)
    }
    load()
  }, [supabase])

const handleSave = async () => {
    if (!userId || !hadith) return
    if (isSaved) {
      await supabase.from("saved_hadiths").delete().eq("user_id", userId).eq("hadith_id", hadith.id)
    } else {
      await supabase.from("saved_hadiths").insert({ user_id: userId, hadith_id: hadith.id })
    }
    setIsSaved(!isSaved)
  }

const handleShare = async () => {
    if (!hadith) return
    const text = getCleanTranslation(hadith.english_translation)
    if (navigator.share) {
      await navigator.share({ title: "Hadith of the Day", text, url: `${window.location.origin}/hadith/${hadith.id}` })
    } else {
      await navigator.clipboard.writeText(text)
    }
  }

const todayDate = new Date().toLocaleDateString("en-US", {
    weekday: "long",
    year: "numeric",
    month: "long",
    day: "numeric",
  })

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      {/* Header */}
      <header className="border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-3xl mx-auto px-4 sm:px-6 py-6">
          <div className="flex items-center gap-3 mb-1">
            <Sun className="w-6 h-6 text-[#C5A059]" />
            <h1 className="text-xl font-bold text-foreground">Today</h1>
          </div>
          <p className="text-sm text-muted-foreground">{todayDate}</p>
        </div>
      </header>

<main className="max-w-3xl mx-auto px-4 sm:px-6 py-6 flex flex-col gap-6">
        {/* Hadith of the Day */}
        {hadith && (
          <section className="premium-card rounded-xl p-5">
            <div className="flex items-center gap-2 mb-4">
              <Sparkles className="w-4 h-4 text-[#C5A059]" />
              <span className="text-xs font-bold uppercase tracking-wider text-[#C5A059]">Hadith of the Day</span>
            </div>

{/* Arabic */}
            <p className="text-lg leading-loose text-foreground font-serif text-right mb-4" dir="rtl">
              {hadith.arabic_text}
            </p>

{/* English */}
            <p className="text-sm leading-relaxed text-foreground/80 mb-4">
              {getCleanTranslation(hadith.english_translation)}
            </p>

{/* Metadata */}
            <div className="flex flex-wrap items-center gap-2 mb-4">
              <span className={cn(
                "px-2 py-0.5 rounded-full text-[10px] font-bold uppercase",
                hadith.grade === "sahih" ? "bg-[#1B5E43]/10 text-[#1B5E43]" :
                hadith.grade === "hasan" ? "bg-[#C5A059]/10 text-[#C5A059]" :
                "bg-red-50 text-red-600"
              )}>
                {hadith.grade}
              </span>
              <span className="text-xs text-muted-foreground">
                {getCollectionDisplayName(hadith.collection)} - {hadith.reference}
              </span>
            </div>
            {hadith.narrator && (
              <p className="text-xs text-muted-foreground italic mb-4">
                Narrated by {hadith.narrator}
              </p>
            )}

{/* Actions */}
            <div className="flex items-center gap-2 pt-3 border-t border-border">
              <button
                onClick={handleSave}
                className={cn(
                  "flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium transition-colors",
                  isSaved ? "bg-[#C5A059]/10 text-[#C5A059]" : "bg-muted text-muted-foreground hover:bg-muted"
                )}
              >
                <Bookmark className={cn("w-4 h-4", isSaved && "fill-current")} />
                {isSaved ? "Saved" : "Save"}
              </button>
              <button
                onClick={handleShare}
                className="flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium bg-muted text-muted-foreground hover:bg-muted transition-colors"
              >
                <Share2 className="w-4 h-4" />
                Share
              </button>
              <button
                onClick={() => router.push(`/hadith/${hadith.id}`)}
                className="flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium bg-muted text-muted-foreground hover:bg-muted transition-colors ml-auto"
              >
                Read more
                <ChevronRight className="w-3.5 h-3.5" />
              </button>
            </div>
          </section>
        )}

{/* Reflection Prompt */}
        <section className="premium-card rounded-xl p-5">
          <h2 className="text-sm font-bold text-foreground mb-2">Reflection</h2>
          <p className="text-sm text-muted-foreground leading-relaxed mb-3">
            How does today's hadith relate to a challenge you are currently facing? Take a moment to reflect.
          </p>
          <button
            onClick={() => router.push("/reflections")}
            className="text-xs font-medium text-[#C5A059] hover:text-[#8A6E3A] transition-colors flex items-center gap-1"
          >
            Write a reflection
            <ChevronRight className="w-3.5 h-3.5" />
          </button>
        </section>

{/* Today's Sunnah */}
        {sunnah && (
          <section className="premium-card gold-border rounded-xl p-5">
            <div className="flex items-center gap-2 mb-3">
              <Sun className="w-4 h-4 text-[#C5A059]" />
              <span className="text-xs font-bold uppercase tracking-wider text-[#C5A059]">Today's Sunnah</span>
              <span className="ml-auto px-2 py-0.5 rounded-full text-[10px] font-medium bg-[#1B5E43]/10 text-[#1B5E43] capitalize">
                {sunnah.category}
              </span>
            </div>
            <h3 className="font-semibold text-foreground mb-2">{sunnah.title}</h3>
            <p className="text-sm text-muted-foreground leading-relaxed mb-3">{sunnah.description}</p>
            {sunnah.source_reference && (
              <p className="text-[10px] text-muted-foreground/60 italic">{sunnah.source_reference}</p>
            )}
            <button
              onClick={() => router.push("/sunnah")}
              className="mt-3 text-xs font-medium text-[#C5A059] hover:text-[#8A6E3A] transition-colors flex items-center gap-1"
            >
              View all sunnah practices
              <ChevronRight className="w-3.5 h-3.5" />
            </button>
          </section>
        )}

{/* Small Action */}
        <section className="premium-card rounded-xl p-5">
          <h2 className="text-sm font-bold text-foreground mb-2">Today's Small Action</h2>
          <p className="text-sm text-muted-foreground leading-relaxed">
            {getDailyAction().text}
          </p>
          <p className="text-[10px] text-muted-foreground/60 mt-2 italic">{getDailyAction().ref}</p>
        </section>

{/* Quick Links */}
        <div className="grid grid-cols-2 gap-3">
          <button
            onClick={() => router.push("/sunnah")}
            className="premium-card rounded-xl p-4 text-left hover:shadow-md transition-shadow"
          >
            <BookOpen className="w-5 h-5 text-[#1B5E43] mb-2" />
            <p className="text-sm font-semibold text-foreground">Daily Sunnah</p>
            <p className="text-xs text-muted-foreground mt-0.5">Lived practice</p>
          </button>
          <button
            onClick={() => router.push("/stories")}
            className="premium-card rounded-xl p-4 text-left hover:shadow-md transition-shadow"
          >
            <RefreshCw className="w-5 h-5 text-[#C5A059] mb-2" />
            <p className="text-sm font-semibold text-foreground">Stories</p>
            <p className="text-xs text-muted-foreground mt-0.5">The Companions</p>
          </button>
        </div>

{/* Share prompt */}
        <ShareBanner variant="compact" className="mt-6" />
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/topics/[slug]/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter, useParams } from "next/navigation"
import { ChevronLeft, Hash, Loader2, BookOpen } from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { HadithCardCondensed } from "@/components/collections/hadith-card-condensed"
import { cn } from "@/lib/utils"

interface Tag {
  id: string
  slug: string
  name_en: string
  hadith_count: number
}

interface EnrichedHadith {
  id: string
  arabic_text: string
  english_translation: string
  narrator: string
  grade: "sahih" | "hasan" | "daif"
  collection: string
  reference: string
  hadith_number: number
  summary_line?: string
}

export default function CategoryDetailPage() {
  const router = useRouter()
  const params = useParams()
  const slug = params.slug as string
  const supabase = getSupabaseBrowserClient()

const [category, setCategory] = useState<{
    name_en: string
    name_ar: string | null
    description: string | null
    icon: string | null
  } | null>(null)
  const [hadiths, setHadiths] = useState<EnrichedHadith[]>([])
  const [tags, setTags] = useState<Tag[]>([])
  const [activeTag, setActiveTag] = useState<string | null>(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    const fetchData = async () => {
      // Get category
      const { data: cat } = await supabase
        .from("categories")
        .select("id, name_en, name_ar, description, icon")
        .eq("slug", slug)
        .single()

if (!cat) {
        setLoading(false)
        return
      }
      setCategory(cat)

// Get tags for this category
      const { data: catTags } = await supabase
        .from("tags")
        .select("id, slug, name_en")
        .eq("category_id", cat.id)
        .eq("is_active", true)

const tagList = catTags || []
      const tagIds = tagList.map((t: { id: string }) => t.id)

if (tagIds.length === 0) {
        setTags([])
        setHadiths([])
        setLoading(false)
        return
      }

// Count hadiths per tag via hadith_tag_weights
      const { data: weights } = await supabase
        .from("hadith_tag_weights")
        .select("tag_id, hadith_id")
        .in("tag_id", tagIds)

const tagCountMap = new Map<string, number>()
      const allHadithIds = new Set<string>()
      for (const w of weights || []) {
        tagCountMap.set(w.tag_id, (tagCountMap.get(w.tag_id) || 0) + 1)
        allHadithIds.add(w.hadith_id)
      }

const enrichedTags: Tag[] = tagList.map((t: any) => ({
        ...t,
        hadith_count: tagCountMap.get(t.id) || 0,
      }))
      enrichedTags.sort((a, b) => b.hadith_count - a.hadith_count)
      setTags(enrichedTags)

// Load hadiths from all tags in this category
      const hadithIdArr = [...allHadithIds].slice(0, 50)
      if (hadithIdArr.length > 0) {
        const { data: hadithData } = await supabase
          .from("hadiths")
          .select("id, arabic_text, english_translation, narrator, grade, collection, reference, hadith_number")
          .in("id", hadithIdArr)

setHadiths(hadithData || [])
      }

setLoading(false)
    }
    fetchData()
  }, [supabase, slug])

// Filter by specific tag
  useEffect(() => {
    if (!activeTag || !category) return

const filterByTag = async () => {
      setLoading(true)
      const { data: weightedIds } = await supabase
        .from("hadith_tag_weights")
        .select("hadith_id")
        .eq("tag_id", activeTag)
        .order("weight", { ascending: false })
        .limit(50)

const ids = (weightedIds || []).map((w: { hadith_id: string }) => w.hadith_id)
      if (ids.length > 0) {
        const { data: hadithData } = await supabase
          .from("hadiths")
          .select("id, arabic_text, english_translation, narrator, grade, collection, reference, hadith_number")
          .in("id", ids)
        setHadiths(hadithData || [])
      } else {
        setHadiths([])
      }
      setLoading(false)
    }
    filterByTag()
  }, [activeTag, supabase, category])

// Reset to all hadiths when clearing tag
  const clearTagFilter = () => {
    setActiveTag(null)
    // Re-trigger the main fetch by forcing a re-render
    setLoading(true)
    const refetch = async () => {
      const { data: cat } = await supabase
        .from("categories")
        .select("id")
        .eq("slug", slug)
        .single()
      if (!cat) { setLoading(false); return }

const { data: catTags } = await supabase
        .from("tags")
        .select("id")
        .eq("category_id", cat.id)
        .eq("is_active", true)

const tagIds = (catTags || []).map((t: { id: string }) => t.id)
      if (tagIds.length === 0) { setHadiths([]); setLoading(false); return }

const { data: weights } = await supabase
        .from("hadith_tag_weights")
        .select("hadith_id")
        .in("tag_id", tagIds)

const ids = [...new Set((weights || []).map((w: { hadith_id: string }) => w.hadith_id))].slice(0, 50)
      if (ids.length > 0) {
        const { data: hadithData } = await supabase
          .from("hadiths")
          .select("id, arabic_text, english_translation, narrator, grade, collection, reference, hadith_number")
          .in("id", ids)
        setHadiths(hadithData || [])
      } else {
        setHadiths([])
      }
      setLoading(false)
    }
    refetch()
  }

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <Loader2 className="w-8 h-8 animate-spin text-[#C5A059]" />
      </div>
    )
  }

if (!category) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <div className="text-center">
          <BookOpen className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
          <p className="text-muted-foreground">Category not found</p>
          <button onClick={() => router.push("/topics")} className="mt-4 px-4 py-2 rounded-lg gold-button text-sm">
            Back to Topics
          </button>
        </div>
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      <header className="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.push("/topics")}
            className="w-10 h-10 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
            aria-label="Back to topics"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div className="flex items-center gap-3">
            {category.icon && <span className="text-2xl">{category.icon}</span>}
            <div>
              <h1 className="text-lg font-bold text-foreground">{category.name_en}</h1>
              <p className="text-xs text-muted-foreground">{hadiths.length} hadiths</p>
            </div>
          </div>
        </div>
      </header>

<main className="max-w-4xl mx-auto px-4 sm:px-6 py-6 space-y-6">
        {category.description && (
          <p className="text-sm text-muted-foreground leading-relaxed">{category.description}</p>
        )}

{/* Tag Filters */}
        {tags.length > 0 && (
          <div className="flex flex-wrap gap-2">
            <button
              onClick={clearTagFilter}
              className={cn(
                "px-3 py-1.5 rounded-full text-xs font-medium transition-colors",
                !activeTag
                  ? "bg-[#1B5E43] text-white"
                  : "bg-card border border-border text-muted-foreground hover:border-[#1B5E43]",
              )}
            >
              All
            </button>
            {tags.filter((t) => t.hadith_count > 0).map((tag) => (
              <button
                key={tag.id}
                onClick={() => setActiveTag(tag.id === activeTag ? null : tag.id)}
                className={cn(
                  "flex items-center gap-1 px-3 py-1.5 rounded-full text-xs font-medium transition-colors",
                  tag.id === activeTag
                    ? "bg-[#C5A059] text-white"
                    : "bg-card border border-border text-muted-foreground hover:border-[#C5A059]",
                )}
              >
                <Hash className="w-3 h-3" />
                {tag.name_en}
                <span className="text-[10px] opacity-60 ml-0.5">({tag.hadith_count})</span>
              </button>
            ))}
          </div>
        )}

{/* Hadith List */}
        {hadiths.length === 0 ? (
          <div className="premium-card rounded-xl p-8 text-center">
            <BookOpen className="w-10 h-10 mx-auto mb-3 text-muted-foreground/40" />
            <p className="text-muted-foreground">No hadiths tagged in this category yet.</p>
          </div>
        ) : (
          <div className="space-y-3">
            {hadiths.map((hadith, idx) => (
              <HadithCardCondensed
                key={hadith.id}
                hadith={hadith}
                referenceNumber={idx + 1}
                collectionName={hadith.collection}
              />
            ))}
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/topics/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import {
  ChevronLeft,
  ChevronRight,
  BookOpen,
  Hash,
  Loader2,
  type LucideIcon,
  // Category icons
  Landmark,
  Moon,
  HandCoins,
  MapPin,
  Heart,
  Shield,
  Sparkles,
  Droplets,
  Star,
  Users,
  Sun,
  Briefcase,
  BookOpenCheck,
  Megaphone,
  Scale,
  GraduationCap,
  Sword,
  Scroll,
  Flame,
  CircleDot,
  Cloud,
  AlertTriangle,
  Swords,
  Hand,
} from "lucide-react"

const ICON_MAP: Record<string, LucideIcon> = {
  // PascalCase variants
  Mosque: Landmark,
  Landmark: Landmark,
  Moon: Moon,
  HandCoins: HandCoins,
  MapPin: MapPin,
  Heart: Heart,
  Shield: Shield,
  Sparkles: Sparkles,
  BookOpen: BookOpen,
  Droplets: Droplets,
  Star: Star,
  Users: Users,
  Sun: Sun,
  Briefcase: Briefcase,
  BookOpenCheck: BookOpenCheck,
  Megaphone: Megaphone,
  Scale: Scale,
  GraduationCap: GraduationCap,
  Sword: Sword,
  Swords: Swords,
  Scroll: Scroll,
  Flame: Flame,
  CircleDot: CircleDot,
  Cloud: Cloud,
  AlertTriangle: AlertTriangle,
  Hand: Hand,
  Book: BookOpen,
  // kebab-case variants (from DB seed data)
  "mosque": Landmark,
  "landmark": Landmark,
  "moon": Moon,
  "hand-coins": HandCoins,
  "map-pin": MapPin,
  "heart": Heart,
  "shield": Shield,
  "sparkles": Sparkles,
  "book-open": BookOpen,
  "book": BookOpen,
  "droplets": Droplets,
  "star": Star,
  "users": Users,
  "sun": Sun,
  "briefcase": Briefcase,
  "book-open-check": BookOpenCheck,
  "megaphone": Megaphone,
  "scale": Scale,
  "graduation-cap": GraduationCap,
  "sword": Sword,
  "swords": Swords,
  "scroll": Scroll,
  "flame": Flame,
  "circle-dot": CircleDot,
  "cloud": Cloud,
  "alert-triangle": AlertTriangle,
  "hand": Hand,
}

function CategoryIcon({ name, className }: { name: string | null; className?: string }) {
  if (!name) return <BookOpen className={className} />
  const IconComponent = ICON_MAP[name] || ICON_MAP[name.toLowerCase()]
  if (IconComponent) {
    return <IconComponent className={className} />
  }
  return <BookOpen className={className} />
}
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { cn } from "@/lib/utils"

interface Category {
  id: string
  slug: string
  name_en: string
  name_ar: string | null
  description: string | null
  icon: string | null
  display_order: number
  tag_count: number
  hadith_count: number
}

interface Tag {
  id: string
  slug: string
  name_en: string
  name_ar: string | null
  category_id: string | null
  hadith_count: number
}

const CATEGORY_COLORS: Record<string, { bg: string; border: string; text: string; icon: string }> = {
  worship: { bg: "bg-emerald-900/10", border: "border-emerald-700/30", text: "text-emerald-800 dark:text-emerald-300", icon: "text-emerald-600" },
  fasting: { bg: "bg-indigo-900/10", border: "border-indigo-700/30", text: "text-indigo-800 dark:text-indigo-300", icon: "text-indigo-600" },
  zakat: { bg: "bg-purple-900/10", border: "border-purple-700/30", text: "text-purple-800 dark:text-purple-300", icon: "text-purple-600" },
  hajj: { bg: "bg-orange-900/10", border: "border-orange-700/30", text: "text-orange-800 dark:text-orange-300", icon: "text-orange-600" },
  character: { bg: "bg-amber-900/10", border: "border-amber-700/30", text: "text-amber-800 dark:text-amber-300", icon: "text-amber-600" },
  faith: { bg: "bg-blue-900/10", border: "border-blue-700/30", text: "text-blue-800 dark:text-blue-300", icon: "text-blue-600" },
  dhikr: { bg: "bg-cyan-900/10", border: "border-cyan-700/30", text: "text-cyan-800 dark:text-cyan-300", icon: "text-cyan-600" },
  quran: { bg: "bg-green-900/10", border: "border-green-700/30", text: "text-green-800 dark:text-green-300", icon: "text-green-600" },
  purification: { bg: "bg-teal-900/10", border: "border-teal-700/30", text: "text-teal-800 dark:text-teal-300", icon: "text-teal-600" },
  "sunnah-acts": { bg: "bg-orange-900/10", border: "border-orange-700/30", text: "text-orange-800 dark:text-orange-300", icon: "text-orange-600" },
  family: { bg: "bg-rose-900/10", border: "border-rose-700/30", text: "text-rose-800 dark:text-rose-300", icon: "text-rose-600" },
  "daily-life": { bg: "bg-sky-900/10", border: "border-sky-700/30", text: "text-sky-800 dark:text-sky-300", icon: "text-sky-600" },
  business: { bg: "bg-stone-900/10", border: "border-stone-700/30", text: "text-stone-800 dark:text-stone-300", icon: "text-stone-600" },
  knowledge: { bg: "bg-emerald-900/10", border: "border-emerald-700/30", text: "text-emerald-800 dark:text-emerald-300", icon: "text-emerald-600" },
  dawah: { bg: "bg-pink-900/10", border: "border-pink-700/30", text: "text-pink-800 dark:text-pink-300", icon: "text-pink-600" },
  community: { bg: "bg-blue-900/10", border: "border-blue-700/30", text: "text-blue-800 dark:text-blue-300", icon: "text-blue-600" },
  warfare: { bg: "bg-slate-900/10", border: "border-slate-700/30", text: "text-slate-800 dark:text-slate-300", icon: "text-slate-600" },
  history: { bg: "bg-amber-900/10", border: "border-amber-700/30", text: "text-amber-800 dark:text-amber-300", icon: "text-amber-600" },
  afterlife: { bg: "bg-slate-900/10", border: "border-slate-700/30", text: "text-slate-800 dark:text-slate-300", icon: "text-slate-600" },
  fitna: { bg: "bg-red-900/10", border: "border-red-700/30", text: "text-red-800 dark:text-red-300", icon: "text-red-600" },
}

const DEFAULT_COLOR = { bg: "bg-muted", border: "border-border", text: "text-foreground", icon: "text-muted-foreground" }

export default function TopicsPage() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()
  const [categories, setCategories] = useState<Category[]>([])
  const [tags, setTags] = useState<Tag[]>([])
  const [loading, setLoading] = useState(true)
  const [expandedCategory, setExpandedCategory] = useState<string | null>(null)

useEffect(() => {
    const fetchData = async () => {
      // Fetch categories with pre-computed hadith_count
      const { data: cats } = await supabase
        .from("categories")
        .select("*")
        .eq("is_active", true)
        .order("display_order")

// Fetch tags
      const { data: tgs } = await supabase
        .from("tags")
        .select("id, slug, name_en, name_ar, category_id")
        .eq("is_active", true)

// Use RPC for efficient server-side tag counts (avoids 1000-row pagination limit)
      const { data: tagCounts } = await supabase.rpc("get_tag_hadith_counts")

// Build count map: tag_id -> count
      const tagCountMap = new Map<string, number>()
      for (const tc of tagCounts || []) {
        tagCountMap.set(tc.tag_id, Number(tc.hadith_count) || 0)
      }

// Enrich tags with hadith counts
      const enrichedTags: Tag[] = (tgs || []).map((t: any) => ({
        ...t,
        hadith_count: tagCountMap.get(t.id) || 0,
      }))
      // Sort by hadith count descending
      enrichedTags.sort((a, b) => b.hadith_count - a.hadith_count)
      setTags(enrichedTags)

// Categories already have hadith_count from the DB
      const enrichedCats: Category[] = (cats || []).map((c: any) => {
        const catTags = enrichedTags.filter((t) => t.category_id === c.id)
        return {
          ...c,
          tag_count: catTags.length,
          hadith_count: c.hadith_count || catTags.reduce((sum: number, t: Tag) => sum + t.hadith_count, 0),
        }
      })

setCategories(enrichedCats)
      setLoading(false)
    }
    fetchData()
  }, [supabase])

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <Loader2 className="w-8 h-8 animate-spin text-[#C5A059]" />
      </div>
    )
  }

const totalHadiths = categories.reduce((sum, c) => sum + c.hadith_count, 0)

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      <header className="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.back()}
            className="w-10 h-10 rounded-full bg-background border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
            aria-label="Go back"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div>
            <h1 className="text-lg font-bold text-foreground">Browse by Topic</h1>
            <p className="text-xs text-muted-foreground">
              {totalHadiths.toLocaleString()} tagged hadiths across {categories.length} categories
            </p>
          </div>
        </div>
      </header>

<main className="max-w-4xl mx-auto px-4 sm:px-6 py-6 space-y-6">
        {/* Popular Tags */}
        <section>
          <h2 className="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-4">
            Popular Tags
          </h2>
          <div className="flex flex-wrap gap-2">
            {tags
              .filter((t) => t.hadith_count > 0)
              .slice(0, 24)
              .map((tag) => (
                <button
                  key={tag.id}
                  onClick={() => router.push(`/topics/tag/${tag.slug}`)}
                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium bg-card border border-border hover:border-[#C5A059] hover:text-[#8A6E3A] transition-colors"
                >
                  <Hash className="w-3.5 h-3.5 text-[#C5A059]" />
                  {tag.name_en}
                  <span className="text-xs text-muted-foreground">({tag.hadith_count})</span>
                </button>
              ))}
          </div>
        </section>

{/* Categories Grid */}
        <section>
          <h2 className="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-4">
            Categories
          </h2>
          <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
            {categories.map((cat) => {
              const colors = CATEGORY_COLORS[cat.slug] || DEFAULT_COLOR
              const isExpanded = expandedCategory === cat.id
              const catTags = tags.filter((t) => t.category_id === cat.id && t.hadith_count > 0)

return (
                <div key={cat.id} className={cn("rounded-xl border overflow-hidden transition-all", colors.border, colors.bg)}>
                  <button
                    onClick={() => setExpandedCategory(isExpanded ? null : cat.id)}
                    className="w-full p-4 flex items-center gap-4 text-left"
                  >
                    <div className={cn("w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0", colors.bg)}>
                      <CategoryIcon name={cat.icon} className={cn("w-6 h-6", colors.icon)} />
                    </div>
                    <div className="flex-1 min-w-0">
                      <h3 className={cn("font-semibold text-sm", colors.text)}>{cat.name_en}</h3>
                      {cat.name_ar && (
                        <p className="text-xs text-muted-foreground" dir="rtl">{cat.name_ar}</p>
                      )}
                      <p className="text-xs text-muted-foreground mt-0.5 line-clamp-1">{cat.description}</p>
                    </div>
                    <div className="text-right flex-shrink-0">
                      <p className={cn("text-lg font-bold", colors.text)}>{cat.hadith_count}</p>
                      <p className="text-[10px] text-muted-foreground">hadiths</p>
                    </div>
                    <ChevronRight className={cn("w-5 h-5 flex-shrink-0 transition-transform", colors.icon, isExpanded && "rotate-90")} />
                  </button>

{isExpanded && catTags.length > 0 && (
                    <div className="px-4 pb-4 border-t border-border/30 pt-3">
                      <div className="flex flex-wrap gap-1.5">
                        {catTags.map((tag) => (
                          <button
                            key={tag.id}
                            onClick={() => router.push(`/topics/tag/${tag.slug}`)}
                            className="flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-card/70 border border-border/50 hover:border-[#C5A059] hover:text-[#8A6E3A] transition-colors"
                          >
                            <Hash className="w-3 h-3" />
                            {tag.name_en}
                            <span className="text-[10px] text-muted-foreground ml-0.5">({tag.hadith_count})</span>
                          </button>
                        ))}
                      </div>
                    </div>
                  )}

{isExpanded && catTags.length === 0 && (
                    <div className="px-4 pb-4 border-t border-border/30 pt-3">
                      <p className="text-xs text-muted-foreground">No tagged hadiths in this category yet.</p>
                    </div>
                  )}
                </div>
              )
            })}
          </div>
        </section>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/topics/tag/[slug]/page.tsx" isMerged="true"
"use client"

import { HadithCardCondensed } from "@/components/collections/hadith-card-condensed"

export default function TagDetailPage() {
  const router = useRouter()
  const params = useParams()
  const slug = params.slug as string
  const supabase = getSupabaseBrowserClient()

const [tag, setTag] = useState<{ name_en: string; name_ar: string | null; usage_count: number } | null>(null)
  const [hadiths, setHadiths] = useState<EnrichedHadith[]>([])
  const [loading, setLoading] = useState(true)

useEffect(() => {
    const fetchData = async () => {
      const { data: tagData } = await supabase
        .from("tags")
        .select("id, name_en, name_ar, usage_count")
        .eq("slug", slug)
        .single()

if (!tagData) {
        setLoading(false)
        return
      }
      setTag(tagData)

// Get hadith IDs from hadith_tag_weights (primary) and hadith_tags (fallback)
      const { data: weightedRows } = await supabase
        .from("hadith_tag_weights")
        .select("hadith_id")
        .eq("tag_id", tagData.id)
        .order("weight", { ascending: false })
        .limit(50)

let hadithIds = (weightedRows || []).map((t: { hadith_id: string }) => t.hadith_id)

// Fall back to hadith_tags if no weighted results
      if (hadithIds.length === 0) {
        const { data: taggedRows } = await supabase
          .from("hadith_tags")
          .select("hadith_id")
          .eq("tag_id", tagData.id)
          .eq("status", "published")
          .limit(50)
        hadithIds = (taggedRows || []).map((t: { hadith_id: string }) => t.hadith_id)
      }

if (hadithIds.length > 0) {

const { data: hadithData } = await supabase
          .from("hadiths")
          .select("id, arabic_text, english_translation, narrator, grade, collection, reference, hadith_number")
          .in("id", hadithIds)

// Get summaries
        const { data: enrichments } = await supabase
          .from("hadith_enrichment")
          .select("hadith_id, summary_line")
          .in("hadith_id", hadithIds)
          .eq("status", "published")

const summaryMap = new Map((enrichments || []).map((e: { hadith_id: string; summary_line: string }) => [e.hadith_id, e.summary_line]))
        setHadiths(
          (hadithData || []).map((h: EnrichedHadith) => ({
            ...h,
            summary_line: summaryMap.get(h.id) || undefined,
          })),
        )
      }

setLoading(false)
    }
    fetchData()
  }, [supabase, slug])

if (loading) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <Loader2 className="w-8 h-8 animate-spin text-[#C5A059]" />
      </div>
    )
  }

if (!tag) {
    return (
      <div className="min-h-screen marble-bg flex items-center justify-center">
        <div className="text-center">
          <BookOpen className="w-12 h-12 mx-auto mb-4 text-muted-foreground/40" />
          <p className="text-muted-foreground">Tag not found</p>
          <button onClick={() => router.push("/topics")} className="mt-4 px-4 py-2 rounded-lg gold-button text-sm">
            Back to Topics
          </button>
        </div>
      </div>
    )
  }

return (
    <div className="min-h-screen marble-bg pb-20 md:pb-0">
      <header className="sticky top-0 z-40 border-b border-border bg-muted/95 backdrop-blur-sm">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center gap-4">
          <button
            onClick={() => router.back()}
            className="w-10 h-10 rounded-full bg-muted border border-border flex items-center justify-center hover:border-[#C5A059] transition-colors"
          >
            <ChevronLeft className="w-5 h-5 text-muted-foreground" />
          </button>
          <div className="flex items-center gap-2">
            <Hash className="w-5 h-5 text-[#C5A059]" />
            <div>
              <h1 className="text-lg font-bold text-foreground">{tag.name_en}</h1>
              <p className="text-xs text-muted-foreground">{hadiths.length} hadiths</p>
            </div>
          </div>
        </div>
      </header>

<main className="max-w-4xl mx-auto px-4 sm:px-6 py-6 space-y-3">
        {hadiths.length === 0 ? (
          <div className="premium-card rounded-xl p-8 text-center">
            <BookOpen className="w-10 h-10 mx-auto mb-3 text-muted-foreground/40" />
            <p className="text-muted-foreground">No published hadiths with this tag yet.</p>
          </div>
        ) : (
          hadiths.map((hadith, idx) => (
            <div key={hadith.id} className="space-y-1">
              {hadith.summary_line && (
                <p className="text-xs font-medium text-[#C5A059] px-1">{hadith.summary_line}</p>
              )}
              <HadithCardCondensed
                hadith={hadith}
                referenceNumber={idx + 1}
                collectionName={hadith.collection}
              />
            </div>
          ))
        )}
      </main>

</div>
  )
}
[V0_FILE]json:file="components.json" isMerged="true"
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "iconLibrary": "lucide"
}
[V0_FILE]typescriptreact:file="components/auth-form.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Input } from "@/components/ui/input"
import { Eye, EyeOff, Loader2, Mail, Lock, User } from "lucide-react"

type AuthMode = "signin" | "signup" | "forgot"

const OAUTH_ENABLED = process.env.NEXT_PUBLIC_OAUTH_ENABLED === "true"

export function AuthForm() {
  const [mode, setMode] = useState<AuthMode>("signin")
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [fullName, setFullName] = useState("")
  const [showPassword, setShowPassword] = useState(false)
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [message, setMessage] = useState<string | null>(null)
  const router = useRouter()
  const searchParams = useSearchParams()
  const rawRedirect = searchParams.get("redirect")
  const redirectTo = rawRedirect ? decodeURIComponent(rawRedirect) : null

const handleSignIn = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

const supabase = getSupabaseBrowserClient()
    const { data, error } = await supabase.auth.signInWithPassword({
      email,
      password,
    })

if (error) {
      setError(error.message)
      setLoading(false)
      return
    }

// Ensure profile exists
    if (data?.user) {
      const { data: existingProfile } = await supabase
        .from("profiles")
        .select("id")
        .eq("user_id", data.user.id)
        .single()

if (!existingProfile) {
        const { error: profileErr } = await supabase.from("profiles").insert({
          user_id: data.user.id,
          name: data.user.user_metadata?.full_name || data.user.user_metadata?.name || null,
          avatar_url: data.user.user_metadata?.avatar_url || null,
          role: "user",
          subscription_tier: "free",
          subscription_status: "none",
        })
        // Profile create error is non-fatal
      }

// Check if user has completed onboarding
      const { data: prefs } = await supabase
        .from("user_preferences")
        .select("onboarded")
        .eq("user_id", data.user.id)
        .single()

if (prefs?.onboarded) {
        document.cookie = "qbos_onboarded=1; path=/; max-age=31536000; SameSite=Lax"
        document.cookie = "qbos_safety_agreed=1; path=/; max-age=31536000; SameSite=Lax"
        router.push(redirectTo || "/home")
      } else {
        const onboardingUrl = redirectTo
          ? `/onboarding?redirect=${encodeURIComponent(redirectTo)}`
          : "/onboarding"
        router.push(onboardingUrl)
      }
    } else {
      router.push(redirectTo || "/home")
    }
    router.refresh()
  }

const handleSignUp = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

const supabase = getSupabaseBrowserClient()
    const { data, error } = await supabase.auth.signUp({
      email,
      password,
      options: {
        emailRedirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/auth/callback`,
        data: {
          full_name: fullName,
        },
      },
    })

if (error) {
      setError(error.message)
      setLoading(false)
      return
    }

// If email confirmation is disabled in Supabase, the user gets a session immediately
    if (data?.session) {
      // Pass the redirect through onboarding so user ends up at pricing after
      const onboardingUrl = redirectTo
        ? `/onboarding?redirect=${encodeURIComponent(redirectTo)}`
        : "/onboarding"
      router.push(onboardingUrl)
      router.refresh()
      return
    }

// If email confirmation is enabled but the user already exists (identities is empty),
    // Supabase returns a fake success -- tell the user to sign in instead
    if (data?.user?.identities?.length === 0) {
      setError("An account with this email already exists. Please sign in instead.")
      setLoading(false)
      return
    }

// Email confirmation is enabled -- session is null, user needs to confirm
    setMessage("Account created! Please check your email (including spam/junk folder) to confirm your account, then sign in.")
    setLoading(false)
  }

const handleOAuthSignIn = async (provider: "google" | "apple") => {
    setLoading(true)
    setError(null)

try {
      const supabase = getSupabaseBrowserClient()
      const { error } = await supabase.auth.signInWithOAuth({
        provider,
        options: {
          redirectTo:
            process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL ||
            `${window.location.origin}/auth/callback`,
        },
      })

if (error) {
        if (error.message.includes("provider is not enabled") || error.message.includes("unsupported")) {
          setError(`Sign in with ${provider === "google" ? "Google" : "Apple"} is not available yet. Please use email and password.`)
        } else {
          setError(error.message)
        }
        setLoading(false)
      }
    } catch {
      setError(`Sign in with ${provider === "google" ? "Google" : "Apple"} is not available yet. Please use email and password.`)
      setLoading(false)
    }
  }

const handleForgotPassword = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

const supabase = getSupabaseBrowserClient()
    const { error } = await supabase.auth.resetPasswordForEmail(email, {
      redirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/reset-password`,
    })

if (error) {
      setError(error.message)
    } else {
      setMessage("Password reset link sent to your email.")
    }
    setLoading(false)
  }

return (
    <div className="w-full">
      {mode !== "forgot" && (
        <div className="flex mb-8 relative">
          <button
            type="button"
            onClick={() => {
              setMode("signin")
              setError(null)
              setMessage(null)
            }}
            className={`flex-1 pb-3 text-sm font-semibold tracking-[0.1em] uppercase transition-colors ${
              mode === "signin" ? "text-foreground" : "text-muted-foreground hover:text-foreground"
            }`}
          >
            Sign In
          </button>
          <button
            type="button"
            onClick={() => {
              setMode("signup")
              setError(null)
              setMessage(null)
            }}
            className={`flex-1 pb-3 text-sm font-semibold tracking-[0.1em] uppercase transition-colors ${
              mode === "signup" ? "text-foreground" : "text-muted-foreground hover:text-foreground"
            }`}
          >
            Sign Up
          </button>
          {/* Gold indicator line */}
          <div
            className="absolute bottom-0 h-[3px] gold-tab-indicator rounded-full transition-all duration-300"
            style={{
              width: "50%",
              left: mode === "signin" ? "0%" : "50%",
            }}
          />
        </div>
      )}

{/* Forgot Password Header */}
      {mode === "forgot" && (
        <div className="text-center mb-6">
          <h2 className="text-lg font-semibold text-foreground tracking-wide">Reset Password</h2>
          <p className="text-sm text-muted-foreground mt-1">Enter your email to receive a reset link</p>
        </div>
      )}

{/* Form */}
      <form
        onSubmit={mode === "signin" ? handleSignIn : mode === "signup" ? handleSignUp : handleForgotPassword}
        className="space-y-5"
      >
        {/* Full Name - only for signup */}
        {mode === "signup" && (
          <div className="space-y-2">
            <label htmlFor="fullName" className="text-sm font-medium text-foreground">
              Full Name
            </label>
            <div className="relative">
              <User className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
              <Input
                id="fullName"
                type="text"
                placeholder="Enter your full name"
                value={fullName}
                onChange={(e) => setFullName(e.target.value)}
                className="pl-10 h-12 premium-input rounded-md"
                required
              />
            </div>
          </div>
        )}

{/* Email */}
        <div className="space-y-2">
          <label htmlFor="email" className="text-sm font-medium text-foreground">
            Email Address
          </label>
          <div className="relative">
            <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
            <Input
              id="email"
              type="email"
              placeholder="Enter your email"
              value={email}
              onChange={(e) => setEmail(e.target.value)}
              className="pl-10 h-12 premium-input rounded-md"
              required
            />
          </div>
        </div>

{/* Password - not for forgot */}
        {mode !== "forgot" && (
          <div className="space-y-2">
            <label htmlFor="password" className="text-sm font-medium text-foreground">
              Password
            </label>
            <div className="relative">
              <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
              <Input
                id="password"
                type={showPassword ? "text" : "password"}
                placeholder="Enter your password"
                value={password}
                onChange={(e) => setPassword(e.target.value)}
                className="pl-10 pr-10 h-12 premium-input rounded-md"
                required
                minLength={6}
              />
              <button
                type="button"
                onClick={() => setShowPassword(!showPassword)}
                className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors"
              >
                {showPassword ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
              </button>
            </div>
          </div>
        )}

{/* Forgot Password Link */}
        {mode === "signin" && (
          <div className="flex justify-end">
            <button
              type="button"
              onClick={() => {
                setMode("forgot")
                setError(null)
                setMessage(null)
              }}
              className="text-sm gold-text hover:opacity-80 transition-opacity font-medium"
            >
              Forgot Password?
            </button>
          </div>
        )}

{/* Error Message */}
        {error && (
          <div className="p-3 rounded-md bg-destructive/10 border border-destructive/20 text-destructive text-sm">
            {error}
          </div>
        )}

{/* Success Message */}
        {message && (
          <div className="p-3 rounded-md bg-[#1B5E43]/10 border border-[#1B5E43]/20 text-[#1B5E43] text-sm">
            {message}
          </div>
        )}

{/* Submit Button */}
        <button
          type="submit"
          disabled={loading}
          className="w-full h-12 gold-button rounded-md flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
        >
          {loading ? (
            <Loader2 className="h-5 w-5 animate-spin" />
          ) : (
            <>
              {mode === "signin" && "SIGN IN"}
              {mode === "signup" && "CREATE ACCOUNT"}
              {mode === "forgot" && "SEND RESET LINK"}
            </>
          )}
        </button>
      </form>

{/* Divider */}
      {mode !== "forgot" && OAUTH_ENABLED && (
        <div className="relative my-8">
          <div className="gold-divider" />
          <div className="absolute inset-0 flex items-center justify-center">
            <span className="bg-card px-4 text-xs text-muted-foreground tracking-wider uppercase">
              or continue with
            </span>
          </div>
        </div>
      )}

{/* Social Login Buttons -- only shown when OAuth providers are configured */}
      {mode !== "forgot" && OAUTH_ENABLED && (
        <div className="grid grid-cols-2 gap-3">
          <button
            type="button"
            onClick={() => handleOAuthSignIn("google")}
            disabled={loading}
            className="h-11 flex items-center justify-center gap-2 rounded-md border border-border bg-card hover:bg-muted transition-colors text-sm font-medium text-foreground disabled:opacity-50 disabled:cursor-not-allowed"
          >
            <svg className="w-5 h-5" viewBox="0 0 24 24">
              <path
                fill="#4285F4"
                d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
              />
              <path
                fill="#34A853"
                d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
              />
              <path
                fill="#FBBC05"
                d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
              />
              <path
                fill="#EA4335"
                d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
              />
            </svg>
            Google
          </button>
          <button
            type="button"
            onClick={() => handleOAuthSignIn("apple")}
            disabled={loading}
            className="h-11 flex items-center justify-center gap-2 rounded-md bg-black hover:bg-black/90 transition-colors text-sm font-medium text-white disabled:opacity-50 disabled:cursor-not-allowed"
          >
            <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
              <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
            </svg>
            Apple
          </button>
        </div>
      )}

{/* Back to Sign In for forgot mode */}
      {mode === "forgot" && (
        <div className="mt-6 text-center">
          <button
            type="button"
            onClick={() => {
              setMode("signin")
              setError(null)
              setMessage(null)
            }}
            className="text-sm gold-text hover:opacity-80 transition-opacity font-medium"
          >
            Back to Sign In
          </button>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/auth/AppleSignInButton.tsx" isMerged="true"
'use client'

import { useState } from 'react'
import { getSupabaseBrowserClient } from '@/lib/supabase/client'
import { Button } from '@/components/ui/button'

export function AppleSignInButton() {
  const [isLoading, setIsLoading] = useState(false)

const handleSignIn = async () => {
    try {
      setIsLoading(true)
      const supabase = getSupabaseBrowserClient()

const { error } = await supabase.auth.signInWithOAuth({
        provider: 'apple',
        options: {
          redirectTo: `${window.location.origin}/auth/callback`,
        },
      })

if (error) throw error
    } catch (error) {
      console.error('Apple sign-in error:', error)
      alert('Failed to sign in with Apple. Please try again.')
    } finally {
      setIsLoading(false)
    }
  }

return (
    <Button
      onClick={handleSignIn}
      disabled={isLoading}
      className="w-full flex items-center justify-center gap-3 bg-black hover:bg-gray-900 text-white"
    >
      <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
        <path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>
      </svg>
      {isLoading ? 'Signing in...' : 'Continue with Apple'}
    </Button>
  )
}
[V0_FILE]typescriptreact:file="components/auth/GoogleSignInButton.tsx" isMerged="true"
'use client'

import { useState } from 'react'
import { getSupabaseBrowserClient } from '@/lib/supabase/client'
import { Button } from '@/components/ui/button'

export function GoogleSignInButton() {
  const [isLoading, setIsLoading] = useState(false)

const handleSignIn = async () => {
    try {
      setIsLoading(true)
      const supabase = getSupabaseBrowserClient()

const { error } = await supabase.auth.signInWithOAuth({
        provider: 'google',
        options: {
          redirectTo: `${window.location.origin}/auth/callback`,
          queryParams: {
            access_type: 'offline',
            prompt: 'consent',
          },
        },
      })

if (error) throw error
    } catch (error) {
      console.error('Google sign-in error:', error)
      alert('Failed to sign in with Google. Please try again.')
    } finally {
      setIsLoading(false)
    }
  }

return (
    <Button
      onClick={handleSignIn}
      disabled={isLoading}
      variant="outline"
      className="w-full flex items-center justify-center gap-3 bg-white hover:bg-gray-50 text-gray-700 border-gray-300"
    >
      <svg className="h-5 w-5" viewBox="0 0 24 24">
        <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
        <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
        <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
        <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
      </svg>
      {isLoading ? 'Signing in...' : 'Continue with Google'}
    </Button>
  )
}
[V0_FILE]typescriptreact:file="components/checkout.tsx" isMerged="true"
"use client"

import { useCallback, useState } from "react"
import { useRouter } from "next/navigation"
import { EmbeddedCheckout, EmbeddedCheckoutProvider } from "@stripe/react-stripe-js"
import { loadStripe } from "@stripe/stripe-js"
import { startCheckoutSession } from "@/app/actions/stripe"
import { AlertCircle, LogIn, RotateCcw } from "lucide-react"

const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY!)

export default function Checkout({ productId }: { productId: string }) {
  const router = useRouter()
  const [error, setError] = useState<string | null>(null)
  const [key, setKey] = useState(0)

const fetchClientSecret = useCallback(async () => {
    try {
      setError(null)
      const secret = await startCheckoutSession(productId)
      return secret
    } catch (err) {
      const message = err instanceof Error ? err.message : "Failed to start checkout"
      setError(message)
      throw err
    }
  }, [productId])

const handleComplete = useCallback(() => {
    router.push("/checkout/success")
  }, [router])

const handleRetry = () => {
    setError(null)
    setKey((k) => k + 1)
  }

if (error) {
    const isAuthError = error.toLowerCase().includes("logged in")
    return (
      <div className="rounded-xl border border-destructive/30 bg-destructive/5 p-6 text-center">
        <AlertCircle className="w-8 h-8 text-destructive mx-auto mb-3" />
        <p className="text-sm font-medium text-foreground mb-1">
          {isAuthError ? "Sign in Required" : "Checkout Error"}
        </p>
        <p className="text-xs text-muted-foreground mb-4">{error}</p>
        {isAuthError ? (
          <button
            onClick={() => {
              const returnUrl = encodeURIComponent(`/pricing?plan=${productId}`)
              router.push(`/login?redirect=${returnUrl}`)
            }}
            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white text-sm font-medium hover:opacity-90 transition-opacity"
          >
            <LogIn className="w-4 h-4" />
            Sign In to Continue
          </button>
        ) : (
          <button
            onClick={handleRetry}
            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-background border border-border text-sm font-medium hover:border-[#C5A059] transition-colors"
          >
            <RotateCcw className="w-4 h-4" />
            Try Again
          </button>
        )}
      </div>
    )
  }

return (
    <div id="checkout" key={key}>
      <EmbeddedCheckoutProvider
        stripe={stripePromise}
        options={{ fetchClientSecret, onComplete: handleComplete }}
      >
        <EmbeddedCheckout />
      </EmbeddedCheckoutProvider>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/collections/book-card.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { BookOpen, ChevronRight } from "lucide-react"

interface BookCardProps {
  book: {
    id: string
    number: number
    name_en: string
    name_ar: string
    total_hadiths: number
    total_chapters?: number
    first_chapter?: string
  }
  collectionSlug: string
}

export function BookCard({ book, collectionSlug }: BookCardProps) {
  const router = useRouter()

return (
    <button
      onClick={() => router.push(`/collections/${collectionSlug}/books/${book.id}`)}
      className="flex flex-col p-5 rounded-xl premium-card text-left transition-all hover:shadow-lg hover:-translate-y-1 group min-h-[160px]"
    >
      <div className="flex items-start gap-3 mb-3">
        <span className="text-xs font-bold text-[#C5A059] uppercase tracking-wider">Book {book.number}</span>
      </div>

<div className="flex items-center gap-3 text-xs text-muted-foreground mb-3">
        <span className="flex items-center gap-1">
          <BookOpen className="w-3 h-3" />
          {book.total_hadiths} hadiths
        </span>
        {book.total_chapters && <span>• {book.total_chapters} chapters</span>}
      </div>

{book.first_chapter && (
        <p className="text-xs text-muted-foreground italic line-clamp-1 mb-3">1. {book.first_chapter}</p>
      )}

<div className="mt-auto flex items-center text-sm font-semibold text-[#1B5E43] group-hover:text-[#2D7A5B] transition-colors">
        View Chapters
        <ChevronRight className="w-4 h-4 ml-1" />
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="components/collections/breadcrumb.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { ChevronRight, Home } from "lucide-react"
import { cn } from "@/lib/utils"

interface BreadcrumbItem {
  label: string
  href?: string
}

interface BreadcrumbProps {
  items: BreadcrumbItem[]
}

export function Breadcrumb({ items }: BreadcrumbProps) {
  const router = useRouter()

return (
    <nav aria-label="Breadcrumb navigation" className="hidden md:flex items-center gap-1 text-sm overflow-x-auto">
      <button
        onClick={() => router.push("/home")}
        className="flex items-center gap-1 text-muted-foreground hover:text-[#C5A059] transition-colors"
      >
        <Home className="w-4 h-4" />
        <span>Home</span>
      </button>

{items.map((item, index) => {
        const isLast = index === items.length - 1

return (
          <div key={index} className="flex items-center gap-1">
            <ChevronRight className="w-4 h-4 text-muted-foreground/50" />
            {isLast ? (
              <span className="font-semibold text-[#C5A059] truncate max-w-[200px]">{item.label}</span>
            ) : (
              <button
                onClick={() => item.href && router.push(item.href)}
                className={cn(
                  "text-muted-foreground hover:text-[#C5A059] transition-colors truncate max-w-[150px]",
                  !item.href && "cursor-default",
                )}
              >
                {item.label}
              </button>
            )}
          </div>
        )
      })}
    </nav>
  )
}
[V0_FILE]typescriptreact:file="components/collections/chapter-card.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { FileText, ChevronRight } from "lucide-react"

interface ChapterCardProps {
  chapter: {
    id: string
    number: number
    name_en: string
    name_ar: string
    total_hadiths: number
    excerpt?: string
  }
  collectionSlug: string
  bookId: string
}

export function ChapterCard({ chapter, collectionSlug, bookId }: ChapterCardProps) {
  const router = useRouter()

return (
    <button
      onClick={() => router.push(`/collections/${collectionSlug}/books/${bookId}/chapters/${chapter.id}`)}
      className="flex flex-col p-5 rounded-xl premium-card text-left transition-all hover:shadow-lg hover:-translate-y-1 group"
    >
      <span className="text-xs font-bold text-[#1B5E43] uppercase tracking-wider mb-2">Chapter {chapter.number}</span>

<h3 className="text-base font-bold text-foreground mb-1 line-clamp-2">{chapter.name_en}</h3>
      <p className="text-sm text-[#C5A059] mb-3 font-arabic" dir="rtl">
        {chapter.name_ar}
      </p>

<div className="flex items-center gap-1 text-xs text-muted-foreground mb-3">
        <FileText className="w-3 h-3" />
        {chapter.total_hadiths} hadiths
      </div>

{chapter.excerpt && (
        <p className="text-xs text-muted-foreground italic line-clamp-3 mb-3">"{chapter.excerpt}..."</p>
      )}

<div className="mt-auto flex items-center text-sm font-semibold text-[#C5A059] group-hover:text-[#E8C77D] transition-colors">
        View Hadiths
        <ChevronRight className="w-4 h-4 ml-1" />
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="components/collections/collection-card.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { BookOpen } from "lucide-react"

interface CollectionCardProps {
  collection: {
    id: string
    name_en: string
    name_ar: string
    slug: string
    total_hadiths: number
    scholar: string
    is_featured?: boolean
    grade_distribution?: {
      sahih: number
      hasan: number
      daif: number
    }
    description_en?: string
  }
  variant?: "featured" | "default"
}

export function CollectionCard({ collection, variant = "default" }: CollectionCardProps) {
  const router = useRouter()

const totalGraded =
    (collection.grade_distribution?.sahih || 0) +
    (collection.grade_distribution?.hasan || 0) +
    (collection.grade_distribution?.daif || 0)

const sahihPercent =
    totalGraded > 0 ? Math.round(((collection.grade_distribution?.sahih || 0) / totalGraded) * 100) : 0
  const hasanPercent =
    totalGraded > 0 ? Math.round(((collection.grade_distribution?.hasan || 0) / totalGraded) * 100) : 0

if (variant === "featured") {
    return (
      <button
        onClick={() => router.push(`/collections/${collection.slug}`)}
        className="relative flex flex-col w-[280px] md:w-full h-[200px] md:h-[240px] rounded-xl premium-card overflow-hidden group transition-all hover:scale-[1.02] hover:shadow-lg flex-shrink-0 snap-center text-left"
      >
        {/* Featured badge */}
        <div className="absolute top-3 right-3 px-2 py-1 rounded-md text-[10px] font-bold text-white bg-gradient-to-r from-[#1B5E43] to-[#2D7A5B] z-10">
          Featured
        </div>

{/* Geometric pattern background */}
        <div className="absolute inset-0 opacity-[0.08]">
          <svg className="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">
            <pattern id={`pattern-${collection.id}`} x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
              <path d="M10 0L20 10L10 20L0 10Z" fill="currentColor" className="text-[#C5A059]" />
            </pattern>
            <rect width="100%" height="100%" fill={`url(#pattern-${collection.id})`} />
          </svg>
        </div>

{/* Names */}
          <h3 className="text-lg font-bold text-foreground mb-1 line-clamp-1">{collection.name_en}</h3>
          <p className="text-sm text-[#C5A059] mb-2 font-arabic" dir="rtl">
            {collection.name_ar}
          </p>

{/* Stats */}
          <p className="text-xs text-muted-foreground mb-3">{collection.total_hadiths.toLocaleString()} hadiths</p>

{/* Grade badge */}
          <div className="mt-auto">
            <span className="inline-flex items-center px-2 py-1 rounded-full text-[10px] font-semibold bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-foreground">
              {sahihPercent}% Sahih
            </span>
          </div>
        </div>
      </button>
    )
  }

return (
    <button
      onClick={() => router.push(`/collections/${collection.slug}`)}
      className="flex flex-col p-5 rounded-xl premium-card text-left transition-all hover:shadow-lg hover:-translate-y-1 group"
    >
      <div className="flex items-start gap-4">
        <div className="w-12 h-12 rounded-lg gold-icon-bg flex items-center justify-center flex-shrink-0">
          <BookOpen className="w-6 h-6 text-[#C5A059]" />
        </div>
        <div className="flex-1 min-w-0">
          <h3 className="text-base font-bold text-foreground mb-0.5 line-clamp-1">{collection.name_en}</h3>
          <p className="text-sm text-[#C5A059] mb-2 font-arabic" dir="rtl">
            {collection.name_ar}
          </p>
          <p className="text-xs text-muted-foreground flex items-center gap-1">
            <BookOpen className="w-3 h-3" />
            {collection.total_hadiths.toLocaleString()} hadiths • {collection.scholar}
          </p>
        </div>
      </div>

{/* Grade distribution bar */}
      {totalGraded > 0 && (
        <div className="mt-4">
          <div className="flex h-2 rounded-full overflow-hidden bg-muted">
            <div className="bg-gradient-to-r from-[#C5A059] to-[#E8C77D]" style={{ width: `${sahihPercent}%` }} />
            <div className="bg-gradient-to-r from-[#1B5E43] to-[#2D7A5B]" style={{ width: `${hasanPercent}%` }} />
            <div className="bg-muted-foreground/20" style={{ width: `${100 - sahihPercent - hasanPercent}%` }} />
          </div>
          <div className="flex justify-between mt-1.5 text-[10px] text-muted-foreground">
            <span>{sahihPercent}% Sahih</span>
            <span>{hasanPercent}% Hasan</span>
          </div>
        </div>
      )}

{collection.description_en && (
        <p className="mt-3 text-xs text-muted-foreground line-clamp-2">{collection.description_en}</p>
      )}

<div className="mt-4 text-sm font-semibold text-[#1B5E43] group-hover:text-[#2D7A5B] transition-colors">
        Explore Books →
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="components/collections/collection-filters.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Filter, X, ChevronDown } from "lucide-react"
import { cn } from "@/lib/utils"

interface CollectionFiltersProps {
  onFiltersChange: (filters: {
    grades: string[]
    scholars: string[]
    sort: string
  }) => void
  scholars: string[]
}

export function CollectionFilters({ onFiltersChange, scholars }: CollectionFiltersProps) {
  const [selectedGrades, setSelectedGrades] = useState<string[]>([])
  const [selectedScholars, setSelectedScholars] = useState<string[]>([])
  const [sortBy, setSortBy] = useState("alphabetical")
  const [showMobileFilters, setShowMobileFilters] = useState(false)

const grades = [
    { id: "sahih", label: "Sahih", color: "bg-gradient-to-r from-[#C5A059] to-[#E8C77D]" },
    { id: "hasan", label: "Hasan", color: "bg-gradient-to-r from-[#1B5E43] to-[#2D7A5B]" },
    { id: "daif", label: "Da'if", color: "bg-gray-400" },
  ]

const sortOptions = [
    { id: "alphabetical", label: "Alphabetical" },
    { id: "count", label: "Hadith Count" },
    { id: "grade", label: "Grade" },
  ]

const handleGradeToggle = (gradeId: string) => {
    const newGrades = selectedGrades.includes(gradeId)
      ? selectedGrades.filter((g) => g !== gradeId)
      : [...selectedGrades, gradeId]
    setSelectedGrades(newGrades)
    onFiltersChange({ grades: newGrades, scholars: selectedScholars, sort: sortBy })
  }

const handleScholarToggle = (scholar: string) => {
    const newScholars = selectedScholars.includes(scholar)
      ? selectedScholars.filter((s) => s !== scholar)
      : [...selectedScholars, scholar]
    setSelectedScholars(newScholars)
    onFiltersChange({ grades: selectedGrades, scholars: newScholars, sort: sortBy })
  }

const handleSortChange = (sort: string) => {
    setSortBy(sort)
    onFiltersChange({ grades: selectedGrades, scholars: selectedScholars, sort })
  }

const clearFilters = () => {
    setSelectedGrades([])
    setSelectedScholars([])
    setSortBy("alphabetical")
    onFiltersChange({ grades: [], scholars: [], sort: "alphabetical" })
  }

const activeFilterCount = selectedGrades.length + selectedScholars.length

const FilterContent = () => (
    <div className="space-y-6">
      {/* Grade Filter */}
      <div>
        <h4 className="text-sm font-semibold text-foreground mb-3">Grade</h4>
        <div className="space-y-2">
          {grades.map((grade) => (
            <label key={grade.id} className="flex items-center gap-3 cursor-pointer group">
              <div
                className={cn(
                  "w-5 h-5 rounded border-2 flex items-center justify-center transition-all",
                  selectedGrades.includes(grade.id)
                    ? "border-[#C5A059] bg-gradient-to-r from-[#C5A059] to-[#E8C77D]"
                    : "border-border group-hover:border-[#C5A059]",
                )}
              >
                {selectedGrades.includes(grade.id) && (
                  <svg className="w-3 h-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
                  </svg>
                )}
              </div>
              <span className="text-sm text-foreground">{grade.label}</span>
              <div className={cn("w-3 h-3 rounded-full ml-auto", grade.color)} />
            </label>
          ))}
        </div>
      </div>

{/* Scholar Filter */}
      <div>
        <h4 className="text-sm font-semibold text-foreground mb-3">Scholar</h4>
        <div className="space-y-2 max-h-[200px] overflow-y-auto">
          {scholars.map((scholar) => (
            <label key={scholar} className="flex items-center gap-3 cursor-pointer group">
              <div
                className={cn(
                  "w-5 h-5 rounded border-2 flex items-center justify-center transition-all",
                  selectedScholars.includes(scholar)
                    ? "border-[#C5A059] bg-gradient-to-r from-[#C5A059] to-[#E8C77D]"
                    : "border-border group-hover:border-[#C5A059]",
                )}
              >
                {selectedScholars.includes(scholar) && (
                  <svg className="w-3 h-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
                  </svg>
                )}
              </div>
              <span className="text-sm text-foreground truncate">{scholar}</span>
            </label>
          ))}
        </div>
      </div>

{/* Sort */}
      <div>
        <h4 className="text-sm font-semibold text-foreground mb-3">Sort By</h4>
        <div className="relative">
          <select
            value={sortBy}
            onChange={(e) => handleSortChange(e.target.value)}
            className="w-full px-3 py-2 rounded-lg border border-border bg-card text-sm appearance-none cursor-pointer focus:border-[#C5A059] focus:outline-none"
          >
            {sortOptions.map((option) => (
              <option key={option.id} value={option.id}>
                {option.label}
              </option>
            ))}
          </select>
          <ChevronDown className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground pointer-events-none" />
        </div>
      </div>

{/* Clear Filters */}
      {activeFilterCount > 0 && (
        <button
          onClick={clearFilters}
          className="w-full py-2 rounded-lg border border-border text-sm text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059] transition-colors"
        >
          Clear All Filters
        </button>
      )}
    </div>
  )

return (
    <>
      {/* Desktop Sidebar */}
      <aside className="hidden md:block w-[240px] flex-shrink-0 sticky top-[80px] self-start">
        <div className="p-5 rounded-xl premium-card">
          <h3 className="text-base font-bold text-foreground mb-4 flex items-center gap-2">
            <Filter className="w-4 h-4" />
            Filters
            {activeFilterCount > 0 && (
              <span className="ml-auto px-2 py-0.5 rounded-full text-[10px] font-bold bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white">
                {activeFilterCount}
              </span>
            )}
          </h3>
          <FilterContent />
        </div>
      </aside>

{/* Mobile Filter Button */}
      <button
        onClick={() => setShowMobileFilters(true)}
        className="md:hidden fixed bottom-24 right-4 z-40 flex items-center gap-2 px-4 py-3 rounded-full gold-button shadow-lg"
      >
        <Filter className="w-4 h-4" />
        Filters
        {activeFilterCount > 0 && (
          <span className="px-2 py-0.5 rounded-full text-[10px] font-bold bg-card/20">{activeFilterCount}</span>
        )}
      </button>

{/* Mobile Filter Sheet */}
      {showMobileFilters && (
        <div className="md:hidden fixed inset-0 z-50">
          <div className="absolute inset-0 bg-black/50" onClick={() => setShowMobileFilters(false)} />
          <div className="absolute bottom-0 left-0 right-0 bg-background rounded-t-3xl p-6 max-h-[80vh] overflow-y-auto">
            <div className="flex items-center justify-between mb-6">
              <h3 className="text-lg font-bold text-foreground">Filters</h3>
              <button
                onClick={() => setShowMobileFilters(false)}
                className="w-8 h-8 rounded-full bg-[#ebe7e0] flex items-center justify-center"
              >
                <X className="w-4 h-4" />
              </button>
            </div>
            <FilterContent />
            <button
              onClick={() => setShowMobileFilters(false)}
              className="w-full mt-6 py-3 rounded-xl emerald-button font-semibold"
            >
              Apply Filters
            </button>
          </div>
        </div>
      )}
    </>
  )
}
[V0_FILE]typescriptreact:file="components/collections/hadith-card-condensed.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useRef, useEffect } from "react"
import { useRouter } from "next/navigation"
import { Bookmark, Share2, ChevronRight, Hash, BookOpen, ChevronDown, Sparkles, Loader2 } from "lucide-react"
import { cn } from "@/lib/utils"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { getCleanTranslation, getCollectionDisplayName } from "@/lib/hadith-utils"

interface HadithCardCondensedProps {
  hadith: {
    id: string
    text_ar?: string
    arabic_text?: string
    text_en?: string
    english_translation?: string
    grade: "sahih" | "hasan" | "daif"
    narrator?: string
    narrator_primary?: string
    hadith_number?: number
    reference?: string
    summary_line?: string
    key_teaching_en?: string
    category?: { slug: string; name_en: string } | null
    tags?: Array<{ slug: string; name_en: string }>
  }
  referenceNumber: number
  collectionName: string
  isSaved?: boolean
  onSaveToggle?: (hadithId: string, saved: boolean) => void
}

export function HadithCardCondensed({
  hadith,
  referenceNumber,
  collectionName,
  isSaved = false,
  onSaveToggle,
}: HadithCardCondensedProps) {
  const router = useRouter()
  const [saved, setSaved] = useState(isSaved)
  const [saving, setSaving] = useState(false)
  const [teachingOpen, setTeachingOpen] = useState(false)
  const teachingRef = useRef<HTMLDivElement>(null)
  const [teachingHeight, setTeachingHeight] = useState(0)
  const [summarizing, setSummarizing] = useState(false)
  const [localTeaching, setLocalTeaching] = useState<string | null>(hadith.key_teaching_en || null)
  const [localSummary, setLocalSummary] = useState<string | null>(hadith.summary_line || null)
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    if (teachingRef.current) {
      setTeachingHeight(teachingRef.current.scrollHeight)
    }
  }, [teachingOpen, localTeaching])

const handleSummarize = async (e: React.MouseEvent) => {
    e.stopPropagation()
    setSummarizing(true)
    try {
      const res = await fetch("/api/summarize", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ hadithId: hadith.id }),
      })
      const data = await res.json()
      if (res.ok && data.key_teaching_en) {
        setLocalTeaching(data.key_teaching_en)
        if (data.summary_line) setLocalSummary(data.summary_line)
        setTeachingOpen(true)
      }
    } catch (err) {
      console.error("Summarize failed:", err)
    }
    setSummarizing(false)
  }

const arabicText = hadith.text_ar || hadith.arabic_text || ""
  const englishText = getCleanTranslation(hadith.text_en || hadith.english_translation || "")
  const narrator = hadith.narrator || hadith.narrator_primary || "Unknown narrator"

const gradeColors = {
    sahih: "from-[#C5A059] to-[#E8C77D]",
    hasan: "from-[#1B5E43] to-[#2D7A5B]",
    daif: "from-[#6b7280] to-[#9ca3af]",
  }

const gradeLabels = {
    sahih: "Sahih",
    hasan: "Hasan",
    daif: "Da'if",
  }

const handleSave = async (e: React.MouseEvent) => {
    e.stopPropagation()
    setSaving(true)

try {
      const {
        data: { user },
      } = await supabase.auth.getUser()
      if (!user) {
        router.push("/")
        return
      }

if (saved) {
        await supabase.from("saved_hadiths").delete().eq("user_id", user.id).eq("hadith_id", hadith.id)
      } else {
        await supabase.from("saved_hadiths").insert({ user_id: user.id, hadith_id: hadith.id })
      }

setSaved(!saved)
      onSaveToggle?.(hadith.id, !saved)
    } catch (error) {
      console.error("Failed to save hadith:", error)
    } finally {
      setSaving(false)
    }
  }

const handleShare = async (e: React.MouseEvent) => {
    e.stopPropagation()
    const url = `${window.location.origin}/hadith/${hadith.id}`

if (navigator.share) {
      await navigator.share({
        title: `${collectionName} - Hadith #${referenceNumber}`,
        text: englishText.substring(0, 200) + "...",
        url,
      })
    } else {
      await navigator.clipboard.writeText(url)
      alert("Link copied to clipboard!")
    }
  }

return (
    <div className="relative rounded-xl premium-card overflow-hidden border-l-4 border-l-[#C5A059]">
      <div className="p-5 md:p-6">
        {/* Summary Line */}
        {localSummary && (
          <p className="text-sm font-semibold text-[#C5A059] mb-3 leading-snug">{localSummary}</p>
        )}

{/* Header */}
        <div className="flex flex-wrap items-center gap-2 mb-4">
          <span className="text-sm font-semibold text-foreground">Hadith #{referenceNumber}</span>
          <span className="text-xs text-muted-foreground">
            ({collectionName} {hadith.hadith_number || referenceNumber})
          </span>
          <span
            className={cn(
              "ml-auto px-2 py-0.5 rounded-full text-[10px] font-bold text-white bg-gradient-to-r",
              gradeColors[hadith.grade],
            )}
          >
            {gradeLabels[hadith.grade]}
          </span>
        </div>

{/* Narrator */}
        <p className="text-xs text-muted-foreground italic mb-4">Narrated by: {narrator}</p>

{/* Arabic Text */}
        <div className="mb-4" dir="rtl" lang="ar">
          <p
            className="text-lg md:text-xl leading-[2] text-foreground line-clamp-3"
            style={{ fontFamily: "Amiri, serif" }}
          >
            {arabicText}
          </p>
        </div>

{/* English Translation */}
        <div className="mb-4" dir="ltr" lang="en">
          <p className="text-sm md:text-base text-muted-foreground line-clamp-4 leading-relaxed">{englishText}</p>
        </div>

{/* Key Teaching / Summarize */}
        <div className="mb-4">
          {localTeaching ? (
            <>
              <button
                onClick={(e) => {
                  e.stopPropagation()
                  setTeachingOpen(!teachingOpen)
                }}
                className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-[#C5A059] bg-[#C5A059]/8 hover:bg-[#C5A059]/15 transition-colors"
              >
                <BookOpen className="w-3.5 h-3.5" />
                Key Teaching
                <ChevronDown
                  className={cn("w-3.5 h-3.5 transition-transform duration-200", teachingOpen && "rotate-180")}
                />
              </button>
              <div
                ref={teachingRef}
                className="overflow-hidden transition-all duration-300 ease-in-out"
                style={{ maxHeight: teachingOpen ? `${teachingHeight}px` : "0px", opacity: teachingOpen ? 1 : 0 }}
              >
                <div className="mt-3 rounded-lg border border-[#C5A059]/15 bg-[#C5A059]/5 p-3.5">
                  <p className="text-xs leading-relaxed text-foreground/75">{localTeaching}</p>
                </div>
              </div>
            </>
          ) : (
            <button
              onClick={handleSummarize}
              disabled={summarizing}
              className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-[#1B5E43] bg-[#1B5E43]/8 hover:bg-[#1B5E43]/15 transition-colors disabled:opacity-50"
            >
              {summarizing ? (
                <Loader2 className="w-3.5 h-3.5 animate-spin" />
              ) : (
                <Sparkles className="w-3.5 h-3.5" />
              )}
              {summarizing ? "Summarizing..." : "Summarize"}
            </button>
          )}
        </div>

{/* Category Badge */}
        {hadith.category && (
          <div className="mb-4">
            <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-[#1B5E43]/10 text-[#1B5E43] text-[11px] font-medium">
              <Hash className="w-3 h-3" />
              {hadith.category.name_en}
            </span>
          </div>
        )}

{/* Enrichment Tags */}
        {hadith.tags && hadith.tags.length > 0 && (
          <div className="flex flex-wrap gap-1.5 mb-4">
            {hadith.tags.map((tag) => (
              <span
                key={tag.slug}
                className="inline-flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-[#C5A059]/10 text-[#8A6E3A] text-[11px] font-medium whitespace-nowrap"
              >
                <Hash className="w-2.5 h-2.5 shrink-0" />
                {tag.name_en}
              </span>
            ))}
          </div>
        )}

{/* Action Bar */}
        <div className="flex items-center gap-2 pt-4 border-t border-border">
          <button
            onClick={handleSave}
            disabled={saving}
            className={cn(
              "flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium transition-all",
              saved
                ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white"
                : "border border-border text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059]",
            )}
          >
            <Bookmark className={cn("w-4 h-4", saved && "fill-current")} />
            {saved ? "Saved" : "Save"}
          </button>

<button
            onClick={handleShare}
            className="flex items-center gap-1.5 px-3 py-2 rounded-lg text-xs font-medium border border-border text-muted-foreground hover:border-[#C5A059] hover:text-[#C5A059] transition-all"
          >
            <Share2 className="w-4 h-4" />
            Share
          </button>

<button
            onClick={() => router.push(`/hadith/${hadith.id}`)}
            className="ml-auto flex items-center gap-1 px-4 py-2 rounded-lg text-xs font-semibold emerald-button"
          >
            Read Full Hadith
            <ChevronRight className="w-4 h-4" />
          </button>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/gamification/achievement-card.tsx" isMerged="true"
"use client"

import React from "react"

import { cn } from "@/lib/utils"
import { getTierLabel, getTierColor } from "@/lib/gamification/level-calculator"
import {
  Lock,
  BookOpen,
  Search,
  GraduationCap,
  Library,
  Crown,
  PenLine,
  Notebook,
  Flame,
  Star,
  Gem,
  Trophy,
  Share2,
  Megaphone,
  Sparkles,
  BookCheck,
  Award,
  Bookmark,
  Heart,
  Archive,
  PartyPopper,
  Moon,
} from "lucide-react"
import { formatDistanceToNow } from "date-fns"

const ICON_MAP: Record<string, React.ElementType> = {
  "1": BookOpen,
  "2": Search,
  "3": GraduationCap,
  "4": Library,
  "5": Crown,
  "6": PenLine,
  "7": Notebook,
  "8": Flame,
  "9": Star,
  "10": Gem,
  "11": Trophy,
  "12": Share2,
  "13": Megaphone,
  "14": Sparkles,
  "15": BookCheck,
  "16": Award,
  "17": Bookmark,
  "18": Heart,
  "19": Archive,
  "20": PartyPopper,
  "21": Moon,
}

interface AchievementCardProps {
  achievement: {
    id: string
    name_en: string
    description_en: string
    icon: string
    category: string
    tier: number
    xp_reward: number
    isUnlocked: boolean
    unlockedAt: string | null
  }
}

export function AchievementCard({ achievement }: AchievementCardProps) {
  const IconComponent = ICON_MAP[achievement.icon] || Award
  const tierColor = getTierColor(achievement.tier)

return (
    <div
      className={cn(
        "relative flex flex-col items-center gap-3 rounded-xl border p-4 text-center transition-all",
        achievement.isUnlocked
          ? "border-secondary/50 bg-card shadow-sm"
          : "border-dashed border-border bg-card/50",
      )}
    >
      {/* Tier badge */}
      <span
        className="absolute top-2 right-2 text-[10px] font-semibold px-1.5 py-0.5 rounded-full"
        style={{ backgroundColor: `${tierColor}20`, color: tierColor }}
      >
        {getTierLabel(achievement.tier)}
      </span>

{/* Icon */}
      <div className="relative">
        <div
          className={cn(
            "flex h-14 w-14 items-center justify-center rounded-full",
            achievement.isUnlocked ? "bg-secondary/15" : "bg-muted",
          )}
        >
          <IconComponent
            className={cn("h-7 w-7", achievement.isUnlocked ? "text-secondary" : "text-muted-foreground/40")}
          />
        </div>
        {!achievement.isUnlocked && (
          <div className="absolute -bottom-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-muted">
            <Lock className="h-3 w-3 text-muted-foreground" />
          </div>
        )}
      </div>

{/* Text */}
      <div>
        <h3
          className={cn(
            "text-sm font-semibold",
            achievement.isUnlocked ? "text-foreground" : "text-muted-foreground",
          )}
        >
          {achievement.name_en}
        </h3>
        <p className="text-xs text-muted-foreground mt-0.5 line-clamp-2">{achievement.description_en}</p>
      </div>

{/* Footer */}
      {achievement.isUnlocked && achievement.unlockedAt ? (
        <span className="text-[10px] text-primary font-medium">
          Unlocked {formatDistanceToNow(new Date(achievement.unlockedAt), { addSuffix: true })}
        </span>
      ) : (
        <span className="text-[10px] font-semibold text-secondary">+{achievement.xp_reward} XP</span>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/gamification/achievement-unlock-modal.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Button } from "@/components/ui/button"
import { X } from "lucide-react"

interface UnlockedAchievement {
  name_en: string
  description_en: string
  icon: string
  xp_reward: number
}

interface AchievementUnlockModalProps {
  achievements: UnlockedAchievement[]
  onClose: () => void
}

export function AchievementUnlockModal({ achievements, onClose }: AchievementUnlockModalProps) {
  const [currentIndex, setCurrentIndex] = useState(0)
  const [animateIn, setAnimateIn] = useState(false)

const currentAchievement = achievements[currentIndex]

useEffect(() => {
    // Trigger entrance animation
    const timer = setTimeout(() => setAnimateIn(true), 50)
    return () => clearTimeout(timer)
  }, [])

useEffect(() => {
    // Re-trigger animation on index change
    setAnimateIn(false)
    const timer = setTimeout(() => setAnimateIn(true), 50)
    return () => clearTimeout(timer)
  }, [currentIndex])

if (!currentAchievement) return null

return (
    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
      {/* Backdrop */}
      <div className="absolute inset-0 bg-foreground/80 backdrop-blur-sm" onClick={onClose} />

{/* Confetti particles */}
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
        {Array.from({ length: 30 }).map((_, i) => (
          <div
            key={i}
            className="absolute w-2 h-2 rounded-full"
            style={{
              left: `${Math.random() * 100}%`,
              top: "-10px",
              backgroundColor: ["#c5a059", "#1b5e43", "#e8c77d", "#2d7a5b", "#FFD700"][i % 5],
              animation: `confetti-fall ${2 + Math.random() * 3}s ease-in ${Math.random() * 1}s forwards`,
            }}
          />
        ))}
      </div>

{/* Modal */}
      <div
        className={`relative z-10 w-full max-w-sm rounded-2xl bg-card border border-border p-8 text-center shadow-2xl transition-all duration-500 ${animateIn ? "translate-y-0 opacity-100 scale-100" : "translate-y-8 opacity-0 scale-95"}`}
      >
        <button
          type="button"
          onClick={onClose}
          className="absolute top-3 right-3 p-1 rounded-full hover:bg-muted transition-colors"
          aria-label="Close"
        >
          <X className="h-4 w-4 text-muted-foreground" />
        </button>

{/* Header */}
        <p className="text-sm font-semibold text-primary mb-4">Achievement Unlocked!</p>

{/* Icon */}
        <div
          className={`mx-auto mb-4 flex h-20 w-20 items-center justify-center rounded-full bg-secondary/15 transition-all duration-700 ${animateIn ? "scale-100" : "scale-50"}`}
        >
          <span className="text-4xl text-secondary font-bold">{currentAchievement.icon}</span>
        </div>

{/* Achievement info */}
        <h2 className="text-xl font-bold text-foreground mb-1">{currentAchievement.name_en}</h2>
        <p className="text-sm text-muted-foreground mb-4">{currentAchievement.description_en}</p>

{/* XP reward */}
        <div className="inline-flex items-center gap-1 bg-secondary/15 text-secondary font-bold text-sm px-4 py-1.5 rounded-full mb-6">
          +{currentAchievement.xp_reward} XP
        </div>

{/* Navigation */}
        {achievements.length > 1 && currentIndex < achievements.length - 1 ? (
          <Button onClick={() => setCurrentIndex(currentIndex + 1)} className="w-full">
            Next ({currentIndex + 1} / {achievements.length})
          </Button>
        ) : (
          <Button onClick={onClose} className="w-full">
            Awesome!
          </Button>
        )}
      </div>

{/* Confetti animation CSS */}
      <style>{`
        @keyframes confetti-fall {
          0% {
            transform: translateY(-10px) rotate(0deg);
            opacity: 1;
          }
          100% {
            transform: translateY(100vh) rotate(720deg);
            opacity: 0;
          }
        }
      `}</style>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/gamification/level-progress-bar.tsx" isMerged="true"
"use client";

import { xpProgress } from "@/lib/gamification/level-calculator";

interface LevelProgressBarProps {
  level: number;
  title: string;
  currentXp: number;
  xpForCurrentLevel: number;
  xpForNextLevel: number;
}

export function LevelProgressBar({
  level,
  title,
  currentXp,
  xpForCurrentLevel,
  xpForNextLevel,
}: LevelProgressBarProps) {
  const progress = xpProgress(currentXp);

return (
    <div className="flex items-center gap-3 rounded-xl border border-border bg-card p-4">
      <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-[#C5A059] to-[#E8C77D] text-white font-bold text-lg">
        {level}
      </div>
      <div className="flex-1 min-w-0">
        <div className="flex items-center justify-between mb-1.5">
          <span className="text-sm font-semibold text-foreground">
            Level {level} -- {title}
          </span>
          <span className="text-xs text-muted-foreground">
            {progress.current} / {progress.required} XP
          </span>
        </div>
        <div className="h-2 w-full rounded-full bg-muted overflow-hidden">
          <div
            className="h-full rounded-full bg-gradient-to-r from-[#C5A059] to-[#E8C77D] transition-all duration-500"
            style={{ width: `${Math.min(progress.percentage, 100)}%` }}
          />
        </div>
      </div>
    </div>
  );
}
[V0_FILE]typescriptreact:file="components/gamification/stat-card.tsx" isMerged="true"
"use client";

import type React from "react";
import { cn } from "@/lib/utils";
import { Star } from "lucide-react";

interface StatCardProps {
  icon: React.ElementType;
  label: string;
  value: number | string;
  className?: string;
}

export function StatCard({
  icon: IconComponent = Star,
  label,
  value,
  className,
}: StatCardProps) {
  return (
    <div
      className={cn(
        "flex flex-col items-center gap-1.5 rounded-xl border border-border bg-card p-4 text-center",
        className,
      )}
    >
      <div className="flex h-10 w-10 items-center justify-center rounded-full gold-icon-bg">
        <IconComponent className="h-5 w-5 text-[#C5A059]" />
      </div>
      <span className="text-2xl font-bold text-foreground">{value}</span>
      <span className="text-xs text-muted-foreground">{label}</span>
    </div>
  );
}
[V0_FILE]typescriptreact:file="components/gamification/streak-counter.tsx" isMerged="true"
"use client"

import { Flame } from "lucide-react"
import { cn } from "@/lib/utils"

interface StreakCounterProps {
  currentStreak: number
  longestStreak: number
  className?: string
}

export function StreakCounter({ currentStreak, longestStreak, className }: StreakCounterProps) {
  const isOnFire = currentStreak >= 3

return (
    <div className={cn("flex items-center gap-3 rounded-xl border border-border bg-card p-4", className)}>
      <div
        className={cn(
          "flex h-12 w-12 shrink-0 items-center justify-center rounded-full",
          isOnFire ? "bg-orange-100 dark:bg-orange-900/30" : "bg-muted",
        )}
      >
        <Flame className={cn("h-6 w-6", isOnFire ? "text-orange-500" : "text-muted-foreground")} />
      </div>
      <div className="flex-1 min-w-0">
        <div className="flex items-baseline gap-1.5">
          <span className="text-2xl font-bold text-foreground">{currentStreak}</span>
          <span className="text-sm text-muted-foreground">day streak</span>
        </div>
        <span className="text-xs text-muted-foreground">Best: {longestStreak} days</span>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/hadith/discussion-section.tsx" isMerged="true"
"use client"

import { useState, useEffect, useCallback } from "react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import {
  MessageCircle,
  Heart,
  Reply,
  Trash2,
  Send,
  ChevronDown,
  ChevronUp,
  User,
} from "lucide-react"
import { cn } from "@/lib/utils"

interface Discussion {
  id: string
  hadith_id: string
  user_id: string
  content: string
  parent_id: string | null
  likes_count: number
  created_at: string
  updated_at: string
  profile?: {
    name: string | null
    avatar_url: string | null
  }
  liked_by_user?: boolean
  replies?: Discussion[]
}

interface DiscussionSectionProps {
  hadithId: string
}

export function DiscussionSection({ hadithId }: DiscussionSectionProps) {
  const supabase = getSupabaseBrowserClient()
  const [discussions, setDiscussions] = useState<Discussion[]>([])
  const [newComment, setNewComment] = useState("")
  const [replyingTo, setReplyingTo] = useState<string | null>(null)
  const [replyText, setReplyText] = useState("")
  const [loading, setLoading] = useState(true)
  const [submitting, setSubmitting] = useState(false)
  const [expanded, setExpanded] = useState(true)
  const [currentUserId, setCurrentUserId] = useState<string | null>(null)

const fetchDiscussions = useCallback(async () => {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    setCurrentUserId(user?.id || null)

// Fetch all discussions for this hadith
    const { data: allDiscussions } = await supabase
      .from("discussions")
      .select("*")
      .eq("hadith_id", hadithId)
      .order("created_at", { ascending: true })

if (!allDiscussions) {
      setLoading(false)
      return
    }

// Fetch profiles for all unique user IDs
    const userIds = [...new Set(allDiscussions.map((d) => d.user_id))]
    const { data: profiles } = await supabase
      .from("profiles")
      .select("user_id, name, avatar_url")
      .in("user_id", userIds)

const profileMap = new Map(profiles?.map((p) => [p.user_id, p]) || [])

// Fetch user's likes
    let likedIds = new Set<string>()
    if (user) {
      const { data: likes } = await supabase
        .from("discussion_likes")
        .select("discussion_id")
        .eq("user_id", user.id)
      if (likes) likedIds = new Set(likes.map((l) => l.discussion_id))
    }

// Build tree structure
    const topLevel: Discussion[] = []
    const replyMap = new Map<string, Discussion[]>()

for (const d of allDiscussions) {
      const enriched: Discussion = {
        ...d,
        profile: profileMap.get(d.user_id) || { name: null, avatar_url: null },
        liked_by_user: likedIds.has(d.id),
        replies: [],
      }

if (d.parent_id) {
        if (!replyMap.has(d.parent_id)) replyMap.set(d.parent_id, [])
        replyMap.get(d.parent_id)!.push(enriched)
      } else {
        topLevel.push(enriched)
      }
    }

// Attach replies
    for (const d of topLevel) {
      d.replies = replyMap.get(d.id) || []
    }

setDiscussions(topLevel)
    setLoading(false)
  }, [supabase, hadithId])

useEffect(() => {
    fetchDiscussions()
  }, [fetchDiscussions])

const handleSubmit = async (parentId: string | null = null) => {
    const content = parentId ? replyText.trim() : newComment.trim()
    if (!content) return

const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) return

setSubmitting(true)
    await supabase.from("discussions").insert({
      hadith_id: hadithId,
      user_id: user.id,
      content,
      parent_id: parentId,
    })

if (parentId) {
      setReplyText("")
      setReplyingTo(null)
    } else {
      setNewComment("")
    }
    setSubmitting(false)
    fetchDiscussions()
  }

const handleLike = async (discussionId: string, currentlyLiked: boolean) => {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) return

if (currentlyLiked) {
      await supabase
        .from("discussion_likes")
        .delete()
        .eq("discussion_id", discussionId)
        .eq("user_id", user.id)

// Decrement count
      const found = [...discussions, ...discussions.flatMap((d) => d.replies || [])].find(
        (d) => d.id === discussionId,
      )
      if (found) {
        await supabase
          .from("discussions")
          .update({ likes_count: Math.max(0, (found.likes_count || 0) - 1) })
          .eq("id", discussionId)
      }
    } else {
      await supabase.from("discussion_likes").insert({
        discussion_id: discussionId,
        user_id: user.id,
      })

const found = [...discussions, ...discussions.flatMap((d) => d.replies || [])].find(
        (d) => d.id === discussionId,
      )
      if (found) {
        await supabase
          .from("discussions")
          .update({ likes_count: (found.likes_count || 0) + 1 })
          .eq("id", discussionId)
      }
    }

fetchDiscussions()
  }

const handleDelete = async (discussionId: string) => {
    await supabase.from("discussions").delete().eq("id", discussionId)
    fetchDiscussions()
  }

const formatTimeAgo = (dateStr: string) => {
    const now = new Date()
    const date = new Date(dateStr)
    const diff = Math.floor((now.getTime() - date.getTime()) / 1000)
    if (diff < 60) return "just now"
    if (diff < 3600) return `${Math.floor(diff / 60)}m ago`
    if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`
    if (diff < 604800) return `${Math.floor(diff / 86400)}d ago`
    return date.toLocaleDateString()
  }

const totalComments = discussions.length + discussions.reduce((sum, d) => sum + (d.replies?.length || 0), 0)

const renderComment = (comment: Discussion, isReply = false) => (
    <div key={comment.id} className={cn("group", isReply && "ml-8 border-l-2 border-border pl-4")}>
      <div className="flex items-start gap-3 py-3">
        {/* Avatar */}
        <div className="w-8 h-8 rounded-full bg-muted flex items-center justify-center flex-shrink-0 overflow-hidden">
          {comment.profile?.avatar_url ? (
            <img
              src={comment.profile.avatar_url || "/placeholder.svg"}
              alt=""
              className="w-full h-full object-cover"
              crossOrigin="anonymous"
            />
          ) : (
            <User className="w-4 h-4 text-muted-foreground" />
          )}
        </div>

<div className="flex-1 min-w-0">
          <div className="flex items-center gap-2 mb-1">
            <span className="text-sm font-medium text-foreground">
              {comment.profile?.name || "Anonymous"}
            </span>
            <span className="text-xs text-muted-foreground">{formatTimeAgo(comment.created_at)}</span>
          </div>

<p className="text-sm text-foreground/80 leading-relaxed">{comment.content}</p>

{/* Actions */}
          <div className="flex items-center gap-3 mt-2">
            <button
              onClick={() => handleLike(comment.id, !!comment.liked_by_user)}
              className={cn(
                "flex items-center gap-1 text-xs transition-colors",
                comment.liked_by_user
                  ? "text-[#C5A059] font-medium"
                  : "text-muted-foreground hover:text-[#C5A059]",
              )}
            >
              <Heart className={cn("w-3.5 h-3.5", comment.liked_by_user && "fill-current")} />
              {comment.likes_count > 0 && comment.likes_count}
            </button>

{!isReply && (
              <button
                onClick={() => setReplyingTo(replyingTo === comment.id ? null : comment.id)}
                className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
              >
                <Reply className="w-3.5 h-3.5" />
                Reply
              </button>
            )}

{comment.user_id === currentUserId && (
              <button
                onClick={() => handleDelete(comment.id)}
                className="flex items-center gap-1 text-xs text-muted-foreground hover:text-destructive transition-colors opacity-0 group-hover:opacity-100"
              >
                <Trash2 className="w-3.5 h-3.5" />
              </button>
            )}
          </div>

{/* Reply Input */}
          {replyingTo === comment.id && (
            <div className="flex items-center gap-2 mt-3">
              <input
                type="text"
                value={replyText}
                onChange={(e) => setReplyText(e.target.value)}
                placeholder="Write a reply..."
                className="flex-1 px-3 py-2 rounded-lg premium-input text-sm"
                onKeyDown={(e) => e.key === "Enter" && handleSubmit(comment.id)}
                autoFocus
              />
              <button
                onClick={() => handleSubmit(comment.id)}
                disabled={!replyText.trim() || submitting}
                className="p-2 rounded-lg bg-[#1B5E43] text-white hover:bg-[#2D7A5B] transition-colors disabled:opacity-50"
              >
                <Send className="w-4 h-4" />
              </button>
            </div>
          )}
        </div>
      </div>

{/* Render Replies */}
      {comment.replies?.map((reply) => renderComment(reply, true))}
    </div>
  )

return (
    <section className="mt-6">
      {/* Section Header */}
      <button
        onClick={() => setExpanded(!expanded)}
        className="w-full flex items-center justify-between p-4 rounded-xl premium-card hover:shadow-md transition-shadow"
      >
        <div className="flex items-center gap-2">
          <MessageCircle className="w-5 h-5 text-[#C5A059]" />
          <h3 className="font-semibold text-foreground">Discussion</h3>
          <span className="px-2 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground">
            {totalComments}
          </span>
        </div>
        {expanded ? (
          <ChevronUp className="w-5 h-5 text-muted-foreground" />
        ) : (
          <ChevronDown className="w-5 h-5 text-muted-foreground" />
        )}
      </button>

{expanded && (
        <div className="mt-3 premium-card rounded-xl p-4">
          {/* New Comment Input */}
          <div className="flex items-start gap-3 mb-4 pb-4 border-b border-border">
            <div className="w-8 h-8 rounded-full bg-muted flex items-center justify-center flex-shrink-0">
              <User className="w-4 h-4 text-muted-foreground" />
            </div>
            <div className="flex-1">
              <textarea
                value={newComment}
                onChange={(e) => setNewComment(e.target.value)}
                placeholder="Share your thoughts or insights on this hadith..."
                className="w-full px-3 py-2 rounded-lg premium-input text-sm resize-none"
                rows={2}
              />
              <div className="flex justify-end mt-2">
                <button
                  onClick={() => handleSubmit(null)}
                  disabled={!newComment.trim() || submitting}
                  className="flex items-center gap-2 px-4 py-2 rounded-lg text-xs font-medium emerald-button text-white disabled:opacity-50"
                >
                  <Send className="w-3.5 h-3.5" />
                  Post
                </button>
              </div>
            </div>
          </div>

{/* Comments List */}
          {loading ? (
            <div className="flex justify-center py-8">
              <div className="w-6 h-6 border-2 border-[#C5A059] border-t-transparent rounded-full animate-spin" />
            </div>
          ) : discussions.length === 0 ? (
            <div className="text-center py-8">
              <MessageCircle className="w-8 h-8 text-muted-foreground/30 mx-auto mb-2" />
              <p className="text-sm text-muted-foreground">No comments yet. Be the first to share your insight!</p>
            </div>
          ) : (
            <div className="divide-y divide-border">
              {discussions.map((d) => renderComment(d))}
            </div>
          )}
        </div>
      )}
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/home/ai-assistant-block.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { Sparkles } from "lucide-react"

const promptChips = [
  { label: "Explain this hadith", prompt: "explain" },
  { label: "Find hadiths about", prompt: "find" },
  { label: "What is the chain of narration?", prompt: "chain" },
]

export function AIAssistantBlock() {
  const router = useRouter()

const handleChipClick = (prompt: string) => {
    router.push(`/assistant?prompt=${encodeURIComponent(prompt)}`)
  }

return (
    <div className="rounded-2xl p-6 sm:p-8 bg-gradient-to-br from-[#1B5E43] to-[#2D7A5B] text-white">
      <div className="text-center">
        <Sparkles className="w-8 h-8 text-[#E8C77D] mx-auto mb-4" />
        <h3 className="text-xl sm:text-2xl font-bold mb-6">Have a question about hadith?</h3>
        <button
          onClick={() => router.push("/assistant")}
          className="w-full sm:w-auto px-8 py-4 bg-card text-[#1B5E43] rounded-xl font-semibold hover:scale-[1.02] hover:shadow-lg transition-all"
        >
          Ask the AI Assistant
        </button>
        <div className="mt-6">
          <p className="text-sm text-white/70 mb-3">Quick prompts:</p>
          <div className="flex flex-wrap justify-center gap-2">
            {promptChips.map((chip) => (
              <button
                key={chip.prompt}
                onClick={() => handleChipClick(chip.prompt)}
                className="px-4 py-2 rounded-full bg-white/20 text-sm text-white hover:bg-white/30 transition-colors"
              >
                {chip.label}
              </button>
            ))}
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/home/bottom-navigation.tsx" isMerged="true"
"use client"

import { useState, useCallback } from "react"
import { cn } from "@/lib/utils"
import { usePathname, useRouter } from "next/navigation"
import { Home, BookOpen, Sun, Bot, Star, Menu } from "lucide-react"
import { MobileDrawer } from "@/components/layout/mobile-drawer"

const navItems = [
  { id: "home", icon: Home, label: "Home", href: "/home" },
  { id: "collections", icon: BookOpen, label: "Study", href: "/collections" },
  { id: "today", icon: Sun, label: "Today", href: "/today" },
  { id: "assistant", icon: Bot, label: "Chat", href: "/assistant" },
  { id: "my-hadith", icon: Star, label: "My Hadith", href: "/my-hadith" },
]

const excludedPaths = ["/", "/login", "/onboarding", "/reset-password"]

export function BottomNavigation() {
  const pathname = usePathname()
  const router = useRouter()
  const [drawerOpen, setDrawerOpen] = useState(false)
  const handleCloseDrawer = useCallback(() => setDrawerOpen(false), [])

const isExcluded = excludedPaths.some((path) => pathname === path || (path !== "/" && pathname.startsWith(path)))

if (isExcluded) {
    return null
  }

return (
    <>
      <nav className="fixed bottom-0 left-0 right-0 z-50 bg-card border-t border-border shadow-[0_-2px_8px_rgba(0,0,0,0.1)] md:hidden">
        <div className="flex items-center justify-around h-[72px]">
          {navItems.map((item) => {
            const isActive = pathname === item.href || pathname.startsWith(item.href + "/")
            return (
              <button
                type="button"
                key={item.id}
                onClick={() => router.push(item.href)}
                className={cn(
                  "relative flex flex-col items-center justify-center gap-0.5 flex-1 h-full",
                  "transition-colors",
                )}
                aria-label={item.label}
                aria-current={isActive ? "page" : undefined}
              >
                {isActive && (
                  <div className="absolute top-0 left-1/2 -translate-x-1/2 w-8 h-[3px] rounded-b-full bg-gradient-to-r from-[#C5A059] to-[#E8C77D]" />
                )}
                <item.icon className={cn("w-5 h-5 transition-colors", isActive ? "text-[#C5A059]" : "text-foreground")} />
                <span
                  className={cn(
                    "text-[10px] transition-colors",
                    isActive ? "text-[#C5A059] font-bold" : "text-foreground",
                  )}
                >
                  {item.label}
                </span>
              </button>
            )
          })}

{/* More tab - opens drawer */}
          <button
            type="button"
            onClick={() => setDrawerOpen(true)}
            className={cn(
              "relative flex flex-col items-center justify-center gap-0.5 flex-1 h-full",
              "transition-colors",
            )}
            aria-label="More"
          >
            <Menu className="w-5 h-5 text-foreground" />
            <span className="text-[10px] text-foreground">More</span>
          </button>
        </div>
      </nav>

<MobileDrawer open={drawerOpen} onClose={handleCloseDrawer} />
    </>
  )
}
[V0_FILE]typescriptreact:file="components/home/daily-hadith-card.tsx" isMerged="true"
"use client"

import { useState, useRef, useEffect } from "react"
import { Volume2, Bookmark, Share2, ChevronRight, BookOpen, Sparkles, Loader2, ChevronDown } from "lucide-react"
import { cn } from "@/lib/utils"
import { parseEnglishTranslation, getCollectionDisplayName } from "@/lib/hadith-utils"

interface Hadith {
  id: string
  arabic_text: string
  english_translation: string
  collection: string
  reference: string
  grade: "sahih" | "hasan" | "daif"
  narrator: string
  is_saved?: boolean
}

interface DailyHadithCardProps {
  hadith: Hadith
  onSave?: (id: string) => void
  onShare?: (id: string) => void
  onPlayAudio?: (id: string) => void
}

export function DailyHadithCard({ hadith, onSave, onShare, onPlayAudio }: DailyHadithCardProps) {
  const [isSaved, setIsSaved] = useState(hadith.is_saved || false)
  const [isPlaying, setIsPlaying] = useState(false)
  const [summarizing, setSummarizing] = useState(false)
  const [teaching, setTeaching] = useState<string | null>(null)
  const [teachingOpen, setTeachingOpen] = useState(false)
  const teachingRef = useRef<HTMLDivElement>(null)
  const [teachingHeight, setTeachingHeight] = useState(0)

useEffect(() => {
    if (teachingRef.current) {
      setTeachingHeight(teachingRef.current.scrollHeight)
    }
  }, [teachingOpen, teaching])

const handleSummarize = async () => {
    setSummarizing(true)
    try {
      const res = await fetch("/api/summarize", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ hadithId: hadith.id }),
      })
      const data = await res.json()
      if (res.ok && data.key_teaching_en) {
        setTeaching(data.key_teaching_en)
        setTeachingOpen(true)
      }
    } catch (err) {
      console.error("Summarize failed:", err)
    }
    setSummarizing(false)
  }
  const { narrator: parsedNarrator, text: parsedText } = parseEnglishTranslation(hadith.english_translation)
  const displayNarrator = hadith.narrator || parsedNarrator || "Unknown"
  const displayText = parsedText || hadith.english_translation
  const displayCollection = getCollectionDisplayName(hadith.collection)

const gradeColors = {
    sahih: "from-[#10b981] to-[#34d399]",
    hasan: "from-[#3b82f6] to-[#60a5fa]",
    daif: "from-[#6b7280] to-[#9ca3af]",
  }

const gradeLabels = {
    sahih: "Sahih",
    hasan: "Hasan",
    daif: "Da'if",
  }

const handleSave = () => {
    setIsSaved(!isSaved)
    onSave?.(hadith.id)
  }

const handlePlayAudio = () => {
    setIsPlaying(!isPlaying)
    onPlayAudio?.(hadith.id)
  }

return (
    <div className="gold-border rounded-2xl p-6 sm:p-10 premium-card relative overflow-hidden">
      {/* Badges */}
      <div className="flex items-center justify-between mb-6">
        <span className="px-3 py-1.5 rounded-md text-xs font-bold text-white bg-gradient-to-r from-[#1B5E43] to-[#2D7A5B]">
          {displayCollection}
        </span>
        <span
          className={cn(
            "px-3 py-1.5 rounded-md text-xs font-bold text-white bg-gradient-to-r",
            gradeColors[hadith.grade],
          )}
        >
          {gradeLabels[hadith.grade]}
        </span>
      </div>

{/* Arabic Text */}
      <div className="mb-6" dir="rtl" lang="ar">
        <p
          className="text-2xl sm:text-3xl leading-[1.8] text-foreground font-serif text-right"
          style={{ fontFamily: "Amiri, serif" }}
        >
          {hadith.arabic_text}
        </p>
      </div>

{/* English Translation */}
      <div className="mb-6" dir="ltr" lang="en">
        <p className="text-base sm:text-lg leading-relaxed text-muted-foreground">{displayText}</p>
      </div>

{/* Metadata */}
      <div className="flex items-center gap-2 mb-6 text-sm text-muted-foreground">
        <BookOpen className="w-4 h-4" />
        <span>{hadith.reference}</span>
        <span className="mx-2">•</span>
        <span>Narrated by {displayNarrator}</span>
      </div>

{/* Summarize / Key Teaching */}
      <div className="mb-6">
        {teaching ? (
          <>
            <button
              onClick={() => setTeachingOpen(!teachingOpen)}
              className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-[#C5A059] bg-[#C5A059]/8 hover:bg-[#C5A059]/15 transition-colors"
            >
              <BookOpen className="w-3.5 h-3.5" />
              Key Teaching
              <ChevronDown
                className={cn("w-3.5 h-3.5 transition-transform duration-200", teachingOpen && "rotate-180")}
              />
            </button>
            <div
              ref={teachingRef}
              className="overflow-hidden transition-all duration-300 ease-in-out"
              style={{ maxHeight: teachingOpen ? `${teachingHeight}px` : "0px", opacity: teachingOpen ? 1 : 0 }}
            >
              <div className="mt-3 rounded-lg border border-[#C5A059]/15 bg-[#C5A059]/5 p-3.5">
                <p className="text-sm leading-relaxed text-foreground/75">{teaching}</p>
              </div>
            </div>
          </>
        ) : (
          <button
            onClick={handleSummarize}
            disabled={summarizing}
            className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-[#1B5E43] bg-[#1B5E43]/8 hover:bg-[#1B5E43]/15 transition-colors disabled:opacity-50"
          >
            {summarizing ? (
              <Loader2 className="w-3.5 h-3.5 animate-spin" />
            ) : (
              <Sparkles className="w-3.5 h-3.5" />
            )}
            {summarizing ? "Summarizing..." : "Summarize"}
          </button>
        )}
      </div>

{/* Action Buttons */}
      <div className="flex items-center justify-between">
        <div className="flex items-center gap-3">
          <button
            onClick={handlePlayAudio}
            className={cn(
              "w-11 h-11 rounded-lg flex items-center justify-center transition-all",
              isPlaying
                ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white"
                : "bg-muted/50 border border-border text-foreground hover:bg-[#C5A059] hover:text-white hover:border-transparent",
            )}
            aria-label={isPlaying ? "Pause audio recitation" : "Play audio recitation"}
          >
            <Volume2 className="w-5 h-5" />
          </button>
          <button
            onClick={handleSave}
            className={cn(
              "w-11 h-11 rounded-lg flex items-center justify-center transition-all",
              isSaved
                ? "bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white"
                : "bg-muted/50 border border-border text-foreground hover:bg-[#C5A059] hover:text-white hover:border-transparent",
            )}
            aria-label={isSaved ? "Remove from saved" : "Save this hadith"}
          >
            <Bookmark className={cn("w-5 h-5", isSaved && "fill-current")} />
          </button>
          <button
            onClick={() => onShare?.(hadith.id)}
            className="w-11 h-11 rounded-lg flex items-center justify-center bg-muted/50 border border-border text-foreground hover:bg-[#C5A059] hover:text-white hover:border-transparent transition-all"
            aria-label="Share this hadith"
          >
            <Share2 className="w-5 h-5" />
          </button>
        </div>

<a
          href={`/hadith/${hadith.id}`}
          className="inline-flex items-center gap-1 text-[#C5A059] font-medium hover:underline transition-all group"
        >
          Read full hadith
          <ChevronRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
        </a>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/home/quick-actions-grid.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { BookOpen, Bot, GraduationCap, Heart, Users, HelpCircle } from "lucide-react"
import { cn } from "@/lib/utils"

const quickActions = [
  {
    id: "collections",
    icon: BookOpen,
    label: "Browse Collections",
    href: "/collections",
  },
  {
    id: "sunnah",
    icon: Heart,
    label: "Daily Sunnah",
    href: "/sunnah",
  },
  {
    id: "learn",
    icon: GraduationCap,
    label: "Learning Paths",
    href: "/learn",
  },
  {
    id: "stories",
    icon: Users,
    label: "Stories",
    href: "/stories",
  },
  {
    id: "assistant",
    icon: Bot,
    label: "AI Assistant",
    href: "/assistant",
  },
  {
    id: "quiz",
    icon: HelpCircle,
    label: "Test Knowledge",
    href: "/quiz",
  },
]

export function QuickActionsGrid() {
  const router = useRouter()

return (
    <div className="grid grid-cols-3 gap-3">
      {quickActions.map((action) => (
        <button
          key={action.id}
          onClick={() => router.push(action.href)}
          className={cn(
            "group relative flex flex-col items-center justify-center gap-2 p-4",
            "bg-card border border-secondary rounded-xl",
            "hover:bg-gradient-to-br hover:from-[#C5A059] hover:to-[#E8C77D]",
            "hover:-translate-y-1 hover:shadow-lg",
            "transition-all duration-200",
          )}
          aria-label={action.label}
        >
          <action.icon className="w-8 h-8 text-foreground group-hover:text-white transition-colors" />
          <span className="text-sm font-medium text-foreground group-hover:text-white text-center transition-colors">
            {action.label}
          </span>
        </button>
      ))}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/home/recently-viewed-list.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { BookOpen, ChevronRight } from "lucide-react"
import { formatDistanceToNow } from "date-fns"

interface RecentHadith {
  id: string
  title: string
  collection: string
  viewed_at: string
}

interface RecentlyViewedListProps {
  hadiths: RecentHadith[]
}

export function RecentlyViewedList({ hadiths }: RecentlyViewedListProps) {
  const router = useRouter()

if (hadiths.length === 0) {
    return (
      <div className="premium-card gold-border rounded-xl p-6">
        <h3 className="text-lg font-semibold text-foreground mb-4">Recently Viewed</h3>
        <div className="text-center py-8 text-muted-foreground">
          <BookOpen className="w-10 h-10 mx-auto mb-3 opacity-40" />
          <p className="text-sm">No hadiths viewed yet</p>
          <p className="text-xs mt-1">Start exploring to see your history here</p>
        </div>
      </div>
    )
  }

return (
    <div className="premium-card gold-border rounded-xl p-6">
      <h3 className="text-lg font-semibold text-foreground mb-4">Recently Viewed</h3>
      <div className="divide-y divide-border">
        {hadiths.map((hadith) => (
          <button
            key={hadith.id}
            onClick={() => router.push(`/hadith/${hadith.id}`)}
            className="w-full flex items-start gap-3 py-4 first:pt-0 last:pb-0 hover:bg-[#fafaf9] -mx-2 px-2 rounded-lg transition-colors text-left"
          >
            <div className="w-8 h-8 rounded-lg gold-icon-bg flex items-center justify-center shrink-0 mt-0.5">
              <BookOpen className="w-4 h-4 text-[#C5A059]" />
            </div>
            <div className="flex-1 min-w-0">
              <p className="text-sm font-medium text-foreground truncate">{hadith.title}</p>
              <p className="text-xs text-muted-foreground mt-0.5">
                {hadith.collection} • {formatDistanceToNow(new Date(hadith.viewed_at), { addSuffix: true })}
              </p>
            </div>
          </button>
        ))}
      </div>
      <a
        href="/history"
        className="mt-4 inline-flex items-center gap-1 text-sm text-[#C5A059] font-medium hover:underline"
      >
        View all
        <ChevronRight className="w-4 h-4" />
      </a>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/home/reminder-banner.tsx" isMerged="true"
"use client"

import React from "react"

import { useRouter } from "next/navigation"
import { Flame, BookOpen, GraduationCap, X } from "lucide-react"
import { useState } from "react"
import { cn } from "@/lib/utils"

interface ReminderBannerProps {
  streakDays: number
  totalRead: number
  lastActiveDate: string | null
}

interface Reminder {
  icon: React.ElementType
  message: string
  cta: string
  href: string
  color: string
  bgColor: string
  borderColor: string
  iconBg: string
}

export function ReminderBanner({ streakDays, totalRead, lastActiveDate }: ReminderBannerProps) {
  const router = useRouter()
  const [dismissed, setDismissed] = useState(false)

if (dismissed) return null

const reminder = getReminder(streakDays, totalRead, lastActiveDate)
  if (!reminder) return null

const Icon = reminder.icon

return (
    <div
      className={cn(
        "relative rounded-xl border p-4 flex items-start gap-3 transition-all",
        reminder.bgColor,
        reminder.borderColor,
      )}
    >
      <div className={cn("w-10 h-10 rounded-lg flex items-center justify-center shrink-0", reminder.iconBg)}>
        <Icon className={cn("w-5 h-5", reminder.color)} />
      </div>
      <div className="flex-1 min-w-0">
        <p className="text-sm font-medium text-foreground leading-snug">{reminder.message}</p>
        <button
          onClick={() => router.push(reminder.href)}
          className={cn("mt-2 text-xs font-semibold transition-colors hover:underline", reminder.color)}
        >
          {reminder.cta}
        </button>
      </div>
      <button
        onClick={() => setDismissed(true)}
        className="w-6 h-6 rounded-full flex items-center justify-center hover:bg-black/5 transition-colors shrink-0"
        aria-label="Dismiss reminder"
      >
        <X className="w-3.5 h-3.5 text-muted-foreground" />
      </button>
    </div>
  )
}

function getReminder(streakDays: number, totalRead: number, lastActiveDate: string | null): Reminder | null {
  const now = new Date()
  const hour = now.getHours()

// Check if user was inactive yesterday (streak about to break)
  if (lastActiveDate) {
    const lastActive = new Date(lastActiveDate)
    const diffHours = (now.getTime() - lastActive.getTime()) / (1000 * 60 * 60)

// User hasn't been active in 18-48 hours -- streak at risk
    if (diffHours >= 18 && diffHours < 48 && streakDays > 1) {
      return {
        icon: Flame,
        message: `Your ${streakDays}-day streak is at risk! Read a hadith today to keep it going.`,
        cta: "Read now to keep your streak",
        href: "/today",
        color: "text-[#C5A059]",
        bgColor: "bg-[#C5A059]/5",
        borderColor: "border-[#C5A059]/20",
        iconBg: "bg-[#C5A059]/10",
      }
    }

// User broke their streak
    if (diffHours >= 48 && streakDays <= 1) {
      return {
        icon: Flame,
        message: "Start a new reading streak today. Consistency is the key to beneficial knowledge.",
        cta: "Begin reading",
        href: "/today",
        color: "text-[#C5A059]",
        bgColor: "bg-[#C5A059]/5",
        borderColor: "border-[#C5A059]/20",
        iconBg: "bg-[#C5A059]/10",
      }
    }
  }

// Milestone celebrations
  if (totalRead === 0) {
    return {
      icon: BookOpen,
      message: "Start your hadith journey today. Mark your first hadith as read to begin tracking your progress.",
      cta: "Explore collections",
      href: "/collections",
      color: "text-[#1B5E43]",
      bgColor: "bg-[#1B5E43]/5",
      borderColor: "border-[#1B5E43]/20",
      iconBg: "bg-[#1B5E43]/10",
    }
  }

// Quiz reminder -- afternoon/evening and has read some hadiths
  if (hour >= 14 && totalRead >= 10) {
    return {
      icon: GraduationCap,
      message: "Test your knowledge with a quick quiz based on the hadiths you've been reading.",
      cta: "Take a quiz",
      href: "/quiz",
      color: "text-[#1B5E43]",
      bgColor: "bg-[#1B5E43]/5",
      borderColor: "border-[#1B5E43]/20",
      iconBg: "bg-[#1B5E43]/10",
    }
  }

// Streak celebration
  if (streakDays >= 7 && streakDays % 7 === 0) {
    return {
      icon: Flame,
      message: `Masha'Allah! You've maintained a ${streakDays}-day streak. Keep going!`,
      cta: "View your progress",
      href: "/progress",
      color: "text-[#C5A059]",
      bgColor: "bg-[#C5A059]/5",
      borderColor: "border-[#C5A059]/20",
      iconBg: "bg-[#C5A059]/10",
    }
  }

// Default: no banner
  return null
}
[V0_FILE]typescriptreact:file="components/home/search-bar.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useRef, useEffect } from "react"
import { useRouter } from "next/navigation"
import { Search, X } from "lucide-react"
import { cn } from "@/lib/utils"

interface SearchSuggestion {
  id: string
  title: string
  collection: string
}

export function SearchBar() {
  const router = useRouter()
  const [query, setQuery] = useState("")
  const [isFocused, setIsFocused] = useState(false)
  const [suggestions, setSuggestions] = useState<SearchSuggestion[]>([])
  const inputRef = useRef<HTMLInputElement>(null)
  const timeoutRef = useRef<NodeJS.Timeout>()

// Mock suggestions - in real app, fetch from API
  useEffect(() => {
    if (query.length > 1) {
      clearTimeout(timeoutRef.current)
      timeoutRef.current = setTimeout(() => {
        setSuggestions([
          { id: "1", title: `Hadith about ${query}...`, collection: "Sahih Bukhari" },
          { id: "2", title: `${query} in Islamic teachings`, collection: "Sahih Muslim" },
        ])
      }, 200)
    } else {
      setSuggestions([])
    }
    return () => clearTimeout(timeoutRef.current)
  }, [query])

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    if (query.trim()) {
      router.push(`/search?q=${encodeURIComponent(query)}`)
    }
  }

const handleSuggestionClick = (suggestion: SearchSuggestion) => {
    router.push(`/hadith/${suggestion.id}`)
  }

return (
    <div className="relative">
      <form onSubmit={handleSubmit}>
        <div
          className={cn(
            "flex items-center gap-3 px-5 py-3 rounded-full bg-background border transition-all",
            isFocused ? "border-[#C5A059] border-2 w-[400px] lg:w-[600px]" : "border-border w-[300px] lg:w-[400px]",
          )}
        >
          <Search className="w-5 h-5 text-muted-foreground shrink-0" />
          <input
            ref={inputRef}
            type="text"
            value={query}
            onChange={(e) => setQuery(e.target.value)}
            onFocus={() => setIsFocused(true)}
            onBlur={() => setTimeout(() => setIsFocused(false), 200)}
            placeholder="Search hadiths..."
            className="flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
          />
          {query && (
            <button
              type="button"
              onClick={() => setQuery("")}
              className="text-muted-foreground hover:text-foreground transition-colors"
            >
              <X className="w-5 h-5" />
            </button>
          )}
        </div>
      </form>

{/* Suggestions Dropdown */}
      {isFocused && suggestions.length > 0 && (
        <div className="absolute top-full left-0 right-0 mt-2 bg-card rounded-xl shadow-lg border border-border overflow-hidden z-50 max-h-[300px] overflow-y-auto">
          {suggestions.map((suggestion) => (
            <button
              key={suggestion.id}
              onClick={() => handleSuggestionClick(suggestion)}
              className="w-full flex items-center gap-3 px-4 py-3 hover:bg-[#fef3c7] transition-colors text-left"
            >
              <Search className="w-4 h-4 text-muted-foreground" />
              <div>
                <p className="text-sm text-foreground">{suggestion.title}</p>
                <p className="text-xs text-muted-foreground">{suggestion.collection}</p>
              </div>
            </button>
          ))}
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/islamic-pattern.tsx" isMerged="true"
export function IslamicPattern() {
  return (
    <div className="absolute inset-0 overflow-hidden pointer-events-none">
      {/* Top left corner ornament */}
      <svg
        className="absolute top-0 left-0 w-48 h-48 text-primary/10 geometric-shimmer"
        viewBox="0 0 200 200"
        fill="none"
      >
        <path d="M0 0L100 50L200 0V100L150 150L100 100L50 150L0 100V0Z" fill="currentColor" />
        <path d="M100 50L150 100L100 150L50 100L100 50Z" fill="currentColor" fillOpacity="0.5" />
      </svg>

{/* Top right corner ornament */}
      <svg
        className="absolute top-0 right-0 w-48 h-48 text-secondary/10 geometric-shimmer"
        viewBox="0 0 200 200"
        fill="none"
        style={{ animationDelay: "1s" }}
      >
        <path d="M200 0L100 50L0 0V100L50 150L100 100L150 150L200 100V0Z" fill="currentColor" />
        <path d="M100 50L50 100L100 150L150 100L100 50Z" fill="currentColor" fillOpacity="0.5" />
      </svg>

{/* Bottom left corner ornament */}
      <svg
        className="absolute bottom-0 left-0 w-48 h-48 text-secondary/10 geometric-shimmer"
        viewBox="0 0 200 200"
        fill="none"
        style={{ animationDelay: "0.5s" }}
      >
        <path d="M0 200L100 150L200 200V100L150 50L100 100L50 50L0 100V200Z" fill="currentColor" />
        <path d="M100 150L150 100L100 50L50 100L100 150Z" fill="currentColor" fillOpacity="0.5" />
      </svg>

{/* Bottom right corner ornament */}
      <svg
        className="absolute bottom-0 right-0 w-48 h-48 text-primary/10 geometric-shimmer"
        viewBox="0 0 200 200"
        fill="none"
        style={{ animationDelay: "1.5s" }}
      >
        <path d="M200 200L100 150L0 200V100L50 50L100 100L150 50L200 100V200Z" fill="currentColor" />
        <path d="M100 150L50 100L100 50L150 100L100 150Z" fill="currentColor" fillOpacity="0.5" />
      </svg>

{/* Center geometric star pattern */}
      <svg
        className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] text-primary/[0.03]"
        viewBox="0 0 400 400"
        fill="none"
      >
        <polygon
          points="200,10 250,150 400,150 280,230 320,380 200,290 80,380 120,230 0,150 150,150"
          fill="currentColor"
        />
      </svg>

{/* Side decorative lines */}
      <div className="absolute left-8 top-1/4 bottom-1/4 w-px bg-gradient-to-b from-transparent via-secondary/20 to-transparent" />
      <div className="absolute right-8 top-1/4 bottom-1/4 w-px bg-gradient-to-b from-transparent via-secondary/20 to-transparent" />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/layout/app-shell.tsx" isMerged="true"
"use client"

import type { ReactNode } from "react"
import { usePathname } from "next/navigation"
import { Sidebar } from "./sidebar"
import { MobileTopBar } from "./mobile-top-bar"
import { BottomNavigation } from "@/components/home/bottom-navigation"
import { cn } from "@/lib/utils"

// Pages that should NOT show the sidebar/navigation
const excludedPaths = ["/", "/login", "/onboarding", "/reset-password", "/checkout/success"]

interface AppShellProps {
  children: ReactNode
}

export function AppShell({ children }: AppShellProps) {
  const pathname = usePathname()

// Check if current path should be excluded
  const isExcluded = excludedPaths.some((path) => pathname === path || (path !== "/" && pathname.startsWith(path)))

if (isExcluded) {
    return <>{children}</>
  }

return (
    <div className="min-h-screen">
      {/* Desktop Sidebar */}
      <Sidebar />

{/* Mobile Top Bar with back/home buttons */}
      <MobileTopBar />

{/* Main Content - Shifted right on desktop to account for sidebar */}
      <div
        className={cn(
          "transition-all duration-300",
          "md:ml-[260px]", // Default sidebar width
          "pb-20 md:pb-0", // Bottom padding for mobile nav
        )}
      >
        {children}
      </div>

{/* Mobile Bottom Navigation */}
      <BottomNavigation />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/layout/mobile-drawer.tsx" isMerged="true"
"use client"

import { useEffect } from "react"
import { usePathname, useRouter } from "next/navigation"
import { cn } from "@/lib/utils"
import { useTheme } from "next-themes"
import {
  X,
  Tags,
  Heart,
  GraduationCap,
  Users,
  PenLine,
  BarChart3,
  Trophy,
  Bookmark,
  Search,
  HelpCircle,
  Info,
  User,
  Settings,
  LogOut,
  Sun,
  Moon,
} from "lucide-react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"

interface MobileDrawerProps {
  open: boolean
  onClose: () => void
}

const drawerGroups = [
  {
    label: "Study",
    items: [
      { icon: Tags, label: "Topics", href: "/topics" },
      { icon: Heart, label: "Sunnah", href: "/sunnah" },
      { icon: GraduationCap, label: "Learning Paths", href: "/learn" },
      { icon: Users, label: "Stories", href: "/stories" },
    ],
  },
  {
    label: "Daily",
    items: [
      { icon: PenLine, label: "Reflections", href: "/reflections" },
      { icon: BarChart3, label: "Progress", href: "/progress" },
    ],
  },
  {
    label: "Personal",
    items: [
      { icon: Trophy, label: "Achievements", href: "/achievements" },
      { icon: Bookmark, label: "Saved", href: "/saved" },
    ],
  },
  {
    label: "Tools",
    items: [
      { icon: Search, label: "Search", href: "/search" },
      { icon: HelpCircle, label: "Quiz", href: "/quiz" },
    ],
  },
  {
    label: "Account",
    items: [
      { icon: User, label: "Profile", href: "/profile" },
      { icon: Settings, label: "Settings", href: "/settings" },
      { icon: Info, label: "About", href: "/about" },
    ],
  },
]

export function MobileDrawer({ open, onClose }: MobileDrawerProps) {
  const pathname = usePathname()
  const router = useRouter()
  const { resolvedTheme, setTheme } = useTheme()

// Close drawer on route change
  useEffect(() => {
    if (open) {
      onClose()
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [pathname])

// Lock body scroll when open
  useEffect(() => {
    if (open) {
      document.body.style.overflow = "hidden"
    } else {
      document.body.style.overflow = ""
    }
    return () => {
      document.body.style.overflow = ""
    }
  }, [open])

const handleNavigation = (href: string) => {
    router.push(href)
    onClose()
  }

const handleSignOut = async () => {
    const supabase = getSupabaseBrowserClient()
    await fetch("/api/auth/signout", { method: "POST" })
    await supabase.auth.signOut({ scope: "global" })
    document.cookie = "qbos_onboarded=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"
    router.push("/login")
    router.refresh()
    onClose()
  }

return (
    <>
      {/* Backdrop */}
      {open && (
        <div
          className="fixed inset-0 z-[60] bg-black/40 backdrop-blur-sm md:hidden"
          onClick={onClose}
          aria-hidden="true"
        />
      )}

{/* Drawer panel */}
      <div
        className={cn(
          "fixed top-0 right-0 z-[70] h-full w-[280px] bg-card border-l border-border shadow-xl",
          "transform transition-transform duration-300 ease-in-out md:hidden",
          "overflow-y-auto",
          open ? "translate-x-0" : "translate-x-full",
        )}
        role="dialog"
        aria-modal="true"
        aria-label="Navigation menu"
      >
        {/* Drawer Header */}
        <div className="flex items-center justify-between p-4 border-b border-border">
          <h2 className="text-base font-semibold text-foreground">Menu</h2>
          <button
            type="button"
            onClick={onClose}
            className="w-10 h-10 rounded-full bg-muted/50 flex items-center justify-center"
            aria-label="Close menu"
          >
            <X className="w-5 h-5 text-foreground" />
          </button>
        </div>

{/* Navigation Groups */}
        <div className="py-2">
          {drawerGroups.map((group) => (
            <div key={group.label} className="px-3 py-2">
              <p className="text-[11px] font-semibold text-muted-foreground uppercase tracking-wider px-3 mb-1">
                {group.label}
              </p>
              {group.items.map((item) => {
                const isActive = pathname === item.href || pathname.startsWith(item.href + "/")
                return (
                  <button
                    type="button"
                    key={item.href}
                    onClick={() => handleNavigation(item.href)}
                    className={cn(
                      "w-full flex items-center gap-3 px-3 py-3 rounded-lg text-left transition-colors",
                      "min-h-[44px]",
                      isActive
                        ? "bg-[#C5A059]/10 text-[#C5A059]"
                        : "text-foreground hover:bg-muted/50 active:bg-muted",
                    )}
                  >
                    <item.icon className={cn("w-5 h-5 shrink-0", isActive ? "text-[#C5A059]" : "text-muted-foreground")} />
                    <span className={cn("text-sm", isActive && "font-semibold")}>{item.label}</span>
                  </button>
                )
              })}
            </div>
          ))}
        </div>

{/* Theme Toggle */}
        <div className="px-6 py-3 border-t border-border">
          <button
            type="button"
            onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
            className="w-full flex items-center gap-3 px-3 py-3 rounded-lg text-left transition-colors min-h-[44px] text-foreground hover:bg-muted/50 active:bg-muted"
          >
            {resolvedTheme === "dark" ? (
              <Sun className="w-5 h-5 text-[#C5A059] shrink-0" />
            ) : (
              <Moon className="w-5 h-5 text-muted-foreground shrink-0" />
            )}
            <span className="text-sm">{resolvedTheme === "dark" ? "Light Mode" : "Dark Mode"}</span>
          </button>
        </div>

{/* Sign Out */}
        <div className="px-6 py-3 border-t border-border">
          <button
            type="button"
            onClick={handleSignOut}
            className="w-full flex items-center gap-3 px-3 py-3 rounded-lg text-left transition-colors min-h-[44px] text-red-500 hover:bg-red-50 dark:hover:bg-red-500/10 active:bg-red-100"
          >
            <LogOut className="w-5 h-5 shrink-0" />
            <span className="text-sm">Sign Out</span>
          </button>
        </div>
      </div>
    </>
  )
}
[V0_FILE]typescriptreact:file="components/layout/mobile-top-bar.tsx" isMerged="true"
"use client"

import { usePathname, useRouter } from "next/navigation"
import { ChevronLeft, Home } from "lucide-react"
import { cn } from "@/lib/utils"

// Root-level pages where back button should NOT appear
const rootPages = ["/home", "/collections", "/today", "/assistant", "/my-hadith"]

// Pages excluded from showing the top bar entirely
const excludedPaths = ["/", "/login", "/onboarding", "/reset-password", "/checkout/success"]

// Derive a page title from the pathname
function getPageTitle(pathname: string): string {
  const segments = pathname.split("/").filter(Boolean)
  if (segments.length === 0) return ""

// Map known routes to labels
  const routeLabels: Record<string, string> = {
    home: "Home",
    collections: "Collections",
    today: "Today",
    assistant: "AI Assistant",
    "my-hadith": "My Hadith",
    search: "Search",
    saved: "Saved",
    quiz: "Quiz",
    topics: "Topics",
    sunnah: "Sunnah",
    learn: "Learning Paths",
    stories: "Stories",
    reflections: "Reflections",
    progress: "Progress",
    achievements: "Achievements",
    profile: "Profile",
    settings: "Settings",
    pricing: "Pricing",
    hadith: "Hadith",
    share: "Share",
    dashboard: "Dashboard",
    about: "About",
  }

// For deep pages, show the last meaningful segment
  const lastSegment = segments[segments.length - 1]

// Check if the first segment has a known label
  const firstLabel = routeLabels[segments[0]]

if (segments.length === 1) {
    return firstLabel || capitalize(lastSegment)
  }

// For nested routes like /collections/bukhari, /topics/faith, etc.
  // Show the parent label
  if (segments.length === 2) {
    return firstLabel || capitalize(segments[0])
  }

// For deeply nested routes like /collections/bukhari/books/1/chapters/2
  // Show a contextual title
  if (segments[0] === "collections") {
    if (segments.includes("chapters")) return "Chapter"
    if (segments.includes("books")) return "Book"
    return "Collection"
  }

return firstLabel || capitalize(segments[0])
}

function capitalize(s: string): string {
  return s
    .split("-")
    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
    .join(" ")
}

export function MobileTopBar() {
  const pathname = usePathname()
  const router = useRouter()

const isExcluded = excludedPaths.some(
    (path) => pathname === path || (path !== "/" && pathname.startsWith(path))
  )

if (isExcluded) return null

const isRootPage = rootPages.includes(pathname)
  const isHomePage = pathname === "/home"
  const title = getPageTitle(pathname)

return (
    <header
      className={cn(
        "sticky top-0 z-40 flex items-center h-12 px-2 bg-card/95 backdrop-blur-sm border-b border-border",
        "md:hidden" // Only show on mobile
      )}
    >
      {/* Back button - hidden on root pages */}
      <div className="w-10 flex items-center justify-center">
        {!isRootPage && (
          <button
            onClick={() => router.back()}
            className="flex items-center justify-center w-9 h-9 rounded-full hover:bg-muted transition-colors"
            aria-label="Go back"
          >
            <ChevronLeft className="w-5 h-5 text-foreground" />
          </button>
        )}
      </div>

{/* Title */}
      <div className="flex-1 text-center">
        <h1 className="text-sm font-semibold text-foreground truncate px-2">
          {title}
        </h1>
      </div>

{/* Home button - always visible, hidden on home page itself */}
      <div className="w-10 flex items-center justify-center">
        {!isHomePage && (
          <button
            onClick={() => router.push("/home")}
            className="flex items-center justify-center w-9 h-9 rounded-full hover:bg-muted transition-colors"
            aria-label="Go home"
          >
            <Home className="w-5 h-5 text-[#C5A059]" />
          </button>
        )}
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/layout/sidebar.tsx" isMerged="true"
"use client"

import React, { useState, useEffect } from "react"
import { usePathname, useRouter } from "next/navigation"
import Image from "next/image"
import { cn } from "@/lib/utils"
import { useTheme } from "next-themes"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import {
  Home,
  BookOpen,
  Search,
  Bot,
  User,
  Settings,
  GraduationCap,
  ChevronLeft,
  ChevronRight,
  LogOut,
  Bookmark,
  Sun,
  Moon,
  Heart,
  Users,
  PenLine,
  BarChart3,
  HelpCircle,
  Tags,
  Shield,
  Star,
  Trophy,
  Info,
} from "lucide-react"

interface NavGroup {
  label: string
  items: NavItem[]
}

interface NavItem {
  id: string
  icon: React.ComponentType<{ className?: string }>
  label: string
  href: string
  iconColor?: string // resting color class
  iconHover?: string // hover color class
}

const navGroups: NavGroup[] = [
  {
    label: "",
    items: [{ id: "home", icon: Home, label: "Home", href: "/home", iconColor: "text-[#c5a059]/70", iconHover: "group-hover:text-[#c5a059]" }],
  },
  {
    label: "Study",
    items: [
      { id: "collections", icon: BookOpen, label: "Collections", href: "/collections", iconColor: "text-[#1b5e43]/60", iconHover: "group-hover:text-[#1b5e43]" },
      { id: "topics", icon: Tags, label: "Topics", href: "/topics", iconColor: "text-[#e8c77d]/80", iconHover: "group-hover:text-[#c5a059]" },
      { id: "sunnah", icon: Heart, label: "Sunnah", href: "/sunnah", iconColor: "text-[#c5a059]/60", iconHover: "group-hover:text-[#c5a059]" },
      { id: "learn", icon: GraduationCap, label: "Learning Paths", href: "/learn", iconColor: "text-[#2d7a5b]/60", iconHover: "group-hover:text-[#1b5e43]" },
      { id: "stories", icon: Users, label: "Stories", href: "/stories" },
    ],
  },
  {
    label: "Daily",
    items: [
      { id: "today", icon: Sun, label: "Today", href: "/today", iconColor: "text-[#e8c77d]/80", iconHover: "group-hover:text-[#c5a059]" },
      { id: "reflections", icon: PenLine, label: "Reflections", href: "/reflections" },
      { id: "progress", icon: BarChart3, label: "Progress", href: "/progress", iconColor: "text-[#2d7a5b]/60", iconHover: "group-hover:text-[#1b5e43]" },
    ],
  },
  {
    label: "Personal",
    items: [
      { id: "my-hadith", icon: Star, label: "My Hadith", href: "/my-hadith", iconColor: "text-[#c5a059]/70", iconHover: "group-hover:text-[#c5a059]" },
      { id: "achievements", icon: Trophy, label: "Achievements", href: "/achievements", iconColor: "text-[#e8c77d]/80", iconHover: "group-hover:text-[#c5a059]" },
      { id: "saved", icon: Bookmark, label: "Saved", href: "/saved" },
    ],
  },
  {
    label: "Tools",
    items: [
      { id: "search", icon: Search, label: "Search", href: "/search" },
      { id: "assistant", icon: Bot, label: "AI Assistant", href: "/assistant", iconColor: "text-[#1b5e43]/60", iconHover: "group-hover:text-[#1b5e43]" },
      { id: "quiz", icon: HelpCircle, label: "Quiz", href: "/quiz" },
    ],
  },
]

const bottomNavItems = [
  { id: "profile", icon: User, label: "Profile", href: "/profile" },
  { id: "settings", icon: Settings, label: "Settings", href: "/settings" },
  { id: "about", icon: Info, label: "About", href: "/about" },
]

export function Sidebar() {
  const pathname = usePathname()
  const router = useRouter()
  const [collapsed, setCollapsed] = useState(false)
  const [userName, setUserName] = useState<string | null>(null)
  const [userAvatar, setUserAvatar] = useState<string | null>(null)
  const [mounted, setMounted] = useState(false)
  const { setTheme, resolvedTheme } = useTheme()
  const supabase = getSupabaseBrowserClient()

useEffect(() => {
    setMounted(true)
  }, [])

useEffect(() => {
    const fetchUser = async () => {
      try {
        const {
          data: { user },
        } = await supabase.auth.getUser()
        if (user) {
          const { data: profile } = await supabase
            .from("profiles")
            .select("name, avatar_url")
            .eq("user_id", user.id)
            .single()
          if (profile) {
            setUserName(profile.name)
            setUserAvatar(profile.avatar_url)
          }
        }
      } catch {
        /* ignore */
      }
    }
    fetchUser()
  }, [supabase])

const handleSignOut = async () => {
    try {
      await fetch("/api/auth/signout", { method: "POST" })
      await supabase.auth.signOut({ scope: "global" })
    } catch {
      /* ignore */
    }
    document.cookie = "qbos_onboarded=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"
    router.push("/login")
    router.refresh()
  }

const isItemActive = (href: string) =>
    pathname === href || pathname.startsWith(href + "/")

return (
    <aside
      className={cn(
        "fixed left-0 top-0 z-50 h-screen bg-card border-r border-border",
        "hidden md:flex flex-col transition-all duration-300",
        collapsed ? "w-[72px]" : "w-[260px]",
      )}
    >
      {/* Logo */}
      <div
        className={cn(
          "flex items-center gap-3 p-4 border-b border-border",
          collapsed ? "justify-center" : "px-5",
        )}
      >
        <div className="relative w-10 h-10 flex-shrink-0">
          <Image
            src="/images/gemini-generated-image-xw5svjxw5svjxw5s.jpeg"
            alt="Authentic Hadith"
            fill
            className="object-contain"
          />
        </div>
        {!collapsed && (
          <div className="overflow-hidden">
            <h1 className="font-semibold gold-text text-lg leading-tight whitespace-nowrap">
              Authentic Hadith
            </h1>
            <p className="text-xs text-muted-foreground whitespace-nowrap">
              Learn from verified sources
            </p>
          </div>
        )}
      </div>

{/* Navigation */}
      <nav className="flex-1 py-3 overflow-y-auto">
        {navGroups.map((group, groupIdx) => (
          <div key={group.label || `group-${groupIdx}`} className={cn(groupIdx > 0 && "mt-2")}>
            {group.label && !collapsed && (
              <div className="px-5 py-1.5">
                <span className="text-[10px] font-bold uppercase tracking-wider text-muted-foreground/60">
                  {group.label}
                </span>
              </div>
            )}
            {group.label && collapsed && <div className="mx-4 my-1 border-t border-border/50" />}
            <ul className="space-y-0.5 px-3">
              {group.items.map((item) => {
                const isActive = isItemActive(item.href)
                return (
                  <li key={item.id}>
                    <button
                      onClick={() => router.push(item.href)}
                      className={cn(
                        "relative w-full flex items-center gap-3 px-3 py-2.5 rounded-lg",
                        "transition-all duration-200 group",
                        isActive
                          ? "bg-gradient-to-r from-[#C5A059]/15 to-[#E8C77D]/10 text-[#8A6E3A]"
                          : "text-foreground hover:bg-muted",
                        collapsed && "justify-center px-0",
                      )}
                      title={collapsed ? item.label : undefined}
                    >
                      {isActive && (
                        <div className="absolute left-0 top-1/2 -translate-y-1/2 w-[3px] h-6 rounded-r-full bg-gradient-to-b from-[#C5A059] to-[#E8C77D]" />
                      )}
                      <item.icon
                        className={cn(
                          "w-5 h-5 flex-shrink-0 transition-colors",
                          isActive
                            ? "text-[#C5A059]"
                            : item.iconColor
                              ? cn(item.iconColor, item.iconHover)
                              : "text-muted-foreground group-hover:text-foreground",
                        )}
                      />
                      {!collapsed && (
                        <span className={cn("font-medium text-sm whitespace-nowrap", isActive && "gold-text")}>
                          {item.label}
                        </span>
                      )}
                    </button>
                  </li>
                )
              })}
            </ul>
          </div>
        ))}
      </nav>

{/* Bottom */}
      <div className="border-t border-border">
        <ul className="py-2 px-3 space-y-1">
          {bottomNavItems.map((item) => {
            const isActive = pathname === item.href
            return (
              <li key={item.id}>
                <button
                  onClick={() => router.push(item.href)}
                  className={cn(
                    "w-full flex items-center gap-3 px-3 py-2 rounded-lg",
                    "transition-all duration-200 group",
                    isActive
                      ? "bg-muted text-foreground"
                      : "text-muted-foreground hover:bg-muted hover:text-foreground",
                    collapsed && "justify-center px-0",
                  )}
                  title={collapsed ? item.label : undefined}
                >
                  <item.icon className="w-5 h-5 flex-shrink-0" />
                  {!collapsed && <span className="text-sm whitespace-nowrap">{item.label}</span>}
                </button>
              </li>
            )
          })}
          {/* Theme toggle - always visible under About */}
          {mounted && (
            <li>
              <button
                onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
                className={cn(
                  "w-full flex items-center gap-3 px-3 py-2 rounded-lg",
                  "transition-all duration-200 group",
                  "text-muted-foreground hover:bg-muted hover:text-foreground",
                  collapsed && "justify-center px-0",
                )}
                title={collapsed ? (resolvedTheme === "dark" ? "Light mode" : "Dark mode") : undefined}
              >
                {resolvedTheme === "dark" ? (
                  <Sun className="w-5 h-5 flex-shrink-0 text-[#C5A059]" />
                ) : (
                  <Moon className="w-5 h-5 flex-shrink-0" />
                )}
                {!collapsed && (
                  <span className="text-sm whitespace-nowrap">
                    {resolvedTheme === "dark" ? "Light Mode" : "Dark Mode"}
                  </span>
                )}
              </button>
            </li>
          )}
        </ul>

{/* User */}
        <div className={cn("p-3 border-t border-border", collapsed && "flex justify-center")}>
          {collapsed ? (
            <button
              onClick={() => router.push("/profile")}
              className="w-10 h-10 rounded-full overflow-hidden border-2 border-[#C5A059]/30 hover:border-[#C5A059] transition-colors"
            >
              {userAvatar ? (
                <img src={userAvatar || "/placeholder.svg"} alt="Profile" className="w-full h-full object-cover" />
              ) : (
                <div className="w-full h-full bg-muted flex items-center justify-center">
                  <User className="w-5 h-5 text-muted-foreground" />
                </div>
              )}
            </button>
          ) : (
            <div className="flex items-center gap-3">
              <button
                onClick={() => router.push("/profile")}
                className="w-10 h-10 rounded-full overflow-hidden border-2 border-[#C5A059]/30 hover:border-[#C5A059] transition-colors flex-shrink-0"
              >
                {userAvatar ? (
                  <img src={userAvatar || "/placeholder.svg"} alt="Profile" className="w-full h-full object-cover" />
                ) : (
                  <div className="w-full h-full bg-muted flex items-center justify-center">
                    <User className="w-5 h-5 text-muted-foreground" />
                  </div>
                )}
              </button>
              <div className="flex-1 min-w-0">
                <p className="text-sm font-medium text-foreground truncate">{userName || "User"}</p>
                <button
                  onClick={handleSignOut}
                  className="text-xs text-muted-foreground hover:text-destructive transition-colors flex items-center gap-1"
                >
                  <LogOut className="w-3 h-3" />
                  Sign out
                </button>
              </div>
            </div>
          )}
        </div>

{/* Collapse */}
        <div className="p-2 border-t border-border">
          <button
            onClick={() => setCollapsed(!collapsed)}
            className={cn(
              "w-full flex items-center justify-center gap-2 py-2 rounded-lg",
              "text-muted-foreground hover:text-foreground hover:bg-muted transition-all",
            )}
            aria-label={collapsed ? "Expand sidebar" : "Collapse sidebar"}
          >
            {collapsed ? (
              <ChevronRight className="w-5 h-5" />
            ) : (
              <>
                <ChevronLeft className="w-5 h-5" />
                <span className="text-xs">Collapse</span>
              </>
            )}
          </button>
        </div>
      </div>
    </aside>
  )
}
[V0_FILE]typescriptreact:file="components/learn/lesson-content.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { cn } from "@/lib/utils"
import { parseEnglishTranslation } from "@/lib/hadith-utils"

interface HadithRef {
  id: string
  arabic_text: string
  english_translation: string
  collection: string
  reference: string
  grade: string
}

interface LessonContentProps {
  markdown: string
  hadiths?: HadithRef[]
}

const gradeColors: Record<string, string> = {
  sahih: "bg-[#10b981]",
  hasan: "bg-[#3b82f6]",
  daif: "bg-[#6b7280]",
}

export function LessonContent({ markdown, hadiths = [] }: LessonContentProps) {
  const router = useRouter()

// Simple markdown-to-JSX renderer
  const renderMarkdown = (md: string) => {
    const lines = md.split("\n")
    const elements: React.ReactNode[] = []
    let i = 0
    let listItems: string[] = []
    let listType: "ol" | "ul" | null = null
    let tableRows: string[][] = []
    let inTable = false

const flushList = () => {
      if (listItems.length > 0 && listType) {
        const Tag = listType
        elements.push(
          <Tag key={`list-${elements.length}`} className={cn(
            "my-3 space-y-1.5",
            listType === "ol" ? "list-decimal list-inside" : "list-disc list-inside"
          )}>
            {listItems.map((item, idx) => (
              <li key={idx} className="text-sm leading-relaxed text-foreground/80">
                <span dangerouslySetInnerHTML={{ __html: formatInline(item) }} />
              </li>
            ))}
          </Tag>
        )
        listItems = []
        listType = null
      }
    }

const flushTable = () => {
      if (tableRows.length > 1) {
        const header = tableRows[0]
        const body = tableRows.slice(1).filter(r => !r.every(c => /^[-|:]+$/.test(c.trim())))
        elements.push(
          <div key={`table-${elements.length}`} className="my-4 overflow-x-auto rounded-lg border border-border">
            <table className="w-full text-sm">
              <thead>
                <tr className="bg-muted/50">
                  {header.map((cell, idx) => (
                    <th key={idx} className="px-3 py-2 text-left text-xs font-semibold text-foreground">
                      {cell.trim()}
                    </th>
                  ))}
                </tr>
              </thead>
              <tbody>
                {body.map((row, rIdx) => (
                  <tr key={rIdx} className="border-t border-border">
                    {row.map((cell, cIdx) => (
                      <td key={cIdx} className="px-3 py-2 text-xs text-foreground/80">
                        {cell.trim()}
                      </td>
                    ))}
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        )
      }
      tableRows = []
      inTable = false
    }

const formatInline = (text: string): string => {
      return text
        .replace(/\*\*(.+?)\*\*/g, '<strong class="font-semibold text-foreground">$1</strong>')
        .replace(/\*(.+?)\*/g, '<em class="italic">$1</em>')
        .replace(/`(.+?)`/g, '<code class="px-1 py-0.5 rounded bg-muted text-xs font-mono">$1</code>')
    }

while (i < lines.length) {
      const line = lines[i]

// Table row
      if (line.trim().startsWith("|") && line.trim().endsWith("|")) {
        flushList()
        inTable = true
        const cells = line.split("|").filter(Boolean)
        tableRows.push(cells)
        i++
        continue
      } else if (inTable) {
        flushTable()
      }

// Heading
      if (line.startsWith("# ")) {
        flushList()
        elements.push(
          <h1 key={i} className="text-xl font-bold text-foreground mt-6 mb-3" style={{ fontFamily: "Cinzel, serif" }}>
            {line.slice(2)}
          </h1>
        )
        i++
        continue
      }
      if (line.startsWith("## ")) {
        flushList()
        elements.push(
          <h2 key={i} className="text-lg font-bold text-foreground mt-5 mb-2" style={{ fontFamily: "Cinzel, serif" }}>
            {line.slice(3)}
          </h2>
        )
        i++
        continue
      }
      if (line.startsWith("### ")) {
        flushList()
        elements.push(
          <h3 key={i} className="text-base font-semibold text-foreground mt-4 mb-2">
            {line.slice(4)}
          </h3>
        )
        i++
        continue
      }

// Blockquote
      if (line.startsWith("> ")) {
        flushList()
        elements.push(
          <blockquote
            key={i}
            className="my-3 pl-4 border-l-4 border-[#C5A059]/40 bg-[#C5A059]/5 rounded-r-lg py-2 pr-3"
          >
            <p
              className="text-sm italic leading-relaxed text-foreground/80"
              dangerouslySetInnerHTML={{ __html: formatInline(line.slice(2)) }}
            />
          </blockquote>
        )
        i++
        continue
      }

// Ordered list
      if (/^\d+\.\s/.test(line)) {
        if (listType !== "ol") {
          flushList()
          listType = "ol"
        }
        listItems.push(line.replace(/^\d+\.\s/, ""))
        i++
        continue
      }

// Unordered list
      if (line.startsWith("- ") || line.startsWith("* ")) {
        if (listType !== "ul") {
          flushList()
          listType = "ul"
        }
        listItems.push(line.slice(2))
        i++
        continue
      }

// Empty line
      if (line.trim() === "") {
        flushList()
        i++
        continue
      }

// Regular paragraph
      flushList()
      elements.push(
        <p
          key={i}
          className="text-sm leading-relaxed text-foreground/80 my-2"
          dangerouslySetInnerHTML={{ __html: formatInline(line) }}
        />
      )
      i++
    }

flushList()
    if (inTable) flushTable()

return elements
  }

return (
    <article className="premium-card rounded-xl p-5 sm:p-6">
      {/* Rendered Markdown */}
      <div className="lesson-content">
        {renderMarkdown(markdown)}
      </div>

{/* Referenced Hadiths */}
      {hadiths.length > 0 && (
        <div className="mt-8 pt-6 border-t border-border">
          <h3 className="text-sm font-semibold text-[#C5A059] mb-4 uppercase tracking-wider">
            Referenced Hadiths
          </h3>
          <div className="flex flex-col gap-3">
            {hadiths.map((hadith) => {
              const { narrator, text } = parseEnglishTranslation(hadith.english_translation)
              return (
                <button
                  key={hadith.id}
                  onClick={() => router.push(`/hadith/${hadith.id}`)}
                  className="text-left p-4 rounded-xl border border-border hover:border-[#C5A059]/40 transition-colors"
                >
                  <div className="flex items-center gap-2 mb-2">
                    <span className="text-xs font-medium text-muted-foreground">
                      {hadith.reference}
                    </span>
                    <span className={cn(
                      "w-1.5 h-1.5 rounded-full",
                      gradeColors[hadith.grade] || "bg-muted"
                    )} />
                  </div>
                  {narrator && (
                    <p className="text-xs text-muted-foreground italic mb-1">
                      Narrated by {narrator}
                    </p>
                  )}
                  <p className="text-sm text-foreground/80 line-clamp-3 leading-relaxed">
                    {text}
                  </p>
                </button>
              )
            })}
          </div>
        </div>
      )}
    </article>
  )
}
[V0_FILE]typescriptreact:file="components/learn/lesson-quiz.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import {
  CheckCircle2,
  XCircle,
  ChevronRight,
  Lightbulb,
  Trophy,
  RotateCcw,
} from "lucide-react"
import { saveLessonQuizScore } from "@/app/actions/learning-progress"
import { cn } from "@/lib/utils"

interface QuizQuestion {
  id: string
  question_text: string
  question_type: string
  options: string[]
  correct_index: number
  hint_text: string | null
  sort_order: number
}

interface LessonQuizProps {
  questions: QuizQuestion[]
  lessonId: string
  pathId?: string
  onComplete: (score: number, passed: boolean) => void
}

export function LessonQuiz({ questions, lessonId, pathId, onComplete }: LessonQuizProps) {
  const [currentIdx, setCurrentIdx] = useState(0)
  const [selectedAnswer, setSelectedAnswer] = useState<number | null>(null)
  const [showResult, setShowResult] = useState(false)
  const [showHint, setShowHint] = useState(false)
  const [answers, setAnswers] = useState<Array<{ questionId: string; selected: number; correct: boolean }>>([])
  const [quizDone, setQuizDone] = useState(false)
  const [startTime] = useState(Date.now())

const question = questions[currentIdx]
  const isCorrect = selectedAnswer === question?.correct_index
  const score = answers.length > 0 ? Math.round((answers.filter((a) => a.correct).length / questions.length) * 100) : 0
  const passed = score >= 70

const handleSelectAnswer = (index: number) => {
    if (showResult) return
    setSelectedAnswer(index)
  }

const handleSubmitAnswer = () => {
    if (selectedAnswer === null) return
    setShowResult(true)
    setAnswers((prev) => [
      ...prev,
      { questionId: question.id, selected: selectedAnswer, correct: selectedAnswer === question.correct_index },
    ])
  }

const handleNext = () => {
    if (currentIdx < questions.length - 1) {
      setCurrentIdx(currentIdx + 1)
      setSelectedAnswer(null)
      setShowResult(false)
      setShowHint(false)
    } else {
      setQuizDone(true)
    }
  }

useEffect(() => {
    if (quizDone) {
      const timeTaken = Math.round((Date.now() - startTime) / 1000)
      saveLessonQuizScore(
        lessonId,
        score,
        passed,
        pathId,
        questions.length,
        answers.filter((a) => a.correct).length,
        timeTaken,
        answers
      ).catch(() => {})
    }
  }, [quizDone, lessonId, pathId, score, passed, answers, questions.length, startTime])

const handleRetry = () => {
    setCurrentIdx(0)
    setSelectedAnswer(null)
    setShowResult(false)
    setShowHint(false)
    setAnswers([])
    setQuizDone(false)
  }

if (quizDone) {
    return (
      <div className="premium-card rounded-xl p-6 text-center">
        <div
          className={cn(
            "w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4",
            passed ? "bg-[#1B5E43]/10" : "bg-red-50"
          )}
        >
          {passed ? (
            <Trophy className="w-8 h-8 text-[#1B5E43]" />
          ) : (
            <XCircle className="w-8 h-8 text-red-500" />
          )}
        </div>

<h2 className="text-xl font-bold text-foreground mb-2">
          {passed ? "Quiz Passed" : "Not Quite"}
        </h2>

<p className="text-sm text-muted-foreground mb-4">
          You scored {score}% ({answers.filter((a) => a.correct).length}/{questions.length} correct)
        </p>

<div className="flex flex-col gap-3">
          {passed ? (
            <button
              onClick={() => onComplete(score, true)}
              className="w-full py-3 rounded-xl text-sm font-medium emerald-button text-white"
            >
              Continue
            </button>
          ) : (
            <>
              <button
                onClick={handleRetry}
                className="w-full flex items-center justify-center gap-2 py-3 rounded-xl text-sm font-medium emerald-button text-white"
              >
                <RotateCcw className="w-4 h-4" />
                Try Again
              </button>
              <button
                onClick={() => onComplete(score, false)}
                className="w-full py-3 rounded-xl text-sm font-medium border border-border text-muted-foreground hover:bg-muted transition-colors"
              >
                Skip for Now
              </button>
            </>
          )}
        </div>
      </div>
    )
  }

return (
    <div className="premium-card rounded-xl p-5 sm:p-6">
      {/* Progress */}
      <div className="flex items-center justify-between mb-4">
        <span className="text-xs font-medium text-muted-foreground">
          Question {currentIdx + 1} of {questions.length}
        </span>
        <div className="flex items-center gap-1">
          {questions.map((_, idx) => (
            <div
              key={idx}
              className={cn(
                "w-2 h-2 rounded-full",
                idx < answers.length
                  ? answers[idx]?.correct
                    ? "bg-[#1B5E43]"
                    : "bg-red-400"
                  : idx === currentIdx
                    ? "bg-[#C5A059]"
                    : "bg-border"
              )}
            />
          ))}
        </div>
      </div>

{/* Progress bar */}
      <div className="w-full h-1.5 rounded-full bg-muted mb-6 overflow-hidden">
        <div
          className="h-full rounded-full bg-[#C5A059] transition-all duration-300"
          style={{ width: `${((currentIdx + 1) / questions.length) * 100}%` }}
        />
      </div>

{/* Question */}
      <h3 className="text-base font-semibold text-foreground mb-5 leading-relaxed">
        {question.question_text}
      </h3>

{/* Options */}
      <div className="flex flex-col gap-2.5">
        {question.options.map((option, idx) => {
          const isSelected = selectedAnswer === idx
          const isAnswerCorrect = showResult && idx === question.correct_index
          const isAnswerWrong = showResult && isSelected && !isCorrect

return (
            <button
              key={idx}
              onClick={() => handleSelectAnswer(idx)}
              disabled={showResult}
              className={cn(
                "w-full text-left px-4 py-3.5 rounded-xl border transition-all text-sm",
                showResult
                  ? isAnswerCorrect
                    ? "border-[#1B5E43] bg-[#1B5E43]/10 text-[#1B5E43] font-medium"
                    : isAnswerWrong
                      ? "border-red-400 bg-red-50 text-red-600"
                      : "border-border text-muted-foreground"
                  : isSelected
                    ? "border-[#C5A059] bg-[#C5A059]/5 text-foreground"
                    : "border-border text-foreground hover:border-[#C5A059]/50"
              )}
            >
              <div className="flex items-center gap-3">
                <span
                  className={cn(
                    "w-7 h-7 rounded-full flex items-center justify-center text-xs font-bold shrink-0",
                    showResult
                      ? isAnswerCorrect
                        ? "bg-[#1B5E43] text-white"
                        : isAnswerWrong
                          ? "bg-red-400 text-white"
                          : "bg-muted text-muted-foreground"
                      : isSelected
                        ? "bg-[#C5A059] text-white"
                        : "bg-muted text-muted-foreground"
                  )}
                >
                  {showResult && isAnswerCorrect ? (
                    <CheckCircle2 className="w-4 h-4" />
                  ) : showResult && isAnswerWrong ? (
                    <XCircle className="w-4 h-4" />
                  ) : (
                    String.fromCharCode(65 + idx)
                  )}
                </span>
                <span>{option}</span>
              </div>
            </button>
          )
        })}
      </div>

{/* Hint */}
      {!showResult && question.hint_text && (
        <button
          onClick={() => setShowHint(!showHint)}
          className="flex items-center gap-1.5 mt-4 text-xs text-[#C5A059] hover:text-[#C5A059]/80 transition-colors"
        >
          <Lightbulb className="w-3.5 h-3.5" />
          {showHint ? "Hide hint" : "Need a hint?"}
        </button>
      )}
      {showHint && question.hint_text && (
        <div className="mt-2 p-3 rounded-lg bg-[#C5A059]/5 border border-[#C5A059]/20">
          <p className="text-xs text-[#C5A059] leading-relaxed">{question.hint_text}</p>
        </div>
      )}

{/* Submit / Next */}
      <div className="mt-6">
        {!showResult ? (
          <button
            onClick={handleSubmitAnswer}
            disabled={selectedAnswer === null}
            className="w-full py-3.5 rounded-xl text-sm font-medium gold-button text-white disabled:opacity-50"
          >
            Check Answer
          </button>
        ) : (
          <button
            onClick={handleNext}
            className="w-full flex items-center justify-center gap-2 py-3.5 rounded-xl text-sm font-medium emerald-button text-white"
          >
            {currentIdx < questions.length - 1 ? "Next Question" : "See Results"}
            <ChevronRight className="w-4 h-4" />
          </button>
        )}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/my-hadith/bookmarked-hadith-card.tsx" isMerged="true"
"use client";

import { useState, useRef, useEffect } from "react";
import { Trash2, ExternalLink, Sparkles, Loader2, BookOpen, ChevronDown } from "lucide-react";
import { cn } from "@/lib/utils";

interface BookmarkedHadithCardProps {
  bookmark: {
    id: string;
    item_id: string;
    item_type: string;
    created_at: string;
    hadiths: {
      id: string;
      arabic_text: string;
      english_translation: string;
      collection: string;
      reference: string;
      grade: string;
      summary_line: string;
    };
  };
  onRemove?: () => void;
  onClick?: () => void;
}

const gradeColors: Record<string, string> = {
  sahih: "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300",
  hasan: "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",
  daif: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",
};

export function BookmarkedHadithCard({
  bookmark,
  onRemove,
  onClick,
}: BookmarkedHadithCardProps) {
  const hadith = bookmark.hadiths;
  const [summarizing, setSummarizing] = useState(false);
  const [teaching, setTeaching] = useState<string | null>(null);
  const [teachingOpen, setTeachingOpen] = useState(false);
  const teachingRef = useRef<HTMLDivElement>(null);
  const [teachingHeight, setTeachingHeight] = useState(0);

useEffect(() => {
    if (teachingRef.current) {
      setTeachingHeight(teachingRef.current.scrollHeight);
    }
  }, [teachingOpen, teaching]);

if (!hadith) return null;

return (
    <div className="group premium-card gold-border rounded-xl overflow-hidden transition-all hover:shadow-md">
      <button
        type="button"
        onClick={onClick}
        className="w-full text-left p-4"
      >
        {/* Meta row */}
        <div className="flex items-center gap-2 mb-2">
          <span className="text-xs font-medium text-muted-foreground">
            {hadith.collection}
          </span>
          <span className="text-muted-foreground/40">|</span>
          <span className="text-xs text-muted-foreground">
            {hadith.reference}
          </span>
          {hadith.grade && (
            <span
              className={cn(
                "px-1.5 py-0.5 rounded-full text-[10px] font-medium capitalize",
                gradeColors[hadith.grade?.toLowerCase()] ||
                  "bg-muted text-muted-foreground",
              )}
            >
              {hadith.grade}
            </span>
          )}
        </div>

{/* Summary or translation */}
        {hadith.summary_line ? (
          <p className="text-sm font-semibold text-foreground mb-1 line-clamp-1">
            {hadith.summary_line}
          </p>
        ) : null}
        <p className="text-sm text-foreground/80 leading-relaxed line-clamp-2">
          {hadith.english_translation}
        </p>

{/* Summarize / Key Teaching */}
        <div className="mt-3" onClick={(e) => e.stopPropagation()}>
          {teaching ? (
            <>
              <button
                onClick={(e) => {
                  e.stopPropagation();
                  setTeachingOpen(!teachingOpen);
                }}
                className="flex items-center gap-1.5 px-2 py-1 rounded-lg text-[11px] font-medium text-[#C5A059] bg-[#C5A059]/8 hover:bg-[#C5A059]/15 transition-colors"
              >
                <BookOpen className="w-3 h-3" />
                Key Teaching
                <ChevronDown
                  className={cn("w-3 h-3 transition-transform duration-200", teachingOpen && "rotate-180")}
                />
              </button>
              <div
                ref={teachingRef}
                className="overflow-hidden transition-all duration-300 ease-in-out"
                style={{ maxHeight: teachingOpen ? `${teachingHeight}px` : "0px", opacity: teachingOpen ? 1 : 0 }}
              >
                <div className="mt-2 rounded-lg border border-[#C5A059]/15 bg-[#C5A059]/5 p-2.5">
                  <p className="text-[11px] leading-relaxed text-foreground/75">{teaching}</p>
                </div>
              </div>
            </>
          ) : (
            <button
              onClick={handleSummarize}
              disabled={summarizing}
              className="flex items-center gap-1 px-2 py-1 rounded-lg text-[11px] font-medium text-[#1B5E43] bg-[#1B5E43]/8 hover:bg-[#1B5E43]/15 transition-colors disabled:opacity-50"
            >
              {summarizing ? (
                <Loader2 className="w-3 h-3 animate-spin" />
              ) : (
                <Sparkles className="w-3 h-3" />
              )}
              {summarizing ? "Summarizing..." : "Summarize"}
            </button>
          )}
        </div>

{/* Saved date */}
        <p className="text-[10px] text-muted-foreground mt-2">
          Saved {new Date(bookmark.created_at).toLocaleDateString()}
        </p>
      </button>

{/* Action bar */}
      <div className="flex items-center justify-end gap-1 px-3 pb-3">
        <button
          type="button"
          onClick={onClick}
          className="p-1.5 rounded-lg hover:bg-muted text-muted-foreground transition-colors"
          aria-label="View hadith"
        >
          <ExternalLink className="w-3.5 h-3.5" />
        </button>
        {onRemove && (
          <button
            type="button"
            onClick={(e) => {
              e.stopPropagation();
              onRemove();
            }}
            className="p-1.5 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 text-muted-foreground hover:text-red-500 transition-colors"
            aria-label="Remove bookmark"
          >
            <Trash2 className="w-3.5 h-3.5" />
          </button>
        )}
      </div>
    </div>
  );
}
[V0_FILE]typescriptreact:file="components/my-hadith/create-folder-modal.tsx" isMerged="true"
"use client";

import { useState, useEffect } from "react";
import { X } from "lucide-react";

const FOLDER_COLORS = [
  "#1b5e43",
  "#c5a059",
  "#b91c1c",
  "#2563eb",
  "#7c3aed",
  "#ea580c",
  "#0891b2",
  "#6b7280",
];

const FOLDER_EMOJIS = [
  "📖", "⭐", "🤲", "📚", "💡", "🕌", "🌙", "💎",
];

interface CreateFolderModalProps {
  open: boolean;
  onClose: () => void;
  onCreated: () => void;
}

export function CreateFolderModal({
  open,
  onClose,
  onCreated,
}: CreateFolderModalProps) {
  const [name, setName] = useState("");
  const [color, setColor] = useState(FOLDER_COLORS[0]);
  const [emoji, setEmoji] = useState(FOLDER_EMOJIS[0]);
  const [loading, setLoading] = useState(false);

useEffect(() => {
    if (open) {
      setName("");
      setColor(FOLDER_COLORS[0]);
      setEmoji(FOLDER_EMOJIS[0]);
    }
  }, [open]);

async function handleCreate() {
    if (!name.trim()) return;
    setLoading(true);
    try {
      const res = await fetch("/api/my-hadith/folders", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ name: name.trim(), color, icon: emoji }),
      });
      if (res.ok) {
        onCreated();
      }
    } finally {
      setLoading(false);
    }
  }

if (!open) return null;

return (
    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
      {/* Backdrop */}
      <div
        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
        onClick={onClose}
        onKeyDown={() => {}}
        role="presentation"
      />

{/* Modal */}
      <div className="relative w-full max-w-md bg-card border border-border rounded-2xl shadow-xl p-6 z-10">
        <div className="flex items-center justify-between mb-5">
          <h2 className="text-lg font-bold text-foreground">
            Create Folder
          </h2>
          <button
            type="button"
            onClick={onClose}
            className="p-1.5 rounded-lg hover:bg-muted text-muted-foreground transition-colors"
          >
            <X className="w-5 h-5" />
          </button>
        </div>

<div className="space-y-4">
          {/* Name */}
          <div>
            <label
              htmlFor="folder-name"
              className="block text-sm font-medium text-foreground mb-1.5"
            >
              Name
            </label>
            <input
              id="folder-name"
              type="text"
              value={name}
              onChange={(e) => setName(e.target.value)}
              placeholder="e.g., Favorites, Daily Reads"
              maxLength={50}
              className="w-full px-3 py-2.5 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:border-[#C5A059] focus:ring-2 focus:ring-[#C5A059]/20 outline-none transition-all text-sm"
              autoFocus
            />
          </div>

{/* Emoji */}
          <div>
            <label className="block text-sm font-medium text-foreground mb-1.5">
              Icon
            </label>
            <div className="flex gap-2 flex-wrap">
              {FOLDER_EMOJIS.map((e) => (
                <button
                  key={e}
                  type="button"
                  onClick={() => setEmoji(e)}
                  className={`w-10 h-10 rounded-lg border-2 text-lg flex items-center justify-center transition-all ${
                    emoji === e
                      ? "border-[#C5A059] bg-[#C5A059]/10"
                      : "border-border hover:border-[#C5A059]/50"
                  }`}
                >
                  {e}
                </button>
              ))}
            </div>
          </div>

{/* Color */}
          <div>
            <label className="block text-sm font-medium text-foreground mb-1.5">
              Color
            </label>
            <div className="flex gap-2">
              {FOLDER_COLORS.map((c) => (
                <button
                  key={c}
                  type="button"
                  onClick={() => setColor(c)}
                  className="h-8 w-8 rounded-full border-2 transition-all"
                  style={{
                    backgroundColor: c,
                    borderColor:
                      color === c ? "var(--foreground)" : "transparent",
                  }}
                  aria-label={`Select color ${c}`}
                />
              ))}
            </div>
          </div>

{/* Preview */}
          <div className="flex items-center gap-3 rounded-lg border border-border p-3 bg-muted/30">
            <div
              className="flex h-10 w-10 items-center justify-center rounded-lg text-lg"
              style={{
                backgroundColor: `${color}20`,
                color: color,
              }}
            >
              {emoji}
            </div>
            <span className="text-sm font-medium text-foreground">
              {name || "Folder name"}
            </span>
          </div>

{/* Submit */}
          <button
            type="button"
            onClick={handleCreate}
            disabled={!name.trim() || loading}
            className="w-full gold-button py-2.5 rounded-lg text-sm font-semibold disabled:opacity-50 disabled:cursor-not-allowed"
          >
            {loading ? "Creating..." : "Create Folder"}
          </button>
        </div>
      </div>
    </div>
  );
}
[V0_FILE]typescriptreact:file="components/my-hadith/folder-card.tsx" isMerged="true"
"use client";

import { FolderOpen } from "lucide-react";

interface FolderCardProps {
  folder: {
    id: string;
    name: string;
    icon: string | null;
    color: string;
    item_count: number;
  };
  onClick?: () => void;
}

export function FolderCard({ folder, onClick }: FolderCardProps) {
  return (
    <button
      type="button"
      onClick={onClick}
      className="group flex flex-col rounded-xl border border-border bg-card p-4 transition-all hover:border-[#C5A059] hover:shadow-sm text-left min-h-[100px]"
    >
      <div className="mb-3 flex items-center justify-between">
        <div
          className="flex h-10 w-10 items-center justify-center rounded-lg text-lg"
          style={{
            backgroundColor: `${folder.color}20`,
            color: folder.color,
          }}
        >
          {folder.icon || <FolderOpen className="h-5 w-5" />}
        </div>
      </div>
      <h3 className="text-sm font-semibold text-foreground mb-0.5 truncate">
        {folder.name}
      </h3>
      <span className="text-xs text-muted-foreground">
        {folder.item_count} {folder.item_count === 1 ? "item" : "items"}
      </span>
    </button>
  );
}
[V0_FILE]typescriptreact:file="components/onboarding/progress-indicator.tsx" isMerged="true"
"use client"

import { Check } from "lucide-react"
import { cn } from "@/lib/utils"

interface ProgressIndicatorProps {
  currentStep: number
  totalSteps: number
}

export function ProgressIndicator({ currentStep, totalSteps }: ProgressIndicatorProps) {
  const steps = [{ label: "Profile Setup" }, { label: "Preferences" }, { label: "Safety Guidelines" }]

return (
    <div className="flex flex-col items-center gap-3">
      {/* Progress Dots */}
      <div className="flex items-center gap-3">
        {Array.from({ length: totalSteps }).map((_, index) => {
          const stepNumber = index + 1
          const isCompleted = stepNumber < currentStep
          const isActive = stepNumber === currentStep

return (
            <div key={index} className="flex items-center">
              <div
                className={cn(
                  "w-4 h-4 rounded-full flex items-center justify-center transition-all duration-300",
                  isCompleted && "bg-[#1B5E43]",
                  isActive && "gold-dot-active",
                  !isCompleted && !isActive && "bg-[#d4d4d8]",
                )}
              >
                {isCompleted && <Check className="w-3 h-3 text-white" />}
              </div>
              {index < totalSteps - 1 && (
                <div
                  className={cn(
                    "w-8 h-0.5 ml-3 transition-colors duration-300",
                    stepNumber < currentStep ? "bg-[#1B5E43]" : "bg-[#d4d4d8]",
                  )}
                />
              )}
            </div>
          )
        })}
      </div>

{/* Step Label */}
      <p className="text-sm text-muted-foreground">
        Step {currentStep} of {totalSteps}: {steps[currentStep - 1]?.label}
      </p>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/step-plan.tsx" isMerged="true"
"use client"

import { Crown, Check, Star, Sparkles, BookOpen } from "lucide-react"
import { PRODUCTS, type Product } from "@/lib/products"
import { cn } from "@/lib/utils"

interface StepPlanProps {
  selectedPlanId: string | null
  onSelect: (planId: string | null) => void
}

function formatPrice(cents: number, interval?: string) {
  const dollars = (cents / 100).toFixed(2).replace(/\.00$/, "")
  if (interval === "month") return `$${dollars}/mo`
  if (interval === "year") return `$${dollars}/yr`
  return `$${dollars}`
}

const TIER_ICONS: Record<string, typeof Crown> = {
  "monthly-premium": Star,
  "annual-premium": Crown,
  "lifetime-access": Sparkles,
}

export function StepPlan({ selectedPlanId, onSelect }: StepPlanProps) {
  return (
    <div className="space-y-6">
      {/* Heading */}
      <div className="text-center">
        <div className="flex justify-center mb-4">
          <div className="w-16 h-16 rounded-full gold-icon-bg flex items-center justify-center">
            <Crown className="w-8 h-8 text-[#C5A059]" />
          </div>
        </div>
        <h2 className="text-2xl font-bold text-foreground mb-2">Choose Your Plan</h2>
        <p className="text-muted-foreground text-sm">
          Start free as an Explorer or unlock deeper study with Pro. Change anytime.
        </p>
      </div>

{/* Explorer (Free) Option */}
      <button
        type="button"
        onClick={() => onSelect(null)}
        className={cn(
          "w-full flex items-center gap-4 p-4 rounded-lg border-2 transition-all text-left",
          selectedPlanId === null
            ? "border-[#1B5E43] bg-[#1B5E43]/5"
            : "border-border hover:border-muted-foreground/40"
        )}
      >
        <div className={cn(
          "w-5 h-5 rounded-full flex-shrink-0 flex items-center justify-center border-2 transition-all",
          selectedPlanId === null ? "border-[#1B5E43] bg-[#1B5E43]" : "border-muted-foreground/40"
        )}>
          {selectedPlanId === null && (
            <Check className="w-3 h-3 text-white" />
          )}
        </div>
        <div className="flex items-center gap-2 flex-1">
          <BookOpen className="w-4 h-4 text-[#1B5E43] dark:text-[#6bb895] shrink-0" />
          <div>
            <div className="font-semibold text-foreground">Explorer</div>
            <p className="text-xs text-muted-foreground mt-0.5">
              Browse all collections, basic search, 3 AI/day, 40 saves, 1 quiz/day
            </p>
          </div>
        </div>
        <span className="text-sm font-bold text-[#1B5E43] dark:text-[#6bb895]">Free</span>
      </button>

{/* Divider */}
      <div className="flex items-center gap-3">
        <div className="flex-1 h-px bg-border" />
        <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Upgrade for depth</span>
        <div className="flex-1 h-px bg-border" />
      </div>

{/* Paid Plans */}
      <div className="space-y-3">
        {PRODUCTS.map((product) => {
          const isSelected = selectedPlanId === product.id
          const IconComponent = TIER_ICONS[product.id] || Star
          return (
            <button
              key={product.id}
              type="button"
              onClick={() => onSelect(product.id)}
              className={cn(
                "w-full flex items-start gap-4 p-4 rounded-lg border-2 transition-all text-left relative overflow-hidden",
                isSelected
                  ? "border-[#C5A059] bg-[#C5A059]/5"
                  : "border-border hover:border-[#C5A059]/40",
                product.highlighted && !isSelected && "border-[#C5A059]/30"
              )}
            >
              {/* Badge */}
              {product.badge && (
                <div className="absolute top-0 right-0 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-[#C5A059] text-white rounded-bl-lg">
                  {product.badge}
                </div>
              )}

{/* Radio indicator */}
              <div className={cn(
                "w-5 h-5 rounded-full flex-shrink-0 flex items-center justify-center border-2 mt-0.5 transition-all",
                isSelected ? "border-[#C5A059] bg-[#C5A059]" : "border-muted-foreground/40"
              )}>
                {isSelected && (
                  <Check className="w-3 h-3 text-white" />
                )}
              </div>

{/* Content */}
              <div className="flex-1 min-w-0">
                <div className="flex items-center gap-2">
                  <IconComponent className="w-4 h-4 text-[#C5A059]" />
                  <span className="font-semibold text-foreground text-sm">{product.tierLabel} -- {product.name}</span>
                </div>
                <p className="text-xs text-muted-foreground mt-1 line-clamp-2">{product.description}</p>
                {/* Key features preview */}
                {product.features && product.features.length > 0 && (
                  <div className="flex flex-wrap gap-1 mt-2">
                    {product.features.slice(0, 3).map((feature, i) => (
                      <span key={i} className="text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground">
                        {feature}
                      </span>
                    ))}
                  </div>
                )}
              </div>

{/* Price */}
              <div className="text-right flex-shrink-0">
                <div className="font-bold text-foreground text-sm">
                  {formatPrice(product.priceInCents, product.interval)}
                </div>
                {product.trialDays && (
                  <div className="text-[10px] text-[#1B5E43] font-medium mt-0.5">
                    {product.trialDays}-day free trial
                  </div>
                )}
              </div>
            </button>
          )
        })}
      </div>

{/* Fine print */}
      <p className="text-[11px] text-muted-foreground/60 text-center leading-relaxed">
        You can cancel anytime from your profile settings or device subscription manager.
        No charge until your free trial ends.
      </p>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/step-preferences.tsx" isMerged="true"
"use client"

import React from "react"

import { useState } from "react"

import { Check } from "lucide-react"
import { cn } from "@/lib/utils"

const COLLECTIONS = [
  { id: "bukhari", name: "Sahih Bukhari", count: "7,563 hadiths" },
  { id: "muslim", name: "Sahih Muslim", count: "7,500 hadiths" },
  { id: "tirmidhi", name: "Sunan at-Tirmidhi", count: "3,956 hadiths" },
  { id: "abudawud", name: "Sunan Abu Dawud", count: "5,274 hadiths" },
  { id: "nasai", name: "Sunan an-Nasa'i", count: "5,761 hadiths" },
  { id: "ibnmajah", name: "Sunan Ibn Majah", count: "4,341 hadiths" },
]

const LANGUAGES = [
  { id: "english", label: "English", icon: "🇬🇧" },
  { id: "arabic", label: "العربية", icon: "🇸🇦" },
  { id: "both", label: "Both", icon: "🌐" },
]

const LEARNING_LEVELS = ["Beginner", "Intermediate", "Advanced"]

interface StepPreferencesProps {
  data: {
    language: string
    collections: string[]
    learningLevel: string
  }
  onUpdate: (data: Partial<StepPreferencesProps["data"]>) => void
}

export function StepPreferences({ data, onUpdate }: StepPreferencesProps) {
  const activeIndex = Math.max(0, LEARNING_LEVELS.indexOf(data.learningLevel))
  const [sliderValue, setSliderValue] = useState<number>(activeIndex * 50);

const handleLevelSelect = (level: string) => {
    onUpdate({ learningLevel: level })
  }

const toggleCollection = (collectionId: string) => {
    const updated = data.collections.includes(collectionId)
      ? data.collections.filter((c) => c !== collectionId)
      : [...data.collections, collectionId]
    onUpdate({ collections: updated })
  }

const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const value = parseInt(event.target.value);
    setSliderValue(value);
    const levelIndex = Math.floor(value / 50);
    if (levelIndex >= 0 && levelIndex < LEARNING_LEVELS.length) {
      handleLevelSelect(LEARNING_LEVELS[levelIndex]);
    }
  }

return (
    <div className="space-y-8">
      {/* Heading */}
      <div className="text-center">
        <h2 className="text-2xl font-bold text-foreground mb-2">Customize your experience</h2>
        <p className="text-muted-foreground">Set your preferences to personalize your learning journey</p>
      </div>

{/* Language Preference */}
      <div className="space-y-3">
        <label className="text-sm font-medium text-foreground">Preferred Language</label>
        <div className="grid grid-cols-3 gap-3">
          {LANGUAGES.map((lang) => (
            <button
              key={lang.id}
              type="button"
              onClick={() => onUpdate({ language: lang.id })}
              className={cn(
                "relative p-4 rounded-xl border-2 transition-all duration-200",
                "hover:-translate-y-0.5",
                data.language === lang.id
                  ? "border-[#C5A059] bg-muted"
                  : "border-border bg-card hover:border-[#d4d4d8]",
              )}
            >
              {data.language === lang.id && (
                <div className="absolute top-2 right-2 w-5 h-5 rounded-full gold-checkbox flex items-center justify-center">
                  <Check className="w-3 h-3 text-white" />
                </div>
              )}
              <div className="text-2xl mb-2">{lang.icon}</div>
              <div className="text-sm font-medium text-foreground">{lang.label}</div>
            </button>
          ))}
        </div>
      </div>

{/* Collections of Interest */}
      <div className="space-y-3">
        <label className="text-sm font-medium text-foreground">Collections of Interest</label>
        <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
          {COLLECTIONS.map((collection) => {
            const isSelected = data.collections.includes(collection.id)
            return (
              <button
                key={collection.id}
                type="button"
                onClick={() => toggleCollection(collection.id)}
                className={cn(
                  "flex items-center gap-3 p-4 rounded-lg border transition-all",
                  "hover:bg-[#fafaf9] text-left",
                  isSelected ? "border-[#C5A059] bg-muted" : "border-border",
                )}
              >
                <div
                  className={cn(
                    "w-5 h-5 rounded flex-shrink-0 flex items-center justify-center transition-all",
                    isSelected ? "gold-checkbox" : "border border-[#d4d4d8]",
                  )}
                >
                  {isSelected && <Check className="w-3 h-3 text-white" />}
                </div>
                <div>
                  <div className="text-sm font-medium text-foreground">{collection.name}</div>
                  <div className="text-xs text-muted-foreground">{collection.count}</div>
                </div>
              </button>
            )
          })}
        </div>
      </div>

{/* Learning Level Toggle */}
      <div className="space-y-4">
        <label className="text-sm font-medium text-foreground">Learning Level</label>
        <div className="relative flex items-center bg-[#F3F0EA] rounded-xl p-1" role="radiogroup" aria-label="Select your learning level">
          {/* Sliding indicator */}
          <div
            className="absolute top-1 bottom-1 rounded-lg transition-all duration-300 ease-out"
            style={{
              width: `calc(${100 / LEARNING_LEVELS.length}% - 4px)`,
              left: `calc(${(activeIndex * 100) / LEARNING_LEVELS.length}% + 2px)`,
              background: "linear-gradient(135deg, #C5A059 0%, #D4B06A 100%)",
              boxShadow: "0 2px 8px rgba(197, 160, 89, 0.35)",
            }}
          />
          {LEARNING_LEVELS.map((level) => (
            <button
              key={level}
              type="button"
              role="radio"
              aria-checked={data.learningLevel === level}
              onClick={() => handleLevelSelect(level)}
              className={cn(
                "relative z-10 flex-1 py-2.5 text-sm font-medium rounded-lg text-center transition-colors duration-200",
                data.learningLevel === level
                  ? "text-white"
                  : "text-[#6B6455] hover:text-foreground",
              )}
            >
              {level}
            </button>
          ))}
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/step-profile.tsx" isMerged="true"
"use client"

import type React from "react"
import { useState, useRef } from "react"
import { Camera, User, ChevronDown, Check, X } from "lucide-react"
import { Input } from "@/components/ui/input"
import { cn } from "@/lib/utils"

const SCHOOLS_OF_THOUGHT = ["Hanafi", "Maliki", "Shafi'i", "Hanbali", "Other / Prefer not to say"]

interface StepProfileProps {
  data: {
    name: string
    avatarUrl: string | null
    avatarFile: File | null
    schoolOfThought: string
  }
  onUpdate: (data: Partial<StepProfileProps["data"]>) => void
}

export function StepProfile({ data, onUpdate }: StepProfileProps) {
  const [dropdownOpen, setDropdownOpen] = useState(false)
  const [nameError, setNameError] = useState<string | null>(null)
  const fileInputRef = useRef<HTMLInputElement>(null)

const validateName = (value: string) => {
    if (value.length < 2) {
      setNameError("Name must be at least 2 characters")
      return false
    }
    if (!/^[a-zA-Z\s\-']+$/.test(value)) {
      setNameError("Please enter a valid name (letters and spaces only)")
      return false
    }
    setNameError(null)
    return true
  }

const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const value = e.target.value
    if (value.length <= 50) {
      onUpdate({ name: value })
      if (value.length > 0) {
        validateName(value)
      } else {
        setNameError(null)
      }
    }
  }

const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0]
    if (file) {
      if (file.size > 5 * 1024 * 1024) {
        alert("Image must be less than 5MB")
        return
      }
      if (!["image/jpeg", "image/png"].includes(file.type)) {
        alert("Please upload a JPG or PNG image")
        return
      }
      const url = URL.createObjectURL(file)
      onUpdate({ avatarUrl: url, avatarFile: file })
    }
  }

const handleRemoveAvatar = () => {
    onUpdate({ avatarUrl: null, avatarFile: null })
    if (fileInputRef.current) {
      fileInputRef.current.value = ""
    }
  }

return (
    <div className="space-y-8 max-h-[65vh] overflow-y-auto pr-1 -mr-1">
      {/* Heading */}
      <div className="text-center">
        <h2 className="text-2xl font-bold text-foreground mb-2">{"Welcome! Let's set up your profile"}</h2>
        <p className="text-muted-foreground">Tell us a bit about yourself to personalize your experience</p>
      </div>

{/* Avatar Upload */}
      <div className="flex flex-col items-center gap-3">
        <div
          className={cn(
            "relative w-[120px] h-[120px] rounded-full cursor-pointer group",
            "border-2 border-dashed transition-all duration-200",
            data.avatarUrl ? "border-[#C5A059]" : "border-[#C5A059] hover:border-[#E8C77D]",
          )}
          onClick={() => fileInputRef.current?.click()}
        >
          {data.avatarUrl ? (
            <>
              <img
                src={data.avatarUrl || "/placeholder.svg"}
                alt="Profile"
                className="w-full h-full rounded-full object-cover"
              />
              <div className="absolute inset-0 bg-black/40 rounded-full opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center">
                <Camera className="w-8 h-8 text-white" />
              </div>
            </>
          ) : (
            <div className="w-full h-full rounded-full bg-muted flex items-center justify-center group-hover:bg-[#ebe7e0] transition-colors">
              <User className="w-12 h-12 text-[#C5A059]" />
              <div className="absolute inset-0 rounded-full opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center bg-black/20">
                <Camera className="w-8 h-8 text-white" />
              </div>
            </div>
          )}
          <input
            ref={fileInputRef}
            type="file"
            accept="image/jpeg,image/png"
            onChange={handleFileChange}
            className="hidden"
            aria-label="Upload profile picture"
          />
        </div>
        {data.avatarUrl && (
          <button
            type="button"
            onClick={handleRemoveAvatar}
            className="text-sm text-muted-foreground hover:text-destructive transition-colors flex items-center gap-1"
          >
            <X className="w-3 h-3" />
            Remove photo
          </button>
        )}
        <p className="text-xs text-muted-foreground">Click to upload (JPG/PNG, max 5MB)</p>
      </div>

{/* Name Input */}
      <div className="space-y-2">
        <label htmlFor="name" className="text-sm font-medium text-foreground">
          Your Name <span className="text-destructive">*</span>
        </label>
        <div className="relative">
          <Input
            id="name"
            type="text"
            placeholder="Enter your name"
            value={data.name}
            onChange={handleNameChange}
            className={cn("h-12 premium-input rounded-lg", nameError && "border-destructive focus:border-destructive")}
            maxLength={50}
          />
          <span className="absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground">
            {data.name.length}/50
          </span>
        </div>
        {nameError && <p className="text-sm text-destructive">{nameError}</p>}
      </div>

{/* School of Thought Dropdown */}
      <div className="space-y-2">
        <label className="text-sm font-medium text-foreground">School of Thought (Madhab)</label>
        <div className="relative">
          <button
            type="button"
            onClick={() => setDropdownOpen(!dropdownOpen)}
            className={cn(
              "w-full h-12 px-4 flex items-center justify-between",
              "premium-input rounded-lg text-left transition-all",
              dropdownOpen && "border-[#C5A059] ring-2 ring-[#C5A059]/20",
            )}
          >
            <span className={data.schoolOfThought ? "text-foreground" : "text-muted-foreground"}>
              {data.schoolOfThought || "Select your school of thought"}
            </span>
            <ChevronDown
              className={cn("w-4 h-4 text-muted-foreground transition-transform", dropdownOpen && "rotate-180")}
            />
          </button>

{dropdownOpen && (
            <div className="absolute z-10 w-full mt-2 bg-card border border-border rounded-lg shadow-lg overflow-y-auto max-h-60">
              {SCHOOLS_OF_THOUGHT.map((school) => (
                <button
                  key={school}
                  type="button"
                  onClick={() => {
                    onUpdate({ schoolOfThought: school })
                    setDropdownOpen(false)
                  }}
                  className={cn(
                    "w-full px-4 py-3 text-left flex items-center justify-between",
                    "hover:bg-muted transition-colors",
                    data.schoolOfThought === school && "bg-muted",
                  )}
                >
                  <span className="text-foreground">{school}</span>
                  {data.schoolOfThought === school && <Check className="w-4 h-4 text-[#C5A059]" />}
                </button>
              ))}
            </div>
          )}
        </div>
        <p className="text-xs text-muted-foreground">Optional</p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/step-safety.tsx" isMerged="true"
"use client"

import { Shield, Bot, BookOpen, Users, ExternalLink } from "lucide-react"
import { cn } from "@/lib/utils"

const SAFETY_POINTS = [
  {
    icon: Bot,
    title: "AI assistant filters inappropriate queries",
    description: "Our AI assistant is trained to provide only authentic Islamic knowledge from verified sources.",
  },
  {
    icon: BookOpen,
    title: "Scholarly sources only",
    description: "All hadiths are sourced from authenticated collections by recognized Islamic scholars.",
  },
  {
    icon: Users,
    title: "Respectful community standards",
    description: "We maintain a respectful environment for learning and spiritual growth.",
  },
]

interface StepSafetyProps {
  data: {
    safetyAgreed: boolean
    termsAgreed: boolean
  }
  onUpdate: (data: Partial<StepSafetyProps["data"]>) => void
}

export function StepSafety({ data, onUpdate }: StepSafetyProps) {
  return (
    <div className="space-y-8">
      {/* Shield Icon */}
      <div className="flex justify-center">
        <div className="w-16 h-16 rounded-full gold-icon-bg flex items-center justify-center">
          <Shield className="w-8 h-8 text-[#C5A059]" />
        </div>
      </div>

{/* Heading */}
      <div className="text-center">
        <h2 className="text-2xl font-bold text-foreground mb-2">Safety & Community Guidelines</h2>
        <p className="text-muted-foreground">
          Authentic Hadith maintains the highest standards of Islamic scholarship and community respect.
        </p>
      </div>

{/* Safety Points */}
      <div className="space-y-4">
        {SAFETY_POINTS.map((point, index) => (
          <div key={index} className="flex gap-4 p-4 rounded-lg bg-muted border border-border">
            <div className="w-10 h-10 rounded-full bg-card flex-shrink-0 flex items-center justify-center border border-[#C5A059]/30">
              <point.icon className="w-5 h-5 text-[#C5A059]" />
            </div>
            <div>
              <h3 className="font-medium text-foreground mb-1">{point.title}</h3>
              <p className="text-sm text-muted-foreground">{point.description}</p>
            </div>
          </div>
        ))}
      </div>

{/* Agreement Checkboxes */}
      <div className="space-y-4 pt-4 border-t border-border">
        {/* Safety Guidelines Agreement */}
        <button
          type="button"
          onClick={() => onUpdate({ safetyAgreed: !data.safetyAgreed })}
          className="flex items-start gap-3 w-full text-left group"
        >
          <div
            className={cn(
              "w-5 h-5 rounded flex-shrink-0 flex items-center justify-center mt-0.5 transition-all",
              data.safetyAgreed ? "gold-checkbox" : "border-2 border-[#d4d4d8] group-hover:border-[#C5A059]",
            )}
          >
            {data.safetyAgreed && (
              <svg className="w-3 h-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
                <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
              </svg>
            )}
          </div>
          <span className="text-[15px] text-foreground">I understand and agree to the safety guidelines</span>
        </button>

{/* Terms Agreement */}
        <button
          type="button"
          onClick={() => onUpdate({ termsAgreed: !data.termsAgreed })}
          className="flex items-start gap-3 w-full text-left group"
        >
          <div
            className={cn(
              "w-5 h-5 rounded flex-shrink-0 flex items-center justify-center mt-0.5 transition-all",
              data.termsAgreed ? "gold-checkbox" : "border-2 border-[#d4d4d8] group-hover:border-[#C5A059]",
            )}
          >
            {data.termsAgreed && (
              <svg className="w-3 h-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
                <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
              </svg>
            )}
          </div>
          <span className="text-[15px] text-foreground">
            I agree to the{" "}
            <a
              href="/terms"
              target="_blank"
              rel="noopener noreferrer"
              onClick={(e) => e.stopPropagation()}
              className="text-[#C5A059] hover:underline inline-flex items-center gap-1"
            >
              Terms of Service
              <ExternalLink className="w-3 h-3" />
            </a>{" "}
            and{" "}
            <a
              href="/privacy"
              target="_blank"
              rel="noopener noreferrer"
              onClick={(e) => e.stopPropagation()}
              className="text-[#C5A059] hover:underline inline-flex items-center gap-1"
            >
              Privacy Policy
              <ExternalLink className="w-3 h-3" />
            </a>
          </span>
        </button>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/success-animation.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { Check } from "lucide-react"

interface SuccessAnimationProps {
  onComplete: () => void
}

export function SuccessAnimation({ onComplete }: SuccessAnimationProps) {
  const [show, setShow] = useState(false)

useEffect(() => {
    setShow(true)
    const timer = setTimeout(() => {
      onComplete()
    }, 1500)
    return () => clearTimeout(timer)
  }, [onComplete])

return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-sm">
      <div
        className={`flex flex-col items-center gap-4 transition-all duration-500 ${
          show ? "opacity-100 scale-100" : "opacity-0 scale-75"
        }`}
      >
        <div className="w-24 h-24 rounded-full gold-success-icon flex items-center justify-center">
          <Check className="w-12 h-12 text-white" />
        </div>
        <h2 className="text-2xl font-bold gold-text text-center">Welcome to Authentic Hadith!</h2>
        <p className="text-muted-foreground text-center">Your journey begins now</p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/premium-gate.tsx" isMerged="true"
"use client"

import { Lock, Crown, ChevronRight } from "lucide-react"
import { useRouter } from "next/navigation"
import { cn } from "@/lib/utils"

interface PremiumGateProps {
  /** Show as inline overlay on top of locked content */
  variant?: "overlay" | "card"
  /** Title of the locked feature */
  featureName?: string
  className?: string
}

export function PremiumGate({ variant = "card", featureName, className }: PremiumGateProps) {
  const router = useRouter()

if (variant === "overlay") {
    return (
      <div className={cn("absolute inset-0 z-10 flex items-center justify-center bg-background/80 backdrop-blur-[2px] rounded-xl", className)}>
        <button
          onClick={() => router.push("/pricing")}
          className="flex flex-col items-center gap-2 px-6 py-4 rounded-xl bg-gradient-to-br from-[#1B5E43] to-[#2D7A5B] text-white shadow-lg hover:shadow-xl transition-all hover:scale-105"
        >
          <Lock className="w-5 h-5" />
          <span className="text-sm font-semibold">Unlock {featureName || "Pro"}</span>
          <span className="text-[10px] opacity-80">7-day free trial</span>
        </button>
      </div>
    )
  }

return (
    <button
      onClick={() => router.push("/pricing")}
      className={cn(
        "w-full p-4 rounded-xl border border-[#C5A059]/30 bg-gradient-to-r from-[#C5A059]/5 to-[#E8C77D]/5 hover:from-[#C5A059]/10 hover:to-[#E8C77D]/10 transition-all text-left group",
        className,
      )}
    >
      <div className="flex items-center gap-4">
        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[#C5A059] to-[#E8C77D] flex items-center justify-center shrink-0">
          <Crown className="w-5 h-5 text-white" />
        </div>
        <div className="flex-1 min-w-0">
          <p className="text-sm font-semibold text-foreground">
            Upgrade to Pro
          </p>
          <p className="text-xs text-muted-foreground mt-0.5">
            Unlimited AI, advanced search, all learning paths, and unlimited saves.
          </p>
        </div>
        <ChevronRight className="w-5 h-5 text-[#C5A059] group-hover:translate-x-0.5 transition-transform shrink-0" />
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="components/share-banner.tsx" isMerged="true"
"use client"

import { Share2, Copy, Check, Heart } from "lucide-react"
import { useState } from "react"

interface ShareBannerProps {
  variant?: "full" | "compact"
  className?: string
}

export function ShareBanner({ variant = "full", className }: ShareBannerProps) {
  const [copied, setCopied] = useState(false)

const appUrl = typeof window !== "undefined" ? window.location.origin : "https://authentichadith.app"
  const shareText = "Explore authentic hadith collections for free -- verified, searchable, and beautifully presented."

const handleShare = async () => {
    if (navigator.share) {
      await navigator.share({
        title: "Authentic Hadith - Free Hadith Study App",
        text: shareText,
        url: appUrl,
      })
    } else {
      handleCopy()
    }
  }

const handleCopy = async () => {
    await navigator.clipboard.writeText(appUrl)
    setCopied(true)
    setTimeout(() => setCopied(false), 2000)
  }

if (variant === "compact") {
    return (
      <div className={`flex items-center gap-3 p-3 rounded-xl border border-[#C5A059]/20 bg-[#C5A059]/5 ${className || ""}`}>
        <Heart className="w-4 h-4 text-[#C5A059] shrink-0" />
        <p className="text-xs text-muted-foreground flex-1">
          Share this app with someone who could benefit.
        </p>
        <button
          onClick={handleShare}
          className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white text-xs font-medium shrink-0 hover:opacity-90 transition-opacity"
        >
          <Share2 className="w-3 h-3" />
          Share
        </button>
      </div>
    )
  }

return (
    <section className={`px-4 md:px-6 py-10 md:py-16 max-w-4xl mx-auto ${className || ""}`}>
      <div className="rounded-2xl bg-gradient-to-br from-[#1B5E43] to-[#0a2a1f] p-8 md:p-12 text-center relative overflow-hidden">
        <div className="absolute inset-0 opacity-[0.04]">
          <svg width="100%" height="100%">
            <pattern id="sharePattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
              <circle cx="20" cy="20" r="1" fill="white" />
            </pattern>
            <rect width="100%" height="100%" fill="url(#sharePattern)" />
          </svg>
        </div>
        <div className="relative">
          <div className="w-14 h-14 mx-auto mb-5 rounded-full bg-[#C5A059]/20 flex items-center justify-center">
            <Heart className="w-7 h-7 text-[#E8C77D]" />
          </div>
          <h2 className="text-xl md:text-2xl font-bold text-white mb-3 text-balance">
            Share the Knowledge
          </h2>
          <p className="text-sm md:text-base text-[#d4cfc7] max-w-lg mx-auto mb-8 leading-relaxed text-pretty">
            This app is free for the entire Ummah. Help spread authentic prophetic knowledge by sharing with family, friends, and your community.
          </p>
          <div className="flex flex-col sm:flex-row items-center justify-center gap-3">
            <button
              onClick={handleShare}
              className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-foreground font-semibold text-sm hover:opacity-90 transition-opacity shadow-lg"
            >
              <Share2 className="w-4 h-4" />
              Share with Friends
            </button>
            <button
              onClick={handleCopy}
              className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-white/10 text-white font-medium text-sm hover:bg-white/20 transition-colors border border-white/20"
            >
              {copied ? (
                <>
                  <Check className="w-4 h-4 text-[#4a9973]" />
                  Link Copied
                </>
              ) : (
                <>
                  <Copy className="w-4 h-4" />
                  Copy Link
                </>
              )}
            </button>
          </div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/sign-out-button.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { Button } from "@/components/ui/button"
import { LogOut } from "lucide-react"

export function SignOutButton() {
  const router = useRouter()
  const supabase = getSupabaseBrowserClient()

const handleSignOut = async () => {
    // Clear server-side session cookies first
    await fetch("/api/auth/signout", { method: "POST" })
    // Then clear client-side session
    await supabase.auth.signOut({ scope: "global" })
    document.cookie = "qbos_onboarded=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"
    router.push("/login")
    router.refresh()
  }

return (
    <Button variant="outline" onClick={handleSignOut} className="border-border hover:bg-muted bg-transparent">
      <LogOut className="h-4 w-4 mr-2" />
      Sign Out
    </Button>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true"
'use client'

import { useEffect, useState } from 'react'
import { ThemeProvider as NextThemesProvider, type ThemeProviderProps } from 'next-themes'

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  const [mounted, setMounted] = useState(false)

useEffect(() => {
    setMounted(true)
  }, [])

if (!mounted) {
    return <>{children}</>
  }

return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true"
import * as React from 'react'
import { Slot } from '@radix-ui/react-slot'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const buttonVariants = cva(
  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
  {
    variants: {
      variant: {
        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
        destructive:
          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
        secondary:
          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
        ghost:
          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
        link: 'text-primary underline-offset-4 hover:underline',
      },
      size: {
        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
        icon: 'size-9',
        'icon-sm': 'size-8',
        'icon-lg': 'size-10',
      },
    },
    defaultVariants: {
      variant: 'default',
      size: 'default',
    },
  },
)

function Button({
  className,
  variant,
  size,
  asChild = false,
  ...props
}: React.ComponentProps<'button'> &
  VariantProps<typeof buttonVariants> & {
    asChild?: boolean
  }) {
  const Comp = asChild ? Slot : 'button'

return (
    <Comp
      data-slot="button"
      className={cn(buttonVariants({ variant, size, className }))}
      {...props}
    />
  )
}

export { Button, buttonVariants }
[V0_FILE]typescriptreact:file="components/ui/input.tsx" isMerged="true"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
  return (
    <input
      type={type}
      data-slot="input"
      className={cn(
        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
        className,
      )}
      {...props}
    />
  )
}

export { Input }
[V0_FILE]typescriptreact:file="components/ui/label.tsx" isMerged="true"
'use client'

import * as React from 'react'
import * as LabelPrimitive from '@radix-ui/react-label'

import { cn } from '@/lib/utils'

function Label({
  className,
  ...props
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
  return (
    <LabelPrimitive.Root
      data-slot="label"
      className={cn(
        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
        className,
      )}
      {...props}
    />
  )
}

export { Label }
[V0_FILE]typescriptreact:file="components/ui/theme-toggle.tsx" isMerged="true"
"use client";

import * as React from "react";
import { Moon, Sun, Monitor } from "lucide-react";
import { useTheme } from "next-themes";
import { cn } from "@/lib/utils";

interface ThemeToggleProps {
  variant?: "default" | "compact" | "settings";
  className?: string;
}

export function ThemeToggle({
  variant = "default",
  className,
}: ThemeToggleProps) {
  const { theme, setTheme, resolvedTheme } = useTheme();
  const [mounted, setMounted] = React.useState(false);

React.useEffect(() => {
    setMounted(true);
  }, []);

if (!mounted) {
    return (
      <div
        className={cn("h-10 w-10 rounded-lg bg-muted animate-pulse", className)}
      />
    );
  }

if (variant === "compact") {
    return (
      <button
        onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
        className={cn(
          "relative inline-flex h-10 w-10 items-center justify-center rounded-lg",
          "border border-border bg-card hover:border-secondary",
          "transition-colors duration-200",
          className,
        )}
        aria-label="Toggle theme"
      >
        <Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 text-secondary" />
        <Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100 text-secondary" />
      </button>
    );
  }

if (variant === "settings") {
    const themes = [
      { value: "light", icon: Sun, label: "Light" },
      { value: "dark", icon: Moon, label: "Dark" },
      { value: "system", icon: Monitor, label: "System" },
    ];

return (
      <div className={cn("space-y-3", className)}>
        {themes.map((item) => (
          <button
            key={item.value}
            onClick={() => setTheme(item.value)}
            className={cn(
              "w-full rounded-xl p-4 flex items-center gap-4 text-left transition-all",
              "border",
              theme === item.value
                ? "border-secondary bg-secondary/10"
                : "border-border bg-card hover:border-secondary/50",
            )}
          >
            <div
              className={cn(
                "w-10 h-10 rounded-lg flex items-center justify-center shrink-0",
                theme === item.value
                  ? "bg-secondary text-white"
                  : "bg-secondary/10 text-secondary",
              )}
            >
              <item.icon className="w-5 h-5" />
            </div>
            <div className="flex-1">
              <h3
                className={cn(
                  "font-medium",
                  theme === item.value
                    ? "text-secondary"
                    : "text-foreground",
                )}
              >
                {item.label}
              </h3>
              <p className="text-sm text-muted-foreground">
                {item.value === "light" && "Always use light mode"}
                {item.value === "dark" && "Always use dark mode"}
                {item.value === "system" && "Match your device settings"}
              </p>
            </div>
            {theme === item.value && (
              <div className="w-5 h-5 rounded-full bg-secondary flex items-center justify-center">
                <svg
                  className="w-3 h-3 text-white"
                  fill="none"
                  viewBox="0 0 24 24"
                  stroke="currentColor"
                >
                  <path
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    strokeWidth={3}
                    d="M5 13l4 4L19 7"
                  />
                </svg>
              </div>
            )}
          </button>
        ))}
      </div>
    );
  }

// Default variant - segmented control
  return (
    <div
      className={cn(
        "relative inline-flex gap-1 p-1 rounded-lg border border-border bg-card",
        className,
      )}
    >
      {[
        { value: "light", icon: Sun },
        { value: "system", icon: Monitor },
        { value: "dark", icon: Moon },
      ].map((item) => (
        <button
          key={item.value}
          onClick={() => setTheme(item.value)}
          className={cn(
            "relative inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors",
            theme === item.value
              ? "bg-muted shadow-sm text-secondary"
              : "text-muted-foreground hover:text-secondary",
          )}
          aria-label={`${item.value} theme`}
        >
          <item.icon className="h-4 w-4" />
        </button>
      ))}
    </div>
  );
}

export function useIsDarkMode() {
  const { resolvedTheme } = useTheme();
  const [mounted, setMounted] = React.useState(false);

React.useEffect(() => {
    setMounted(true);
  }, []);

return mounted ? resolvedTheme === "dark" : false;
}
[V0_FILE]typescriptreact:file="components/upgrade-modal.tsx" isMerged="true"
"use client"

import { useEffect, useCallback } from "react"
import { useRouter } from "next/navigation"
import { X, Crown, Brain, FolderOpen, HelpCircle, Sparkles } from "lucide-react"
import { isNativeApp, showNativePaywall } from "@/lib/native-bridge"
import { cn } from "@/lib/utils"

interface UpgradeModalProps {
  open: boolean
  onClose: () => void
  reason?: UpgradeReason
}

const REASON_CONFIG: Record<UpgradeReason, {
  icon: typeof Crown
  title: string
  description: string
  highlight: string
}> = {
  save_limit: {
    icon: FolderOpen,
    title: "You've reached 40 saved hadiths",
    description: "Explorer accounts can save up to 40 hadiths. Upgrade to Pro for unlimited saves, folders, and organization tools.",
    highlight: "Unlimited saves & folders",
  },
  ai_limit: {
    icon: Brain,
    title: "You've used your 3 daily AI explanations",
    description: "Explorer accounts get 3 AI explanations per day. Upgrade to Pro for unlimited Deep Mode explanations with full scholarly context.",
    highlight: "Unlimited AI (Deep Mode)",
  },
  quiz_limit: {
    icon: HelpCircle,
    title: "You've completed today's quiz",
    description: "Explorer accounts can take 1 quiz per day. Upgrade to Pro for unlimited quizzes across all difficulty levels.",
    highlight: "Unlimited quizzes",
  },
  advanced_search: {
    icon: Sparkles,
    title: "Advanced search is a Pro feature",
    description: "Unlock synonym expansion, tag filtering, and semantic search to find exactly the hadiths you need.",
    highlight: "Advanced search & filtering",
  },
  learning_path: {
    icon: Crown,
    title: "This learning path requires Pro",
    description: "Advanced and Scholar-level learning paths are available with Pro. Continue your journey with deeper, structured study.",
    highlight: "All learning paths",
  },
  generic: {
    icon: Crown,
    title: "Upgrade to Pro",
    description: "Get deeper AI insights, advanced search, unlimited saves, and all learning paths to accelerate your hadith studies.",
    highlight: "Full access to everything",
  },
}

export function UpgradeModal({ open, onClose, reason = "generic" }: UpgradeModalProps) {
  const router = useRouter()
  const config = REASON_CONFIG[reason]
  const Icon = config.icon

const handleUpgrade = useCallback(async () => {
    if (isNativeApp()) {
      const success = await showNativePaywall()
      if (success) {
        onClose()
        window.location.reload()
      }
    } else {
      onClose()
      router.push("/pricing")
    }
  }, [onClose, router])

/* Close on Escape */
  useEffect(() => {
    if (!open) return
    const handler = (e: KeyboardEvent) => { if (e.key === "Escape") onClose() }
    window.addEventListener("keydown", handler)
    return () => window.removeEventListener("keydown", handler)
  }, [open, onClose])

if (!open) return null

return (
    <div className="fixed inset-0 z-50 flex items-end sm:items-center justify-center">
      {/* Backdrop */}
      <div
        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
        onClick={onClose}
        aria-hidden
      />

{/* Modal */}
      <div
        role="dialog"
        aria-modal="true"
        aria-label={config.title}
        className={cn(
          "relative z-10 w-full sm:max-w-md mx-auto",
          "rounded-t-2xl sm:rounded-2xl bg-card border border-border shadow-xl",
          "p-6 animate-in slide-in-from-bottom-4 sm:zoom-in-95 duration-200",
        )}
      >
        {/* Close button */}
        <button
          onClick={onClose}
          className="absolute top-4 right-4 w-8 h-8 rounded-full bg-muted flex items-center justify-center hover:bg-muted-foreground/20 transition-colors"
          aria-label="Close"
        >
          <X className="w-4 h-4 text-muted-foreground" />
        </button>

{/* Icon */}
        <div className="flex justify-center mb-5">
          <div className="w-16 h-16 rounded-2xl bg-gradient-to-br from-[#C5A059]/15 to-[#E8C77D]/10 border border-[#C5A059]/20 flex items-center justify-center">
            <Icon className="w-8 h-8 text-[#C5A059]" />
          </div>
        </div>

{/* Content */}
        <h2 className="text-lg font-bold text-foreground text-center text-balance mb-2">
          {config.title}
        </h2>
        <p className="text-sm text-muted-foreground text-center leading-relaxed mb-5">
          {config.description}
        </p>

{/* Highlight feature */}
        <div className="flex items-center gap-3 px-4 py-3 rounded-xl bg-[#C5A059]/5 border border-[#C5A059]/15 mb-5">
          <Sparkles className="w-4 h-4 text-[#C5A059] shrink-0" />
          <span className="text-sm font-medium text-foreground">{config.highlight}</span>
        </div>

{/* CTA buttons */}
        <div className="space-y-2.5">
          <button
            onClick={handleUpgrade}
            className="w-full py-3 rounded-xl bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white font-semibold text-sm hover:opacity-90 transition-opacity shadow-md flex items-center justify-center gap-2"
          >
            <Crown className="w-4 h-4" />
            View Pro Plans
          </button>
          <button
            onClick={onClose}
            className="w-full py-2.5 rounded-xl text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
          >
            Continue with Explorer
          </button>
        </div>

{/* Micro-pitch */}
        <p className="text-[11px] text-muted-foreground/60 text-center mt-4 leading-relaxed">
          Study deeper, understand context, build consistent growth. Start with a 7-day free trial.
        </p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/usage-banner.tsx" isMerged="true"
"use client"

import { useRouter } from "next/navigation"
import { Crown, Sparkles } from "lucide-react"
import { cn } from "@/lib/utils"

interface UsageBannerProps {
  used: number
  limit: number
  label: string
  className?: string
}

export function UsageBanner({ used, limit, label, className }: UsageBannerProps) {
  const router = useRouter()
  const remaining = Math.max(limit - used, 0)
  const pct = limit > 0 ? Math.min((used / limit) * 100, 100) : 0
  const isNearLimit = pct >= 60
  const isAtLimit = remaining === 0

if (!isNearLimit) return null

return (
    <div
      className={cn(
        "rounded-xl border p-3 flex items-center gap-3 transition-all",
        isAtLimit
          ? "border-[#C5A059]/40 bg-[#C5A059]/5"
          : "border-border bg-muted/50",
        className,
      )}
    >
      <div className="flex-1 min-w-0">
        <div className="flex items-center justify-between mb-1.5">
          <span className="text-xs font-medium text-foreground">
            {label}
          </span>
          <span
            className={cn(
              "text-xs font-semibold",
              isAtLimit ? "text-[#C5A059]" : "text-muted-foreground",
            )}
          >
            {used}/{limit}
          </span>
        </div>
        <div className="h-1.5 rounded-full bg-muted overflow-hidden">
          <div
            className={cn(
              "h-full rounded-full transition-all duration-500",
              isAtLimit
                ? "bg-[#C5A059]"
                : "bg-[#1B5E43]",
            )}
            style={{ width: `${pct}%` }}
          />
        </div>
        {isAtLimit && (
          <p className="text-[10px] text-muted-foreground mt-1.5">
            Limit reached. Upgrade to Pro for unlimited access.
          </p>
        )}
      </div>
      {isAtLimit && (
        <button
          onClick={() => router.push("/pricing")}
          className="shrink-0 flex items-center gap-1.5 px-3 py-2 rounded-lg bg-gradient-to-r from-[#C5A059] to-[#E8C77D] text-white text-xs font-semibold hover:opacity-90 transition-opacity"
        >
          <Crown className="w-3.5 h-3.5" />
          Upgrade
        </button>
      )}
    </div>
  )
}

/** Compact inline "Upgrade to Pro" CTA for free users. */
export function ProUpgradeCTA({ className }: { className?: string }) {
  const router = useRouter()

return (
    <button
      onClick={() => router.push("/pricing")}
      className={cn(
        "flex items-center gap-2 px-4 py-2.5 rounded-xl",
        "border border-[#C5A059]/30 bg-gradient-to-r from-[#C5A059]/5 to-[#E8C77D]/5",
        "hover:from-[#C5A059]/10 hover:to-[#E8C77D]/10 transition-all text-left group w-full",
        className,
      )}
    >
      <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-[#C5A059] to-[#E8C77D] flex items-center justify-center shrink-0">
        <Sparkles className="w-4 h-4 text-white" />
      </div>
      <div className="flex-1 min-w-0">
        <p className="text-xs font-semibold text-foreground">Unlock Pro Features</p>
        <p className="text-[10px] text-muted-foreground">Unlimited AI, saves, quizzes & more</p>
      </div>
      <Crown className="w-4 h-4 text-[#C5A059] group-hover:scale-110 transition-transform shrink-0" />
    </button>
  )
}
[V0_FILE]plaintext:file="expo-wrapper/.gitignore" isMerged="true"
node_modules/
.expo/
dist/
*.jks
*.p8
*.p12
*.key
*.mobileprovision
*.orig.*
web-build/
.env
.env.local
ios/
android/
[V0_FILE]json:file="expo-wrapper/app.json" isMerged="true"
{
  "expo": {
    "name": "Authentic Hadith",
    "slug": "authentic-hadith",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.jpg",
    "userInterfaceStyle": "automatic",
    "scheme": "authentic-hadith",
    "splash": {
      "image": "./assets/splash.jpg",
      "resizeMode": "contain",
      "backgroundColor": "#F8F6F2"
    },
    "assetBundlePatterns": ["**/*"],
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.authentichadith.app",
      "buildNumber": "1",
      "config": {
        "usesNonExemptEncryption": false
      },
      "infoPlist": {
        "ITSAppUsesNonExemptEncryption": false
      }
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.jpg",
        "backgroundColor": "#1B5E43"
      },
      "package": "com.authentichadith.app",
      "versionCode": 1
    },
    "web": {
      "bundler": "metro",
      "output": "single",
      "favicon": "./assets/favicon.jpg"
    },
    "plugins": [
      "expo-router"
    ],
    "experiments": {
      "typedRoutes": true
    },
    "extra": {
      "router": {
        "origin": false
      },
      "webAppUrl": "https://v0-authentic-hadith.vercel.app",
      "revenueCatApiKeyApple": "test_gngYicqPNakjsEBKvUwfIlFHrUg",
      "revenueCatApiKeyGoogle": "",
      "revenueCatEntitlementId": "byRed Pro"
    }
  }
}
[V0_FILE]typescriptreact:file="expo-wrapper/app/_layout.tsx" isMerged="true"
import { useEffect, useCallback } from "react";
import { StatusBar } from "expo-status-bar";
import { Stack } from "expo-router";
import * as SplashScreen from "expo-splash-screen";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { RevenueCatProvider } from "../providers/RevenueCatProvider";

SplashScreen.preventAutoHideAsync();

export default function RootLayout() {
  const onLayoutReady = useCallback(async () => {
    await SplashScreen.hideAsync();
  }, []);

useEffect(() => {
    onLayoutReady();
  }, [onLayoutReady]);

return (
    <SafeAreaProvider>
      <RevenueCatProvider>
        <StatusBar style="light" backgroundColor="#1B5E43" />
        <Stack
          screenOptions={{
            headerShown: false,
            animation: "fade",
          }}
        />
      </RevenueCatProvider>
    </SafeAreaProvider>
  );
}
[V0_FILE]typescriptreact:file="expo-wrapper/app/index.tsx" isMerged="true"
import { useRef, useState, useCallback, useEffect } from "react";
import {
  View,
  StyleSheet,
  Platform,
  BackHandler,
  ActivityIndicator,
  Text,
  Linking,
} from "react-native";
import { WebView, WebViewMessageEvent } from "react-native-webview";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import Constants from "expo-constants";
import Purchases from "react-native-purchases";
import RevenueCatUI, { PAYWALL_RESULT } from "react-native-purchases-ui";
import { useRevenueCat } from "../providers/RevenueCatProvider";

const WEB_APP_URL =
  Constants.expoConfig?.extra?.webAppUrl ||
  "https://v0-authentic-hadith.vercel.app";

export default function AppScreen() {
  const webViewRef = useRef<WebView>(null);
  const [canGoBack, setCanGoBack] = useState(false);
  const [isLoading, setIsLoading] = useState(true);
  const [hasError, setHasError] = useState(false);
  const insets = useSafeAreaInsets();
  const { isPro, restorePurchases, refreshCustomerInfo } = useRevenueCat();

// Handle Android back button
  useEffect(() => {
    if (Platform.OS !== "android") return;

const handler = BackHandler.addEventListener("hardwareBackPress", () => {
      if (canGoBack && webViewRef.current) {
        webViewRef.current.goBack();
        return true;
      }
      return false;
    });

return () => handler.remove();
  }, [canGoBack]);

// Send subscription status to webview whenever it changes
  useEffect(() => {
    if (webViewRef.current) {
      webViewRef.current.injectJavaScript(`
        window.__NATIVE_SUBSCRIPTION_STATUS__ = ${JSON.stringify({ isPro })};
        window.dispatchEvent(new CustomEvent('nativeSubscriptionUpdate', { detail: { isPro: ${isPro} } }));
        true;
      `);
    }
  }, [isPro]);

// Handle messages from the WebView (purchase requests, restore, etc.)
  const handleWebViewMessage = useCallback(
    async (event: WebViewMessageEvent) => {
      try {
        const data = JSON.parse(event.nativeEvent.data);

switch (data.type) {
          case "SHOW_PAYWALL": {
            // Present RevenueCat's native paywall
            const result = await RevenueCatUI.presentPaywallIfNeeded({
              requiredEntitlementIdentifier: "byRed Pro",
            });

const success =
              result === PAYWALL_RESULT.PURCHASED ||
              result === PAYWALL_RESULT.RESTORED;

// Notify webview of result
            webViewRef.current?.injectJavaScript(`
              window.dispatchEvent(new CustomEvent('nativePaywallResult', { detail: { success: ${success} } }));
              true;
            `);
            break;
          }

case "RESTORE_PURCHASES": {
            const restored = await restorePurchases();
            webViewRef.current?.injectJavaScript(`
              window.dispatchEvent(new CustomEvent('nativeRestoreResult', { detail: { success: ${restored} } }));
              true;
            `);
            break;
          }

case "CHECK_SUBSCRIPTION": {
            await refreshCustomerInfo();
            webViewRef.current?.injectJavaScript(`
              window.__NATIVE_SUBSCRIPTION_STATUS__ = ${JSON.stringify({ isPro })};
              window.dispatchEvent(new CustomEvent('nativeSubscriptionUpdate', { detail: { isPro: ${isPro} } }));
              true;
            `);
            break;
          }

case "USER_LOGIN": {
            // Sync Supabase user ID to RevenueCat for webhook linking
            if (data.userId) {
              try {
                await Purchases.logIn(data.userId);
                await refreshCustomerInfo();
              } catch (err) {
                console.error("[RevenueCat] Login error:", err);
              }
            }
            break;
          }

case "USER_LOGOUT": {
            try {
              await Purchases.logOut();
            } catch (err) {
              console.error("[RevenueCat] Logout error:", err);
            }
            break;
          }

case "PAGE_LOADED": {
            // Send initial subscription status when page loads
            webViewRef.current?.injectJavaScript(`
              window.__NATIVE_SUBSCRIPTION_STATUS__ = ${JSON.stringify({ isPro })};
              window.__IS_NATIVE_APP__ = true;
              true;
            `);
            break;
          }

default:
            break;
        }
      } catch {
        // Not a JSON message or unhandled type, ignore
      }
    },
    [isPro, restorePurchases, refreshCustomerInfo]
  );

const handleNavigationStateChange = useCallback(
    (navState: { canGoBack: boolean; url: string }) => {
      setCanGoBack(navState.canGoBack);
    },
    []
  );

// Inject JS to handle viewport and theme color for native feel
  const injectedJS = `
    (function() {
      // Set viewport meta for proper scaling
      let meta = document.querySelector('meta[name="viewport"]');
      if (meta) {
        meta.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover');
      }
      
      // Add CSS to handle safe area insets
      const style = document.createElement('style');
      style.textContent = \`
        body {
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          overscroll-behavior-y: none;
        }
      \`;
      document.head.appendChild(style);
      
      // Mark as native app for the web code to detect
      window.__IS_NATIVE_APP__ = true;
      
      // Notify React Native when page is ready
      window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'PAGE_LOADED' }));
      
      true;
    })();
  `;

// Handle external links (open in system browser)
  const handleShouldStartLoadWithRequest = useCallback(
    (request: { url: string }) => {
      const url = request.url;

// Allow navigation within the app
      if (url.startsWith(WEB_APP_URL)) return true;
      if (url.startsWith("about:")) return true;

// Open external links in system browser
      Linking.openURL(url).catch(() => {});
      return false;
    },
    []
  );

if (hasError) {
    return (
      <View style={[styles.errorContainer, { paddingTop: insets.top }]}>
        <Text style={styles.errorTitle}>Unable to Connect</Text>
        <Text style={styles.errorMessage}>
          Please check your internet connection and try again.
        </Text>
        <Text
          style={styles.retryButton}
          onPress={() => {
            setHasError(false);
            setIsLoading(true);
          }}
        >
          Retry
        </Text>
      </View>
    );
  }

return (
    <View
      style={[
        styles.container,
        {
          paddingTop: Platform.OS === "ios" ? insets.top : 0,
        },
      ]}
    >
      <WebView
        ref={webViewRef}
        source={{ uri: WEB_APP_URL }}
        style={styles.webview}
        onNavigationStateChange={handleNavigationStateChange}
        onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}
        onMessage={handleWebViewMessage}
        injectedJavaScript={injectedJS}
        onLoadStart={() => setIsLoading(true)}
        onLoadEnd={() => setIsLoading(false)}
        onError={() => {
          setHasError(true);
          setIsLoading(false);
        }}
        onHttpError={(syntheticEvent) => {
          const { nativeEvent } = syntheticEvent;
          if (nativeEvent.statusCode >= 500) {
            setHasError(true);
          }
        }}
        // Performance optimizations
        javaScriptEnabled={true}
        domStorageEnabled={true}
        startInLoadingState={false}
        allowsBackForwardNavigationGestures={true}
        allowsInlineMediaPlayback={true}
        mediaPlaybackRequiresUserAction={false}
        // Cache settings
        cacheEnabled={true}
        cacheMode="LOAD_DEFAULT"
        // iOS specific
        allowsLinkPreview={false}
        sharedCookiesEnabled={true}
        // Android specific
        thirdPartyCookiesEnabled={true}
        textZoom={100}
        overScrollMode="never"
        // Match app background on load
        backgroundColor="#F8F6F2"
      />
      {isLoading && (
        <View style={styles.loadingOverlay}>
          <ActivityIndicator size="large" color="#C5A059" />
          <Text style={styles.loadingText}>Loading Authentic Hadith...</Text>
        </View>
      )}
    </View>
  );
}

const API_KEY_APPLE =
  Constants.expoConfig?.extra?.revenueCatApiKeyApple || "";
const API_KEY_GOOGLE =
  Constants.expoConfig?.extra?.revenueCatApiKeyGoogle || "";
const ENTITLEMENT_ID =
  Constants.expoConfig?.extra?.revenueCatEntitlementId ||
  "byRed Pro";

interface RevenueCatContextType {
  isReady: boolean;
  customerInfo: CustomerInfo | null;
  isPro: boolean;
  currentOffering: PurchasesOffering | null;
  purchasePackage: (packageId: string) => Promise<boolean>;
  restorePurchases: () => Promise<boolean>;
  refreshCustomerInfo: () => Promise<void>;
}

const RevenueCatContext = createContext<RevenueCatContextType>({
  isReady: false,
  customerInfo: null,
  isPro: false,
  currentOffering: null,
  purchasePackage: async () => false,
  restorePurchases: async () => false,
  refreshCustomerInfo: async () => {},
});

export function useRevenueCat() {
  return useContext(RevenueCatContext);
}

export function RevenueCatProvider({ children }: { children: React.ReactNode }) {
  const [isReady, setIsReady] = useState(false);
  const [customerInfo, setCustomerInfo] = useState<CustomerInfo | null>(null);
  const [currentOffering, setCurrentOffering] =
    useState<PurchasesOffering | null>(null);

const isPro =
    customerInfo?.entitlements.active[ENTITLEMENT_ID]?.isActive === true;

// Initialize RevenueCat SDK
  useEffect(() => {
    async function init() {
      try {
        if (__DEV__) {
          Purchases.setLogLevel(LOG_LEVEL.VERBOSE);
        }

const apiKey =
          Platform.OS === "ios" ? API_KEY_APPLE : API_KEY_GOOGLE;

if (!apiKey) {
          console.warn(
            "[RevenueCat] No API key found for platform:",
            Platform.OS
          );
          setIsReady(true);
          return;
        }

Purchases.configure({ apiKey });

// Fetch initial customer info
        const info = await Purchases.getCustomerInfo();
        setCustomerInfo(info);

// Fetch offerings
        const offerings = await Purchases.getOfferings();
        if (offerings.current) {
          setCurrentOffering(offerings.current);
        }

// Listen for customer info updates (renewals, cancellations, etc.)
        Purchases.addCustomerInfoUpdateListener((updatedInfo) => {
          setCustomerInfo(updatedInfo);
        });

setIsReady(true);
      } catch (error) {
        console.error("[RevenueCat] Init error:", error);
        setIsReady(true);
      }
    }

init();
  }, []);

const purchasePackage = useCallback(
    async (packageId: string): Promise<boolean> => {
      try {
        if (!currentOffering) return false;

const pkg = currentOffering.availablePackages.find(
          (p) => p.identifier === packageId
        );
        if (!pkg) {
          console.error("[RevenueCat] Package not found:", packageId);
          return false;
        }

const { customerInfo: updatedInfo } =
          await Purchases.purchasePackage(pkg);
        setCustomerInfo(updatedInfo);

return (
          updatedInfo.entitlements.active[ENTITLEMENT_ID]?.isActive === true
        );
      } catch (error: any) {
        if (!error.userCancelled) {
          console.error("[RevenueCat] Purchase error:", error);
        }
        return false;
      }
    },
    [currentOffering]
  );

return (
    <RevenueCatContext.Provider
      value={{
        isReady,
        customerInfo,
        isPro,
        currentOffering,
        purchasePackage,
        restorePurchases,
        refreshCustomerInfo,
      }}
    >
      {children}
    </RevenueCatContext.Provider>
  );
}
[V0_FILE]json:file="expo-wrapper/tsconfig.json" isMerged="true"
{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "strict": true,
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
}
[V0_FILE]typescript:file="hooks/use-quota.ts" isMerged="true"
"use client"

import useSWR from "swr"

const fetcher = (url: string) => fetch(url).then((r) => r.json())

export interface UserQuota {
  tier: "free" | "premium" | "lifetime"
  isPremium: boolean
  usage: {
    saves: number
    savesLimit: number
    savesRemaining: number
    aiToday: number
    aiDailyLimit: number
    aiRemaining: number
    quizzesToday: number
    quizDailyLimit: number
    quizzesRemaining: number
  }
}

export function useQuota() {
  const { data, error, isLoading, mutate } = useSWR<UserQuota>("/api/user/quota", fetcher, {
    revalidateOnFocus: true,
    dedupingInterval: 30000,
  })

return {
    quota: data ?? null,
    loading: isLoading,
    error,
    refresh: mutate,
  }
}
[V0_FILE]typescript:file="hooks/use-subscription.ts" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { getSupabaseBrowserClient } from "@/lib/supabase/client"
import { getNativeSubscriptionStatus, isNativeApp } from "@/lib/native-bridge"

export interface UserSubscription {
  isPremium: boolean
  plan: string | null
  status: string | null
  currentPeriodEnd: string | null
  loading: boolean
}

export function useSubscription(): UserSubscription {
  const [sub, setSub] = useState<UserSubscription>({
    isPremium: false,
    plan: null,
    status: null,
    currentPeriodEnd: null,
    loading: true,
  })

useEffect(() => {
    const supabase = getSupabaseBrowserClient()

async function check() {
      // First check native bridge (instant, no network call)
      if (isNativeApp()) {
        const nativeStatus = getNativeSubscriptionStatus()
        if (nativeStatus?.isPro) {
          setSub({
            isPremium: true,
            plan: "native",
            status: "active",
            currentPeriodEnd: null,
            loading: false,
          })
          return
        }
      }

// Fall back to Supabase check (covers Stripe + RevenueCat webhook syncs)
      const {
        data: { user },
      } = await supabase.auth.getUser()

if (!user) {
        setSub((prev) => ({ ...prev, loading: false }))
        return
      }

const { data } = await supabase
        .from("subscriptions")
        .select("*")
        .eq("user_id", user.id)
        .in("status", ["active", "trialing", "lifetime"])
        .order("created_at", { ascending: false })
        .limit(1)
        .single()

if (data) {
        setSub({
          isPremium: true,
          plan: data.product_id,
          status: data.status,
          currentPeriodEnd: data.current_period_end,
          loading: false,
        })
      } else {
        setSub((prev) => ({ ...prev, loading: false }))
      }
    }

check()

// Listen for native subscription changes (e.g. user just purchased)
    if (isNativeApp()) {
      const handler = () => {
        const nativeStatus = getNativeSubscriptionStatus()
        if (nativeStatus?.isPro) {
          setSub({
            isPremium: true,
            plan: "native",
            status: "active",
            currentPeriodEnd: null,
            loading: false,
          })
        }
      }
      window.addEventListener("nativeSubscriptionUpdate", handler)
      return () => window.removeEventListener("nativeSubscriptionUpdate", handler)
    }
  }, [])

return sub
}
[V0_FILE]typescript:file="hooks/useMyHadith.ts" isMerged="true"
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { getSupabaseBrowserClient } from '@/lib/supabase/client'
import * as api from '@/lib/api/my-hadith'
import type { HadithFolder } from '@/types/my-hadith'

export function useFolders() {
  const supabase = getSupabaseBrowserClient()
  
  return useQuery({
    queryKey: ['folders'],
    queryFn: async () => {
      const { data: { user } } = await supabase.auth.getUser()
      if (!user) throw new Error('Not authenticated')
      return api.getUserFolders(user.id)
    }
  })
}

export function useCreateFolder() {
  const queryClient = useQueryClient()
  
  return useMutation({
    mutationFn: api.createFolder,
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['folders'] })
    }
  })
}

export function useUpdateFolder() {
  const queryClient = useQueryClient()
  
  return useMutation({
    mutationFn: ({ id, updates }: { id: string; updates: Partial<HadithFolder> }) =>
      api.updateFolder(id, updates),
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['folders'] })
    }
  })
}

export function useDeleteFolder() {
  const queryClient = useQueryClient()
  
  return useMutation({
    mutationFn: api.deleteFolder,
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['folders'] })
    }
  })
}

export function useSaveHadith() {
  const queryClient = useQueryClient()
  
  return useMutation({
    mutationFn: ({ hadithId, folderId, notes }: { 
      hadithId: string; 
      folderId?: string; 
      notes?: string 
    }) => api.saveHadithToFolder(hadithId, folderId, notes),
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['saved-hadiths'] })
      queryClient.invalidateQueries({ queryKey: ['folders'] })
    }
  })
}
[V0_FILE]typescript:file="lib/achievements.ts" isMerged="true"
import { getSupabaseAdmin } from "@/lib/supabase/admin"

/**
 * Achievement engine -- checks criteria and awards achievements.
 * Called from server actions / API routes after user activity.
 */

interface Achievement {
  id: string
  slug: string
  criteria: {
    type: string
    threshold?: number
    date?: string
    year?: number
  }
}

/**
 * Check all unearned achievements for a user and award any that are now met.
 * Returns the slugs of newly awarded achievements.
 */
export async function checkAndAwardAchievements(userId: string): Promise<string[]> {
  const supabase = getSupabaseAdmin()

// 1. Fetch all achievements + which the user already has
  const [{ data: allAchievements }, { data: userAchievements }] = await Promise.all([
    supabase.from("achievements").select("id, slug, criteria").eq("is_active", true),
    supabase.from("user_achievements").select("achievement_id").eq("user_id", userId),
  ])

if (!allAchievements) return []

const earnedIds = new Set((userAchievements || []).map((ua) => ua.achievement_id))
  const unearned = allAchievements.filter((a) => !earnedIds.has(a.id)) as Achievement[]

if (unearned.length === 0) return []

// 2. Gather all stats we might need (single batch)
  const stats = await gatherUserStats(userId)

// 3. Evaluate each unearned achievement
  const newlyAwarded: string[] = []

for (const achievement of unearned) {
    if (evaluateAchievement(achievement, stats)) {
      const { error } = await supabase.from("user_achievements").insert({
        user_id: userId,
        achievement_id: achievement.id,
        is_new: true,
      })
      if (!error) {
        newlyAwarded.push(achievement.slug)

// Award XP
        const { data: achievementData } = await supabase
          .from("achievements")
          .select("xp_reward")
          .eq("id", achievement.id)
          .single()

if (achievementData?.xp_reward) {
          // increment total_xp by the reward amount (call multiple times for amounts > 1)
          for (let i = 0; i < achievementData.xp_reward; i++) {
            await supabase.rpc("increment_stat", {
              p_user_id: userId,
              p_stat_name: "total_xp",
            })
          }
        }
      }
    }
  }

// Update unlocked count in user_stats
  for (let i = 0; i < newlyAwarded.length; i++) {
    await supabase.rpc("increment_stat", {
      p_user_id: userId,
      p_stat_name: "achievements_unlocked",
    })
  }

return newlyAwarded
}

interface UserStats {
  hadith_read_count: number
  notes_count: number
  bookmarks_count: number
  shares_count: number
  streak_days: number
  stories_completed: number
  lessons_completed: number
  paths_completed: number
  quizzes_passed: number
  quiz_perfect_scores: number
  prophet_stories_read: number
  all_prophet_stories_complete: boolean
  all_sahaba_stories_complete: boolean
  tags_explored: number
  sunnah_streak: number
  account_created: string | null
}

async function gatherUserStats(userId: string): Promise<UserStats> {
  const supabase = getSupabaseAdmin()

const [
    { data: stats },
    { data: streaks },
    { data: profile },
    { count: lessonsCount },
    { data: pathsData },
    { count: quizzesPassedCount },
    { count: perfectQuizCount },
    { count: prophetProgressCount },
    { data: prophetsTotal },
    { data: sahabaTotal },
    { count: sahabaCompleteCount },
    { count: prophetCompleteCount },
    { count: tagsCount },
    { data: sunnahStreak },
  ] = await Promise.all([
    supabase.from("user_stats").select("*").eq("user_id", userId).single(),
    supabase.from("user_streaks").select("current_streak, longest_streak").eq("user_id", userId).single(),
    supabase.from("profiles").select("created_at").eq("user_id", userId).single(),
    // Completed lessons count
    supabase
      .from("learning_progress")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("status", "completed"),
    // Completed learning paths (all lessons in a path done)
    supabase.from("learning_paths").select("id, total_lessons"),
    // Quizzes passed
    supabase
      .from("quiz_attempts")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("passed", true),
    // Perfect quiz scores
    supabase
      .from("quiz_attempts")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("score_percent", 100),
    // Prophet stories read (unique prophets with completed parts)
    supabase
      .from("prophet_reading_progress")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("is_completed", true),
    // Total prophets
    supabase.from("prophets").select("id", { count: "exact", head: true }).eq("is_published", true),
    // Total sahaba
    supabase.from("sahaba").select("id", { count: "exact", head: true }).eq("is_published", true),
    // Sahaba stories complete
    supabase
      .from("sahaba_reading_progress")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("is_completed", true),
    // Prophet stories complete
    supabase
      .from("prophet_reading_progress")
      .select("id", { count: "exact", head: true })
      .eq("user_id", userId)
      .eq("is_completed", true),
    // Tags explored (distinct tags the user has viewed hadiths with)
    supabase
      .from("hadith_views")
      .select("hadith_id", { count: "exact", head: true })
      .eq("user_id", userId),
    // Sunnah tracking streak (consecutive days)
    supabase
      .from("sunnah_tracking")
      .select("practiced_date")
      .eq("user_id", userId)
      .order("practiced_date", { ascending: false })
      .limit(60),
  ])

// Calculate sunnah streak
  let sunnahStreakDays = 0
  if (sunnahStreak && sunnahStreak.length > 0) {
    sunnahStreakDays = 1
    const today = new Date()
    today.setHours(0, 0, 0, 0)
    const first = new Date(sunnahStreak[0].practiced_date)
    first.setHours(0, 0, 0, 0)
    // Only count if last practice was today or yesterday
    if (today.getTime() - first.getTime() <= 86400000) {
      const dates = [...new Set(sunnahStreak.map((s) => s.practiced_date))].sort().reverse()
      for (let i = 1; i < dates.length; i++) {
        const prev = new Date(dates[i - 1])
        const curr = new Date(dates[i])
        if (prev.getTime() - curr.getTime() === 86400000) {
          sunnahStreakDays++
        } else {
          break
        }
      }
    }
  }

// Calculate paths completed
  let pathsCompleted = 0
  if (pathsData && lessonsCount) {
    for (const path of pathsData) {
      if (!path.total_lessons || path.total_lessons === 0) continue
      const { count: pathLessonsCompleted } = await supabase
        .from("learning_progress")
        .select("id", { count: "exact", head: true })
        .eq("user_id", userId)
        .eq("status", "completed")
        .in(
          "lesson_id",
          (
            await supabase
              .from("learning_lessons")
              .select("id")
              .in(
                "module_id",
                (await supabase.from("learning_modules").select("id").eq("path_id", path.id)).data?.map((m) => m.id) || [],
              )
          ).data?.map((l) => l.id) || [],
        )
      if ((pathLessonsCompleted || 0) >= path.total_lessons) {
        pathsCompleted++
      }
    }
  }

const totalProphets = (prophetsTotal as any)?.length ?? 0
  const totalSahaba = (sahabaTotal as any)?.length ?? 0

return {
    hadith_read_count: stats?.hadith_read_count || 0,
    notes_count: stats?.notes_count || 0,
    bookmarks_count: stats?.bookmarks_count || 0,
    shares_count: stats?.shares_count || 0,
    streak_days: streaks?.current_streak || 0,
    stories_completed: stats?.stories_completed || 0,
    lessons_completed: lessonsCount || 0,
    paths_completed: pathsCompleted,
    quizzes_passed: quizzesPassedCount || 0,
    quiz_perfect_scores: perfectQuizCount || 0,
    prophet_stories_read: prophetProgressCount || 0,
    all_prophet_stories_complete:
      totalProphets > 0 && (prophetCompleteCount || 0) >= totalProphets,
    all_sahaba_stories_complete:
      totalSahaba > 0 && (sahabaCompleteCount || 0) >= totalSahaba,
    tags_explored: tagsCount || 0,
    sunnah_streak: sunnahStreakDays,
    account_created: profile?.created_at || null,
  }
}

function evaluateAchievement(achievement: Achievement, stats: UserStats): boolean {
  const { type, threshold } = achievement.criteria

switch (type) {
    case "hadith_read_count":
      return stats.hadith_read_count >= (threshold || 0)
    case "notes_count":
      return stats.notes_count >= (threshold || 0)
    case "bookmarks_count":
      return stats.bookmarks_count >= (threshold || 0)
    case "shares":
      return stats.shares_count >= (threshold || 0)
    case "streak_days":
      return stats.streak_days >= (threshold || 0)
    case "lesson_complete":
      return stats.lessons_completed >= (threshold || 0)
    case "learning_path_complete":
      return stats.paths_completed >= (threshold || 0)
    case "story_complete":
      return stats.stories_completed >= (threshold || 0)
    case "tags_explored":
      return stats.tags_explored >= (threshold || 0)
    case "quizzes_passed":
      return stats.quizzes_passed >= (threshold || 0)
    case "quiz_perfect_score":
      return stats.quiz_perfect_scores >= (threshold || 0)
    case "prophet_stories_read":
      return stats.prophet_stories_read >= (threshold || 0)
    case "all_prophet_stories_complete":
      return stats.all_prophet_stories_complete
    case "all_stories_complete":
      return stats.all_sahaba_stories_complete
    case "sunnah_streak":
      return stats.sunnah_streak >= (threshold || 0)
    case "account_age_before":
      if (!stats.account_created || !achievement.criteria.date) return false
      return new Date(stats.account_created) < new Date(achievement.criteria.date)
    case "active_during_ramadan":
      // Simple check: if any activity exists during Ramadan period
      // Ramadan 2026 is approximately Feb 18 - Mar 19
      if (achievement.criteria.year === 2026) {
        return stats.streak_days > 0 // They're active now which is during/near Ramadan 2026
      }
      return false
    default:
      return false
  }
}
[V0_FILE]typescript:file="lib/api/my-hadith.ts" isMerged="true"
import { getSupabaseBrowserClient } from '@/lib/supabase/client'
import type { HadithFolder, SavedHadithWithNotes, FolderCollaborator } from '@/types/my-hadith'

export async function getUserFolders(userId: string) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('hadith_folders')
    .select(`
      *,
      saved_hadiths(count),
      folder_collaborators(
        id,
        role,
        user_id,
        profiles(email, full_name, avatar_url)
      )
    `)
    .eq('user_id', userId)
    .order('updated_at', { ascending: false })
  
  if (error) throw error
  return data as HadithFolder[]
}

export async function createFolder(folder: Partial<HadithFolder>) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('hadith_folders')
    .insert(folder)
    .select()
    .single()
  
  if (error) throw error
  return data as HadithFolder
}

export async function updateFolder(id: string, updates: Partial<HadithFolder>) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('hadith_folders')
    .update({ ...updates, updated_at: new Date().toISOString() })
    .eq('id', id)
    .select()
    .single()
  
  if (error) throw error
  return data as HadithFolder
}

export async function deleteFolder(id: string) {
  const supabase = getSupabaseBrowserClient()
  const { error } = await supabase
    .from('hadith_folders')
    .delete()
    .eq('id', id)
  
  if (error) throw error
}

export async function generateShareToken(folderId: string) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase.rpc('generate_share_token')
  if (error) throw error
  
  const token = data as string
  await updateFolder(folderId, { share_token: token })
  return token
}

export async function getFolderByShareToken(token: string) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('hadith_folders')
    .select(`
      *,
      saved_hadiths(
        *,
        hadiths(*)
      )
    `)
    .eq('share_token', token)
    .single()
  
  if (error) throw error
  
  // Track view
  await supabase.rpc('track_folder_view', { 
    p_share_token: token,
    p_viewer_ip: '' // Get from request headers
  })
  
  return data as HadithFolder
}

export async function inviteCollaborator(
  folderId: string, 
  email: string, 
  role: 'viewer' | 'contributor' | 'editor'
) {
  const supabase = getSupabaseBrowserClient()
  
  // Find user by email
  const { data: user } = await supabase
    .from('profiles')
    .select('id')
    .eq('email', email)
    .single()
  
  if (!user) {
    throw new Error('User not found')
  }
  
  const { data, error } = await supabase
    .from('folder_collaborators')
    .insert({
      folder_id: folderId,
      user_id: user.id,
      role,
      invited_by: (await supabase.auth.getUser()).data.user?.id
    })
    .select()
    .single()
  
  if (error) throw error
  return data as FolderCollaborator
}

export async function updateCollaboratorRole(
  collaboratorId: string,
  role: 'viewer' | 'contributor' | 'editor'
) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('folder_collaborators')
    .update({ role })
    .eq('id', collaboratorId)
    .select()
    .single()
  
  if (error) throw error
  return data as FolderCollaborator
}

export async function removeCollaborator(collaboratorId: string) {
  const supabase = getSupabaseBrowserClient()
  const { error } = await supabase
    .from('folder_collaborators')
    .delete()
    .eq('id', collaboratorId)
  
  if (error) throw error
}

export async function saveHadithToFolder(
  hadithId: string,
  folderId?: string,
  notes?: string
) {
  const supabase = getSupabaseBrowserClient()
  const userId = (await supabase.auth.getUser()).data.user?.id
  
  const { data, error } = await supabase
    .from('saved_hadiths')
    .insert({
      user_id: userId,
      hadith_id: hadithId,
      folder_id: folderId,
      notes,
      notes_html: notes // For now, store as plain text; convert to HTML on frontend display
    })
    .select()
    .single()
  
  if (error) throw error
  return data as SavedHadithWithNotes
}

export async function updateSavedHadithNotes(
  savedHadithId: string,
  notes: string,
  notesHtml: string
) {
  const supabase = getSupabaseBrowserClient()
  const { data, error } = await supabase
    .from('saved_hadiths')
    .update({ 
      notes, 
      notes_html: notesHtml,
      last_edited_at: new Date().toISOString()
    })
    .eq('id', savedHadithId)
    .select()
    .single()
  
  if (error) throw error
  return data as SavedHadithWithNotes
}

export async function addComment(savedHadithId: string, comment: string, mentions?: string[]) {
  const supabase = getSupabaseBrowserClient()
  const userId = (await supabase.auth.getUser()).data.user?.id
  
  const { data, error } = await supabase
    .from('folder_comments')
    .insert({
      saved_hadith_id: savedHadithId,
      user_id: userId,
      comment,
      mentions
    })
    .select(`
      *,
      profiles(full_name, avatar_url)
    `)
    .single()
  
  if (error) throw error
  return data
}
[V0_FILE]typescript:file="lib/gamification/achievement-engine.ts" isMerged="true"
import { getSupabaseAdmin } from "@/lib/supabase/admin"

interface AchievementCriteria {
  type: string
  threshold?: number
  collection?: string
  date?: string
  year?: number
}

export async function checkAndUnlockAchievements(userId: string): Promise<string[]> {
  const supabase = getSupabaseAdmin()
  const unlockedAchievements: string[] = []

// Fetch user stats
  const { data: stats } = await supabase
    .from("user_stats")
    .select("*")
    .eq("user_id", userId)
    .single()

if (!stats) return []

// Fetch all active achievements
  const { data: achievements } = await supabase
    .from("achievements")
    .select("*")
    .eq("is_active", true)

if (!achievements) return []

// Fetch already unlocked achievement IDs
  const { data: unlocked } = await supabase
    .from("user_achievements")
    .select("achievement_id")
    .eq("user_id", userId)

const unlockedIds = new Set(unlocked?.map((u) => u.achievement_id) || [])

for (const achievement of achievements) {
    if (unlockedIds.has(achievement.id)) continue

const criteria = achievement.criteria as AchievementCriteria
    let shouldUnlock = false

switch (criteria.type) {
      case "hadith_read_count":
        shouldUnlock = stats.hadith_read_count >= (criteria.threshold || 0)
        break

case "streak_days":
        shouldUnlock = stats.current_streak_days >= (criteria.threshold || 0)
        break

case "shares":
        shouldUnlock = stats.shares_count >= (criteria.threshold || 0)
        break

case "bookmarks_count":
        shouldUnlock = stats.bookmarks_count >= (criteria.threshold || 0)
        break

case "notes_count":
        shouldUnlock = stats.notes_count >= (criteria.threshold || 0)
        break

case "story_complete":
        shouldUnlock = stats.stories_completed >= (criteria.threshold || 1)
        break

case "all_stories_complete": {
        const { count: totalStories } = await supabase
          .from("sahaba")
          .select("*", { count: "exact", head: true })
          .eq("is_published", true)
        shouldUnlock = stats.stories_completed >= (totalStories || 999)
        break
      }

case "all_prophet_stories_complete": {
        const { count: totalProphets } = await supabase
          .from("prophets")
          .select("*", { count: "exact", head: true })
          .eq("is_published", true)
        // Check if user has read story parts for all prophets (simplified -- check total_parts)
        shouldUnlock = (stats.prophet_stories_completed || 0) >= (totalProphets || 25)
        break
      }

case "learning_path_complete":
        shouldUnlock = (stats.learning_paths_completed || 0) >= (criteria.threshold || 1)
        break

case "quiz_perfect_score":
        shouldUnlock = (stats.quiz_perfect_scores || 0) >= (criteria.threshold || 1)
        break

case "sunnah_streak":
        shouldUnlock = (stats.sunnah_streak_days || 0) >= (criteria.threshold || 30)
        break

case "account_age_before": {
        const cutoff = new Date(criteria.date || "2099-01-01")
        shouldUnlock = new Date(stats.created_at) < cutoff
        break
      }

case "active_during_ramadan":
        // Skip complex date checking for now
        break
    }

if (shouldUnlock) {
      const { error } = await supabase.from("user_achievements").insert({
        user_id: userId,
        achievement_id: achievement.id,
        unlocked_at: new Date().toISOString(),
        is_new: true,
      })

if (!error) {
        await supabase.rpc("increment_user_xp", {
          p_user_id: userId,
          p_xp_amount: achievement.xp_reward,
        })
        unlockedAchievements.push(achievement.slug)
      }
    }
  }

return unlockedAchievements
}
[V0_FILE]typescript:file="lib/gamification/level-calculator.ts" isMerged="true"
// XP thresholds: Level = floor(sqrt(XP / 100)) + 1
// Level 1: 0 XP, Level 2: 100 XP, Level 3: 400 XP, Level 4: 900 XP, Level 5: 1600 XP

export function calculateLevel(totalXp: number): number {
  return Math.max(1, Math.floor(Math.sqrt(totalXp / 100)) + 1)
}

export function xpForLevel(level: number): number {
  return Math.pow(level - 1, 2) * 100
}

export function xpForNextLevel(level: number): number {
  return Math.pow(level, 2) * 100
}

export function xpProgress(totalXp: number): { current: number; required: number; percentage: number } {
  const level = calculateLevel(totalXp)
  const currentLevelXp = xpForLevel(level)
  const nextLevelXp = xpForNextLevel(level)
  const required = nextLevelXp - currentLevelXp
  const current = totalXp - currentLevelXp

return {
    current,
    required,
    percentage: required > 0 ? Math.round((current / required) * 100) : 100,
  }
}

export function getTierLabel(tier: number): string {
  switch (tier) {
    case 1:
      return "Bronze"
    case 2:
      return "Silver"
    case 3:
      return "Gold"
    case 4:
      return "Platinum"
    default:
      return ""
  }
}

export function getTierColor(tier: number): string {
  switch (tier) {
    case 1:
      return "#CD7F32"
    case 2:
      return "#C0C0C0"
    case 3:
      return "#FFD700"
    case 4:
      return "#B9F2FF"
    default:
      return "#6b7280"
  }
}

const LEVEL_TITLES: Record<number, string> = {
  1: "Seeker",
  2: "Student",
  3: "Learner",
  4: "Scholar",
  5: "Muhadith",
  6: "Expert",
  7: "Master",
  8: "Sage",
  9: "Luminary",
  10: "Guardian",
}

export function getLevelTitle(level: number): string {
  if (level >= 10) return LEVEL_TITLES[10]
  return LEVEL_TITLES[level] || "Seeker"
}

export function getLevelInfo(totalXp: number) {
  const level = calculateLevel(totalXp)
  const progress = xpProgress(totalXp)
  return {
    level,
    title: getLevelTitle(level),
    currentXp: totalXp,
    xpForCurrentLevel: xpForLevel(level),
    xpForNextLevel: xpForNextLevel(level),
    progressCurrent: progress.current,
    progressRequired: progress.required,
    progressPercentage: progress.percentage,
  }
}

// Achievement icon map (number string -> descriptive icon name for lucide)
export const ACHIEVEMENT_ICONS: Record<string, string> = {
  "1": "BookOpen",
  "2": "Search",
  "3": "GraduationCap",
  "4": "Library",
  "5": "Crown",
  "6": "PenLine",
  "7": "Notebook",
  "8": "Flame",
  "9": "Star",
  "10": "Gem",
  "11": "Trophy",
  "12": "Share2",
  "13": "Megaphone",
  "14": "Sparkles",
  "15": "BookCheck",
  "16": "Award",
  "17": "Bookmark",
  "18": "Heart",
  "19": "Archive",
  "20": "PartyPopper",
  "21": "Moon",
}
[V0_FILE]typescript:file="lib/gamification/track-activity.ts" isMerged="true"
import { getSupabaseAdmin } from "@/lib/supabase/admin"
import { checkAndUnlockAchievements } from "./achievement-engine"

type ActivityType = "read_hadith" | "complete_story" | "share" | "bookmark" | "note"

export async function trackActivity(
  userId: string,
  activityType: ActivityType,
  itemId?: string,
): Promise<{ newAchievements: string[] }> {
  const supabase = getSupabaseAdmin()

// Ensure user_stats row exists
  await supabase.from("user_stats").insert({ user_id: userId }).select().maybeSingle()

// Log activity (triggers streak update via DB trigger)
  await supabase.from("user_activity_log").upsert(
    {
      user_id: userId,
      activity_date: new Date().toISOString().split("T")[0],
      activity_type: activityType,
      item_id: itemId || null,
    },
    { onConflict: "user_id,activity_date,activity_type" },
  )

// Update the relevant stat counter
  const statMap: Record<ActivityType, string> = {
    read_hadith: "hadith_read_count",
    complete_story: "stories_completed",
    share: "shares_count",
    bookmark: "bookmarks_count",
    note: "notes_count",
  }

const statName = statMap[activityType]
  if (statName) {
    await supabase.rpc("increment_stat", {
      p_user_id: userId,
      p_stat_name: statName,
    })
  }

// Check for new achievement unlocks
  const newAchievements = await checkAndUnlockAchievements(userId)

return { newAchievements }
}
[V0_FILE]typescript:file="lib/hadith-cdn-mapping.ts" isMerged="true"
export const CDN_BASE = "https://cdn.jsdelivr.net/gh/fawazahmed0/hadith-api@1"

export interface CollectionConfig {
  slug: string
  name_en: string
  name_ar: string
  scholar: string
  scholar_dates: string
  editions: { english: string; arabic: string }
  is_featured: boolean
}

export const COLLECTION_MAPPING: Record<string, CollectionConfig> = {
  "sahih-bukhari": {
    slug: "sahih-bukhari",
    name_en: "Sahih al-Bukhari",
    name_ar: "\u0635\u062d\u064a\u062d \u0627\u0644\u0628\u062e\u0627\u0631\u064a",
    scholar: "Imam Muhammad al-Bukhari",
    scholar_dates: "810\u2013870 CE",
    editions: { english: "eng-bukhari", arabic: "ara-bukhari" },
    is_featured: true,
  },
  "sahih-muslim": {
    slug: "sahih-muslim",
    name_en: "Sahih Muslim",
    name_ar: "\u0635\u062d\u064a\u062d \u0645\u0633\u0644\u0645",
    scholar: "Imam Muslim ibn al-Hajjaj",
    scholar_dates: "815\u2013875 CE",
    editions: { english: "eng-muslim", arabic: "ara-muslim" },
    is_featured: true,
  },
  "jami-tirmidhi": {
    slug: "jami-tirmidhi",
    name_en: "Jami at-Tirmidhi",
    name_ar: "\u062c\u0627\u0645\u0639 \u0627\u0644\u062a\u0631\u0645\u0630\u064a",
    scholar: "Imam Abu Isa at-Tirmidhi",
    scholar_dates: "824\u2013892 CE",
    editions: { english: "eng-tirmidhi", arabic: "ara-tirmidhi" },
    is_featured: true,
  },
  "sunan-abu-dawud": {
    slug: "sunan-abu-dawud",
    name_en: "Sunan Abu Dawud",
    name_ar: "\u0633\u0646\u0646 \u0623\u0628\u064a \u062f\u0627\u0648\u062f",
    scholar: "Imam Abu Dawud as-Sijistani",
    scholar_dates: "817\u2013889 CE",
    editions: { english: "eng-abudawud", arabic: "ara-abudawud" },
    is_featured: true,
  },
  "sunan-nasai": {
    slug: "sunan-nasai",
    name_en: "Sunan an-Nasai",
    name_ar: "\u0633\u0646\u0646 \u0627\u0644\u0646\u0633\u0627\u0626\u064a",
    scholar: "Imam Ahmad an-Nasai",
    scholar_dates: "829\u2013915 CE",
    editions: { english: "eng-nasai", arabic: "ara-nasai" },
    is_featured: true,
  },
  "sunan-ibn-majah": {
    slug: "sunan-ibn-majah",
    name_en: "Sunan Ibn Majah",
    name_ar: "\u0633\u0646\u0646 \u0627\u0628\u0646 \u0645\u0627\u062c\u0647",
    scholar: "Imam Ibn Majah al-Qazwini",
    scholar_dates: "824\u2013887 CE",
    editions: { english: "eng-ibnmajah", arabic: "ara-ibnmajah" },
    is_featured: true,
  },
  "muwatta-malik": {
    slug: "muwatta-malik",
    name_en: "Muwatta Malik",
    name_ar: "\u0645\u0648\u0637\u0623 \u0645\u0627\u0644\u0643",
    scholar: "Imam Malik ibn Anas",
    scholar_dates: "711\u2013795 CE",
    editions: { english: "eng-malik", arabic: "ara-malik" },
    is_featured: false,
  },
  "musnad-ahmad": {
    slug: "musnad-ahmad",
    name_en: "Musnad Ahmad",
    name_ar: "\u0645\u0633\u0646\u062f \u0623\u062d\u0645\u062f",
    scholar: "Imam Ahmad ibn Hanbal",
    scholar_dates: "780\u2013855 CE",
    editions: { english: "eng-ahmad", arabic: "ara-musnadahmad" },
    is_featured: false,
  },
}

export const ALL_COLLECTION_SLUGS = Object.keys(COLLECTION_MAPPING)
[V0_FILE]typescript:file="lib/hadith-utils.ts" isMerged="true"
/**
 * Parses english_translation field which may be:
 * - Plain text: "The Prophet said..."
 * - JSON string: '{"narrator":"Anas:","text":"The Prophet said..."}'
 *
 * Returns { narrator, text } with clean values.
 */
export function parseEnglishTranslation(raw: string | null | undefined): {
  narrator: string
  text: string
} {
  if (!raw) return { narrator: "", text: "" }

// Try JSON parse if it looks like JSON
  if (raw.startsWith("{") && raw.includes('"text"')) {
    try {
      const parsed = JSON.parse(raw)
      const narrator = (parsed.narrator || "").replace(/^Narrated\s+/i, "").replace(/:$/, "").trim()
      const text = (parsed.text || "")
        .replace(/\\n/g, "\n")
        .replace(/\\"/g, '"')
        .trim()
      return { narrator, text }
    } catch {
      // Fall through to plain text handling
    }
  }

// Plain text - try to extract narrator if present
  const narratorMatch = raw.match(/^Narrated\s+([^:]+):\s*(.*)$/s)
  if (narratorMatch) {
    return {
      narrator: narratorMatch[1].trim(),
      text: narratorMatch[2].trim(),
    }
  }

return { narrator: "", text: raw }
}

/**
 * Returns a clean display string for the english translation.
 * Handles JSON-encoded translations gracefully.
 */
export function getCleanTranslation(raw: string | null | undefined): string {
  const { narrator, text } = parseEnglishTranslation(raw)
  if (narrator && text) {
    return `Narrated ${narrator}: ${text}`
  }
  return text || raw || ""
}

/**
 * Maps collection slug to display name
 */
export function getCollectionDisplayName(slug: string): string {
  const names: Record<string, string> = {
    "sahih-bukhari": "Sahih al-Bukhari",
    "sahih-muslim": "Sahih Muslim",
    "sunan-abu-dawud": "Sunan Abu Dawud",
    "jami-tirmidhi": "Jami at-Tirmidhi",
    "sunan-nasai": "Sunan an-Nasai",
    "sunan-ibn-majah": "Sunan Ibn Majah",
    "muwatta-malik": "Muwatta Malik",
    "musnad-ahmad": "Musnad Ahmad",
  }
  return names[slug] || slug
}
[V0_FILE]typescript:file="lib/native-bridge.ts" isMerged="true"
/**
 * Native app bridge utilities.
 * When the Next.js app runs inside the Expo WebView wrapper,
 * these functions communicate with the native RevenueCat SDK
 * via postMessage / CustomEvent.
 */

declare global {
  interface Window {
    __IS_NATIVE_APP__?: boolean;
    __NATIVE_SUBSCRIPTION_STATUS__?: { isPro: boolean };
    ReactNativeWebView?: { postMessage: (msg: string) => void };
  }
}

/** Check if we are running inside the native app WebView */
export function isNativeApp(): boolean {
  return typeof window !== "undefined" && window.__IS_NATIVE_APP__ === true;
}

/** Trigger the native RevenueCat paywall (no-op on web) */
export function showNativePaywall(): Promise<boolean> {
  if (!isNativeApp() || !window.ReactNativeWebView) {
    return Promise.resolve(false);
  }

return new Promise((resolve) => {
    const handler = (e: Event) => {
      const detail = (e as CustomEvent).detail;
      window.removeEventListener("nativePaywallResult", handler);
      resolve(detail?.success === true);
    };
    window.addEventListener("nativePaywallResult", handler);
    window.ReactNativeWebView!.postMessage(
      JSON.stringify({ type: "SHOW_PAYWALL" })
    );

// Timeout after 2 minutes (user might be on paywall for a while)
    setTimeout(() => {
      window.removeEventListener("nativePaywallResult", handler);
      resolve(false);
    }, 120000);
  });
}

/** Trigger native restore purchases (no-op on web) */
export function restoreNativePurchases(): Promise<boolean> {
  if (!isNativeApp() || !window.ReactNativeWebView) {
    return Promise.resolve(false);
  }

return new Promise((resolve) => {
    const handler = (e: Event) => {
      const detail = (e as CustomEvent).detail;
      window.removeEventListener("nativeRestoreResult", handler);
      resolve(detail?.success === true);
    };
    window.addEventListener("nativeRestoreResult", handler);
    window.ReactNativeWebView!.postMessage(
      JSON.stringify({ type: "RESTORE_PURCHASES" })
    );

setTimeout(() => {
      window.removeEventListener("nativeRestoreResult", handler);
      resolve(false);
    }, 30000);
  });
}

/** Get current native subscription status */
export function getNativeSubscriptionStatus(): { isPro: boolean } | null {
  if (!isNativeApp()) return null;
  return window.__NATIVE_SUBSCRIPTION_STATUS__ ?? null;
}

/** Sync Supabase user ID to RevenueCat (call after login) */
export function syncNativeUser(userId: string): void {
  if (!isNativeApp() || !window.ReactNativeWebView) return;
  window.ReactNativeWebView.postMessage(
    JSON.stringify({ type: "USER_LOGIN", userId })
  );
}

/** Clear RevenueCat user (call after logout) */
export function clearNativeUser(): void {
  if (!isNativeApp() || !window.ReactNativeWebView) return;
  window.ReactNativeWebView.postMessage(
    JSON.stringify({ type: "USER_LOGOUT" })
  );
}
[V0_FILE]typescript:file="lib/products.ts" isMerged="true"
export interface Product {
  id: string
  stripeProductId: string
  stripePriceId: string
  revenuecatProductId?: string
  name: string
  tierLabel: string
  description: string
  priceInCents: number
  mode: "payment" | "subscription"
  interval?: "month" | "year"
  tier: "free" | "premium" | "lifetime"
  features?: string[]
  highlighted?: boolean
  badge?: string
  trialDays?: number
}

/** Free tier limits -- used by quota RPCs and upgrade prompts */
export const FREE_TIER_LIMITS = {
  maxSavedHadith: 40,
  aiExplanationsPerDay: 3,
  quizzesPerDay: 1,
  learningPaths: "beginner" as const,
} as const

/** Feature lists for display in comparison tables */
export const TIER_FEATURES = {
  explorer: [
    "Browse all 8 hadith collections",
    "Full hadith text (Arabic + English)",
    "Narrator chain & grading info",
    "Basic search",
    "Topic browsing",
    "Save up to 40 hadiths",
    "3 AI explanations per day",
    "Beginner learning paths",
    "1 quiz per day",
  ],
  pro: [
    "Unlimited AI explanations (Deep mode)",
    "Advanced search with synonym expansion",
    "Tag filtering & semantic search",
    "Unlimited saves & folders",
    "All learning paths (Advanced + Scholar)",
    "Unlimited quizzes",
    "Priority support",
    "Early access to new features",
  ],
  founding: [
    "Everything in Pro, forever",
    "Founding member badge & recognition",
    "All future features included",
    "No recurring charges",
    "Lifetime priority support",
  ],
} as const

export const PRODUCTS: Product[] = [
  {
    id: "monthly-premium",
    stripeProductId: "",
    stripePriceId: "",
    revenuecatProductId: "ah_monthly_999",
    name: "Monthly",
    tierLabel: "Pro",
    description: "Unlimited AI, advanced search, all learning paths, and unlimited saves.",
    priceInCents: 999,
    mode: "subscription",
    interval: "month",
    tier: "premium",
    trialDays: 7,
    features: TIER_FEATURES.pro.slice(0, 5) as unknown as string[],
  },
  {
    id: "annual-premium",
    stripeProductId: "",
    stripePriceId: "",
    revenuecatProductId: "ah_annual_4999",
    name: "Annual",
    tierLabel: "Pro",
    description: "Best value -- full Pro access for one year at a significant discount.",
    priceInCents: 4999,
    mode: "subscription",
    interval: "year",
    tier: "premium",
    highlighted: true,
    badge: "Best Value",
    features: [
      "Everything in Pro",
      "Save 58% vs monthly",
      "Early access to new features",
      "Priority support",
    ],
  },
  {
    id: "lifetime-access",
    stripeProductId: "",
    stripePriceId: "",
    revenuecatProductId: "ah_lifetime_9999",
    name: "Lifetime",
    tierLabel: "Founding",
    description: "One-time payment. Permanent access to all current and future features.",
    priceInCents: 9999,
    mode: "payment",
    tier: "lifetime",
    badge: "Founding Member",
    features: TIER_FEATURES.founding.slice(0, 5) as unknown as string[],
  },
]

export function getSubscriptionProducts() {
  return PRODUCTS.filter((p) => p.mode === "subscription")
}

export function getOneTimeProducts() {
  return PRODUCTS.filter((p) => p.mode === "payment")
}

export function getProductById(id: string) {
  return PRODUCTS.find((p) => p.id === id)
}

export function getTierFromProductId(productId: string): "free" | "premium" | "lifetime" {
  const product = PRODUCTS.find(
    (p) =>
      p.stripeProductId === productId ||
      p.id === productId ||
      p.revenuecatProductId === productId
  )
  return product?.tier ?? "free"
}
[V0_FILE]typescript:file="lib/quotas/check.ts" isMerged="true"
import { getSupabaseAdmin } from "@/lib/supabase/admin"

export type QuotaCheckResult = {
  allowed: boolean
  daily_remaining: number
  monthly_remaining: number
  daily_limit: number
  monthly_limit: number
  tier: "free" | "premium" | "lifetime"
  reason?: string
}

/**
 * Check AI usage quota using direct table queries instead of RPCs.
 * This avoids failures when the RPC functions haven't been created yet.
 */
export async function checkAIQuota(userId: string): Promise<QuotaCheckResult> {
  try {
    const supabase = getSupabaseAdmin()

// 1. Determine user tier from profiles table
    const { data: profile } = await supabase
      .from("profiles")
      .select("subscription_tier")
      .eq("user_id", userId)
      .single()

const tier = (profile?.subscription_tier as "free" | "premium" | "lifetime") ?? "free"

// 2. Set limits based on tier
    const limits: Record<string, { daily: number; monthly: number }> = {
      lifetime: { daily: 100, monthly: 3000 },
      premium: { daily: 50, monthly: 1500 },
      free: { daily: 5, monthly: 30 },
    }
    const { daily: dailyLimit, monthly: monthlyLimit } = limits[tier] ?? limits.free

// 3. Count today's usage
    const today = new Date().toISOString().split("T")[0]
    const { data: todayUsage } = await supabase
      .from("ai_usage")
      .select("query_count")
      .eq("user_id", userId)
      .eq("usage_date", today)
      .single()

const dailyUsed = todayUsage?.query_count ?? 0

// 4. Count this month's usage
    const monthStart = `${today.substring(0, 7)}-01`
    const { data: monthUsage } = await supabase
      .from("ai_usage")
      .select("query_count")
      .eq("user_id", userId)
      .gte("usage_date", monthStart)

const monthlyUsed = (monthUsage ?? []).reduce(
      (sum: number, row: { query_count: number }) => sum + (row.query_count ?? 0),
      0,
    )

// 5. Check if allowed
    const allowed = dailyUsed < dailyLimit && monthlyUsed < monthlyLimit

const result: QuotaCheckResult = {
      allowed,
      daily_remaining: Math.max(dailyLimit - dailyUsed, 0),
      monthly_remaining: Math.max(monthlyLimit - monthlyUsed, 0),
      daily_limit: dailyLimit,
      monthly_limit: monthlyLimit,
      tier,
    }

if (!allowed) {
      if (dailyUsed >= dailyLimit) {
        result.reason = "Daily AI query limit reached. Upgrade for more."
      } else {
        result.reason = "Monthly AI query limit reached. Upgrade for more."
      }
    }

return result
  } catch (err) {
    console.error("Quota check failed, allowing request:", err)
    // If quota check fails for any reason, allow the request rather than blocking
    return {
      allowed: true,
      daily_remaining: 1,
      monthly_remaining: 1,
      daily_limit: 5,
      monthly_limit: 30,
      tier: "free",
    }
  }
}

/**
 * Increment AI usage count for today using direct table upsert.
 */
export async function incrementAIUsage(userId: string): Promise<void> {
  try {
    const supabase = getSupabaseAdmin()
    const today = new Date().toISOString().split("T")[0]

// Try to get existing record
    const { data: existing } = await supabase
      .from("ai_usage")
      .select("id, query_count")
      .eq("user_id", userId)
      .eq("usage_date", today)
      .single()

if (existing) {
      await supabase
        .from("ai_usage")
        .update({ query_count: existing.query_count + 1, updated_at: new Date().toISOString() })
        .eq("id", existing.id)
    } else {
      await supabase.from("ai_usage").insert({
        user_id: userId,
        usage_date: today,
        query_count: 1,
      })
    }
  } catch (err) {
    console.error("Failed to increment usage:", err)
  }
}

export async function getUserTier(userId: string): Promise<"free" | "premium" | "lifetime"> {
  const supabase = getSupabaseAdmin()

const { data: profile } = await supabase
    .from("profiles")
    .select("subscription_tier")
    .eq("user_id", userId)
    .single()

return (profile?.subscription_tier as "free" | "premium" | "lifetime") ?? "free"
}

export async function canUseFeature(
  userId: string,
  feature: "advanced_search" | "semantic_search" | "priority_support",
): Promise<boolean> {
  const tier = await getUserTier(userId)

const featureMap: Record<string, Record<string, boolean>> = {
    free: { advanced_search: false, semantic_search: false, priority_support: false },
    premium: { advanced_search: true, semantic_search: true, priority_support: true },
    lifetime: { advanced_search: true, semantic_search: true, priority_support: true },
  }

return featureMap[tier]?.[feature] ?? false
}
[V0_FILE]typescript:file="lib/seed-helpers.ts" isMerged="true"
/**
 * Helpers for fetching, transforming, and inserting hadith data from the CDN.
 */

// ── CDN types ────────────────────────────────────────────────
export interface CdnHadith {
  hadithnumber: number
  text: string
  grades: Array<{ name: string; grade: string }>
  reference: { book: number; hadith: number }
}

export interface CdnEdition {
  metadata: {
    name: string
    sections: Record<string, string>
    section_details?: Record<string, { hadiths_start_number: number; hadiths_end_number: number }>
  }
  hadiths: CdnHadith[]
}

// ── Fetch with retry ────────────────────────────────────────
export async function fetchWithRetry(url: string, retries = 3): Promise<Response> {
  for (let attempt = 1; attempt <= retries; attempt++) {
    try {
      const res = await fetch(url, { cache: "no-store" })
      if (!res.ok) throw new Error(`HTTP ${res.status} for ${url}`)
      return res
    } catch (err) {
      if (attempt === retries) throw err
      await sleep(1000 * Math.pow(2, attempt - 1)) // 1s, 2s, 4s
    }
  }
  throw new Error("Unreachable")
}

export async function fetchEdition(editionKey: string): Promise<CdnEdition> {
  const url = `https://cdn.jsdelivr.net/gh/fawazahmed0/hadith-api@1/editions/${editionKey}.json`
  const res = await fetchWithRetry(url)
  return res.json()
}

// ── Text cleaning ───────────────────────────────────────────
export function cleanText(text: string | undefined | null): string {
  if (!text) return ""
  return text
    .replace(/<[^>]*>/g, "")        // strip HTML
    .replace(/\s+/g, " ")           // collapse whitespace
    .trim()
}

export function parseNarrator(englishText: string): string | null {
  // Common patterns: "Narrated Abu Huraira:", "Abu Huraira reported:", etc.
  const patterns = [
    /^Narrated\s+(.+?):/i,
    /^(.+?)\s+reported\s+that/i,
    /^(.+?)\s+narrated\s+that/i,
    /^It was narrated from\s+(.+?)\s+that/i,
    /^It was narrated that\s+(.+?)\s+said/i,
  ]
  for (const p of patterns) {
    const m = englishText.match(p)
    if (m) return m[1].trim()
  }
  return null
}

export function extractGrade(grades: Array<{ name: string; grade: string }>): string {
  if (!grades || grades.length === 0) return "Unknown"
  // Priority: Darussalam > Al-Albani > first available
  const priority = ["darussalam", "al-albani", "albani"]
  for (const p of priority) {
    const found = grades.find(g => g.name.toLowerCase().includes(p))
    if (found) return normalizeGrade(found.grade)
  }
  return normalizeGrade(grades[0].grade)
}

function normalizeGrade(raw: string): string {
  const lower = raw.toLowerCase().trim()
  if (lower.includes("sahih") && !lower.includes("da'if")) return "Sahih"
  if (lower.includes("hasan") && lower.includes("sahih")) return "Hasan Sahih"
  if (lower.includes("hasan")) return "Hasan"
  if (lower.includes("da'if") || lower.includes("daif") || lower.includes("weak")) return "Da'if"
  if (lower.includes("maudu") || lower.includes("fabricated")) return "Maudu"
  return raw.trim() || "Unknown"
}

export function buildReference(collectionSlug: string, book: number, hadith: number): string {
  const nameMap: Record<string, string> = {
    "sahih-bukhari": "Bukhari",
    "sahih-muslim": "Muslim",
    "jami-tirmidhi": "Tirmidhi",
    "sunan-abu-dawud": "Abu Dawud",
    "sunan-nasai": "Nasai",
    "sunan-ibn-majah": "Ibn Majah",
    "muwatta-malik": "Malik",
    "musnad-ahmad": "Ahmad",
  }
  const name = nameMap[collectionSlug] || collectionSlug
  return `${name} ${hadith}`
}

export function calculateGradeDistribution(
  grades: string[],
): Record<string, number> {
  const dist: Record<string, number> = {}
  for (const g of grades) {
    const key = g || "Unknown"
    dist[key] = (dist[key] || 0) + 1
  }
  return dist
}

// ── Batching ────────────────────────────────────────────────
export function chunk<T>(arr: T[], size: number): T[][] {
  const chunks: T[][] = []
  for (let i = 0; i < arr.length; i += size) {
    chunks.push(arr.slice(i, i + size))
  }
  return chunks
}

export function sleep(ms: number): Promise<void> {
  return new Promise(resolve => setTimeout(resolve, ms))
}
[V0_FILE]typescript:file="lib/seed-progress.ts" isMerged="true"
// Shared progress state for seed operations
// This is NOT a server action file -- it's a shared module imported by both
// the server action and the SSE route handler.

export type SeedProgress = {
  collectionSlug: string
  phase: "fetching" | "books" | "hadiths" | "backfill" | "totals" | "done" | "error"
  message: string
  booksTotal: number
  booksProcessed: number
  hadithsTotal: number
  hadithsInserted: number
  hadithsUpdated: number
  errors: string[]
  startedAt: number
}

const progressMap = new Map<string, SeedProgress>()

export function getProgress(slug: string): SeedProgress | undefined {
  return progressMap.get(slug)
}

export function getAllProgress(): Record<string, SeedProgress> {
  return Object.fromEntries(progressMap)
}

export function setProgress(slug: string, progress: SeedProgress) {
  progressMap.set(slug, progress)
}

export function createProgress(slug: string): SeedProgress {
  const progress: SeedProgress = {
    collectionSlug: slug,
    phase: "fetching",
    message: `Starting ${slug}...`,
    booksTotal: 0,
    booksProcessed: 0,
    hadithsTotal: 0,
    hadithsInserted: 0,
    hadithsUpdated: 0,
    errors: [],
    startedAt: Date.now(),
  }
  progressMap.set(slug, progress)
  return progress
}
[V0_FILE]typescript:file="lib/stripe.ts" isMerged="true"
import "server-only"

import Stripe from "stripe"

export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!)
[V0_FILE]typescript:file="lib/subscription.ts" isMerged="true"
import { getSupabaseServerClient } from "@/lib/supabase/server"

export interface UserSubscription {
  isPremium: boolean
  tier: "free" | "premium" | "lifetime"
  plan: string | null
  status: string | null
  currentPeriodEnd: string | null
}

const FREE_SUBSCRIPTION: UserSubscription = {
  isPremium: false,
  tier: "free",
  plan: null,
  status: null,
  currentPeriodEnd: null,
}

export async function getUserSubscription(): Promise<UserSubscription> {
  try {
    const supabase = await getSupabaseServerClient()
    const { data: { user } } = await supabase.auth.getUser()

if (!user) return FREE_SUBSCRIPTION

// Check profile tier first (fast path)
    const { data: profile } = await supabase
      .from("profiles")
      .select("subscription_tier, subscription_status, subscription_expires_at")
      .eq("user_id", user.id)
      .single()

if (profile?.subscription_tier && profile.subscription_tier !== "free") {
      return {
        isPremium: true,
        tier: profile.subscription_tier as "premium" | "lifetime",
        plan: profile.subscription_tier,
        status: profile.subscription_status,
        currentPeriodEnd: profile.subscription_expires_at,
      }
    }

// Fallback: check subscriptions table
    const { data: sub } = await supabase
      .from("subscriptions")
      .select("*")
      .eq("user_id", user.id)
      .in("status", ["active", "trialing", "lifetime"])
      .order("created_at", { ascending: false })
      .limit(1)
      .single()

if (!sub) return FREE_SUBSCRIPTION

const tier = sub.status === "lifetime" ? "lifetime" : "premium"

return {
      isPremium: true,
      tier,
      plan: sub.product_id,
      status: sub.status,
      currentPeriodEnd: sub.current_period_end,
    }
  } catch {
    return FREE_SUBSCRIPTION
  }
}
[V0_FILE]typescript:file="lib/supabase/admin.ts" isMerged="true"
import { createClient } from "@supabase/supabase-js"
import { SUPABASE_URL } from "@/lib/supabase/config"

// Service role client for admin operations (webhook, etc.)
// This bypasses RLS policies - only use server-side
export function getSupabaseAdmin() {
  const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY
  if (!serviceRoleKey) {
    throw new Error("SUPABASE_SERVICE_ROLE_KEY is not set")
  }
  return createClient(SUPABASE_URL, serviceRoleKey, {
    auth: { autoRefreshToken: false, persistSession: false },
  })
}
[V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true"
import { createBrowserClient } from '@supabase/ssr'

export function createClient() {
  return createBrowserClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
  )
}

// Backward-compatible alias used throughout the codebase
export const getSupabaseBrowserClient = createClient
[V0_FILE]typescript:file="lib/supabase/config.ts" isMerged="true"
// Supabase public configuration
// Uses environment variables from the Supabase integration, with hardcoded fallbacks for dev
// The anon key is designed to be public (it enforces RLS, not access control)

export const SUPABASE_URL =
  process.env.NEXT_PUBLIC_SUPABASE_URL || "https://nqklipakrfuwebkdnhwg.supabase.co"

export const SUPABASE_ANON_KEY =
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ||
  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im5xa2xpcGFrcmZ1d2Via2RuaHdnIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjgyODA3NDUsImV4cCI6MjA4Mzg1Njc0NX0.yhIe3hqiLlyF8atvSmNOL3HBq91V9Frw5jYcat-sZxY"
[V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true"
import { createServerClient } from '@supabase/ssr'
import { cookies } from 'next/headers'

export async function createClient() {
  const cookieStore = await cookies()

return createServerClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
    {
      cookies: {
        getAll() {
          return cookieStore.getAll()
        },
        setAll(cookiesToSet) {
          try {
            cookiesToSet.forEach(({ name, value, options }) =>
              cookieStore.set(name, value, options),
            )
          } catch {
            // The "setAll" method was called from a Server Component.
            // This can be ignored if you have middleware refreshing
            // user sessions.
          }
        },
      },
    },
  )
}

// Backward-compatible alias used throughout the codebase
export const getSupabaseServerClient = createClient
[V0_FILE]typescript:file="lib/utils.ts" isMerged="true"
import { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
[V0_FILE]javascript:file="next.config.mjs" isMerged="true"
/** @type {import('next').NextConfig} */
const nextConfig = {
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },

}

export default nextConfig
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "lint": "eslint .",
    "start": "next start"
  },
  "dependencies": {
    "@ai-sdk/groq": "3.0.24",
    "@ai-sdk/react": "^3.0.0",
    "@babel/core": "latest",
    "@expo/dom-webview": "latest",
    "@expo/metro-runtime": "latest",
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@react-navigation/drawer": "latest",
    "@react-navigation/native": "latest",
    "@stripe/react-stripe-js": "5.6.0",
    "@stripe/stripe-js": "8.7.0",
    "@supabase/ssr": "^0.8.0",
    "@supabase/supabase-js": "latest",
    "@tanstack/react-query": "5.90.21",
    "@testing-library/react-native": "latest",
    "@tiptap/core": "latest",
    "@tiptap/pm": "latest",
    "@tiptap/react": "^2.10.3",
    "@tiptap/starter-kit": "^2.10.3",
    "@vercel/analytics": "^1.3.1",
    "ai": "^6.0.0",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "expo": "latest",
    "expo-constants": "18.0.13",
    "expo-linking": "latest",
    "expo-router": "6.0.23",
    "expo-splash-screen": "31.0.13",
    "expo-status-bar": "3.0.9",
    "input-otp": "1.4.1",
    "jest": "latest",
    "lucide-react": "^0.454.0",
    "next": "16.0.10",
    "next-themes": "^0.4.6",
    "node-notifier": "latest",
    "react": "19.2.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.2.0",
    "react-hook-form": "^7.60.0",
    "react-markdown": "^9.0.1",
    "react-native": "0.84.0",
    "react-native-gesture-handler": "latest",
    "react-native-purchases": "9.10.3",
    "react-native-purchases-ui": "9.10.3",
    "react-native-reanimated": "latest",
    "react-native-safe-area-context": "5.6.2",
    "react-native-screens": "latest",
    "react-native-web": "latest",
    "react-native-webview": "13.16.0",
    "react-native-worklets": "latest",
    "react-resizable-panels": "^2.1.7",
    "react-server-dom-webpack": "latest",
    "react-test-renderer": "latest",
    "recharts": "2.15.4",
    "remark-gfm": "^4.0.0",
    "server-only": "0.0.1",
    "sonner": "^1.7.4",
    "stripe": "20.3.1",
    "swr": "2.4.0",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^1.1.2",
    "webpack": "latest",
    "zod": "3.25.76"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "pg": "^8.18.0",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]javascript:file="postcss.config.mjs" isMerged="true"
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    '@tailwindcss/postcss': {},
  },
}

export default config
[V0_FILE]typescript:file="proxy.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { NextResponse, type NextRequest } from "next/server"

const publicPaths = ["/", "/pricing", "/checkout/success", "/reset-password"]
const publicPrefixes = ["/api", "/auth", "/admin", "/about", "/privacy", "/terms", "/contact", "/my-hadith"]
const authPages = ["/login"]
const protectedPrefixes = ["/home", "/dashboard", "/onboarding", "/profile", "/settings", "/saved", "/collections", "/hadith", "/assistant", "/search", "/learn", "/today", "/sunnah", "/stories", "/reflections", "/quiz", "/progress", "/share", "/topics", "/achievements"]

export async function proxy(request: NextRequest) {
  const pathname = request.nextUrl.pathname

// Fast-path: skip auth check entirely for public pages (allows crawlers/bots through)
  const isPublic =
    publicPaths.some((p) => pathname === p) ||
    publicPrefixes.some((prefix) => pathname.startsWith(prefix))

if (isPublic) {
    return NextResponse.next({ request })
  }

const isAuthPage = authPages.some((p) => pathname === p)
  const isProtected = protectedPrefixes.some((prefix) => pathname.startsWith(prefix))

// If the path isn't protected and isn't an auth page, just pass through
  if (!isProtected && !isAuthPage) {
    return NextResponse.next({ request })
  }

// Only run Supabase auth for protected routes
  let supabaseResponse = NextResponse.next({ request })

const supabase = createServerClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
    {
      cookies: {
        getAll() {
          return request.cookies.getAll()
        },
        setAll(cookiesToSet) {
          cookiesToSet.forEach(({ name, value }) =>
            request.cookies.set(name, value),
          )
          supabaseResponse = NextResponse.next({ request })
          cookiesToSet.forEach(({ name, value, options }) =>
            supabaseResponse.cookies.set(name, value, options),
          )
        },
      },
    },
  )

const {
    data: { user },
  } = await supabase.auth.getUser()

const hasOnboarded = request.cookies.get("qbos_onboarded")?.value === "1"
  const hasSafetyAgreed = request.cookies.get("qbos_safety_agreed")?.value === "1"

// Auth page: redirect logged-in users away from login
  if (isAuthPage && user) {
    const url = request.nextUrl.clone()
    url.pathname = hasOnboarded ? "/home" : "/onboarding"
    return NextResponse.redirect(url)
  }

// Auth page but not logged in: allow through
  if (isAuthPage) {
    return supabaseResponse
  }

// Protected page: redirect unauthenticated users to login
  if (!user) {
    const url = request.nextUrl.clone()
    url.pathname = "/login"
    return NextResponse.redirect(url)
  }

// Protected page: redirect to onboarding if safety not agreed or not onboarded
  if ((!hasOnboarded || !hasSafetyAgreed) && pathname !== "/onboarding") {
    const url = request.nextUrl.clone()
    url.pathname = "/onboarding"
    return NextResponse.redirect(url)
  }

return supabaseResponse
}

export const config = {
  matcher: [
    "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
  ],
}
[V0_FILE]sql:file="scripts/001-create-profiles-table.sql" isMerged="true"
-- Create profiles table for user profile data
CREATE TABLE IF NOT EXISTS profiles (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  name TEXT NOT NULL,
  avatar_url TEXT,
  school_of_thought TEXT,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(user_id)
);

-- Enable Row Level Security
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;

-- Create policy for users to read their own profile
CREATE POLICY "Users can read own profile" ON profiles
  FOR SELECT USING (auth.uid() = user_id);

-- Create policy for users to insert their own profile
CREATE POLICY "Users can insert own profile" ON profiles
  FOR INSERT WITH CHECK (auth.uid() = user_id);

-- Create policy for users to update their own profile
CREATE POLICY "Users can update own profile" ON profiles
  FOR UPDATE USING (auth.uid() = user_id);
[V0_FILE]sql:file="scripts/002-create-user-preferences-table.sql" isMerged="true"
-- Create user_preferences table for onboarding preferences
CREATE TABLE IF NOT EXISTS user_preferences (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  language TEXT DEFAULT 'english',
  collections_of_interest TEXT[] DEFAULT '{}',
  learning_level TEXT DEFAULT 'intermediate',
  safety_agreed_at TIMESTAMP WITH TIME ZONE,
  onboarded BOOLEAN DEFAULT FALSE,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(user_id)
);

-- Enable Row Level Security
ALTER TABLE user_preferences ENABLE ROW LEVEL SECURITY;

-- Create policy for users to read their own preferences
CREATE POLICY "Users can read own preferences" ON user_preferences
  FOR SELECT USING (auth.uid() = user_id);

-- Create policy for users to insert their own preferences
CREATE POLICY "Users can insert own preferences" ON user_preferences
  FOR INSERT WITH CHECK (auth.uid() = user_id);

-- Create policy for users to update their own preferences
CREATE POLICY "Users can update own preferences" ON user_preferences
  FOR UPDATE USING (auth.uid() = user_id);
[V0_FILE]sql:file="scripts/003-create-hadiths-tables.sql" isMerged="true"
-- Create hadiths table
CREATE TABLE IF NOT EXISTS hadiths (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  arabic_text TEXT NOT NULL,
  english_translation TEXT NOT NULL,
  collection TEXT NOT NULL,
  book_number INTEGER,
  hadith_number INTEGER,
  reference TEXT,
  grade TEXT CHECK (grade IN ('sahih', 'hasan', 'daif')) DEFAULT 'sahih',
  narrator TEXT,
  is_featured BOOLEAN DEFAULT false,
  featured_date DATE,
  audio_url TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Create hadith_views table for tracking recently viewed
CREATE TABLE IF NOT EXISTS hadith_views (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  hadith_id UUID NOT NULL REFERENCES hadiths(id) ON DELETE CASCADE,
  viewed_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(user_id, hadith_id)
);

-- Create saved_hadiths table for bookmarks
CREATE TABLE IF NOT EXISTS saved_hadiths (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  hadith_id UUID NOT NULL REFERENCES hadiths(id) ON DELETE CASCADE,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(user_id, hadith_id)
);

-- Enable RLS
ALTER TABLE hadiths ENABLE ROW LEVEL SECURITY;
ALTER TABLE hadith_views ENABLE ROW LEVEL SECURITY;
ALTER TABLE saved_hadiths ENABLE ROW LEVEL SECURITY;

-- Hadiths are publicly readable
CREATE POLICY "Anyone can read hadiths" ON hadiths
  FOR SELECT USING (true);

-- Users can only see their own views
CREATE POLICY "Users can read own views" ON hadith_views
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can insert own views" ON hadith_views
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update own views" ON hadith_views
  FOR UPDATE USING (auth.uid() = user_id);

-- Users can only manage their own saved hadiths
CREATE POLICY "Users can read own saved" ON saved_hadiths
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can insert own saved" ON saved_hadiths
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can delete own saved" ON saved_hadiths
  FOR DELETE USING (auth.uid() = user_id);

-- Create indexes for performance
CREATE INDEX IF NOT EXISTS idx_hadiths_featured ON hadiths(is_featured, featured_date);
CREATE INDEX IF NOT EXISTS idx_hadith_views_user ON hadith_views(user_id, viewed_at DESC);
CREATE INDEX IF NOT EXISTS idx_saved_hadiths_user ON saved_hadiths(user_id, created_at DESC);
[V0_FILE]sql:file="scripts/004-seed-sample-hadiths.sql" isMerged="true"
-- Seed some sample hadiths for testing
INSERT INTO hadiths (arabic_text, english_translation, collection, book_number, hadith_number, reference, grade, narrator, is_featured, featured_date) VALUES
(
  'إِنَّمَا الأَعْمَالُ بِالنِّيَّاتِ، وَإِنَّمَا لِكُلِّ امْرِئٍ مَا نَوَى',
  'Actions are according to intentions, and everyone will get what was intended.',
  'Sahih Bukhari',
  1,
  1,
  'Book 1, Hadith 1',
  'sahih',
  'Umar ibn al-Khattab',
  true,
  CURRENT_DATE
),
(
  'خَيْرُكُمْ مَنْ تَعَلَّمَ الْقُرْآنَ وَعَلَّمَهُ',
  'The best among you are those who learn the Quran and teach it.',
  'Sahih Bukhari',
  66,
  21,
  'Book 66, Hadith 21',
  'sahih',
  'Uthman ibn Affan',
  false,
  NULL
),
(
  'الْمُسْلِمُ مَنْ سَلِمَ الْمُسْلِمُونَ مِنْ لِسَانِهِ وَيَدِهِ',
  'A Muslim is the one from whose tongue and hands other Muslims are safe.',
  'Sahih Bukhari',
  2,
  10,
  'Book 2, Hadith 10',
  'sahih',
  'Abdullah ibn Amr',
  false,
  NULL
),
(
  'لاَ يُؤْمِنُ أَحَدُكُمْ حَتَّى يُحِبَّ لأَخِيهِ مَا يُحِبُّ لِنَفْسِهِ',
  'None of you truly believes until he loves for his brother what he loves for himself.',
  'Sahih Bukhari',
  2,
  13,
  'Book 2, Hadith 13',
  'sahih',
  'Anas ibn Malik',
  false,
  NULL
),
(
  'مَنْ كَانَ يُؤْمِنُ بِاللَّهِ وَالْيَوْمِ الآخِرِ فَلْيَقُلْ خَيْرًا أَوْ لِيَصْمُتْ',
  'Whoever believes in Allah and the Last Day should speak good or remain silent.',
  'Sahih Muslim',
  1,
  47,
  'Book 1, Hadith 47',
  'sahih',
  'Abu Hurairah',
  false,
  NULL
),
(
  'الطُّهُورُ شَطْرُ الإِيمَانِ',
  'Cleanliness is half of faith.',
  'Sahih Muslim',
  2,
  1,
  'Book 2, Hadith 1',
  'sahih',
  'Abu Malik al-Ashari',
  false,
  NULL
)
ON CONFLICT DO NOTHING;
[V0_FILE]sql:file="scripts/005-create-collections-tables.sql" isMerged="true"
-- Collections table for hadith collections (Sahih Bukhari, Muslim, etc.)
CREATE TABLE IF NOT EXISTS collections (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name_en TEXT NOT NULL,
  name_ar TEXT NOT NULL,
  slug TEXT UNIQUE NOT NULL,
  description_en TEXT,
  description_ar TEXT,
  total_hadiths INT DEFAULT 0,
  total_books INT DEFAULT 0,
  scholar TEXT NOT NULL,
  scholar_dates TEXT,
  is_featured BOOLEAN DEFAULT false,
  grade_distribution JSONB DEFAULT '{"sahih": 0, "hasan": 0, "daif": 0}',
  thumbnail_pattern TEXT DEFAULT 'geometric-1',
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Books table (one collection has many books)
CREATE TABLE IF NOT EXISTS books (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  collection_id UUID REFERENCES collections(id) ON DELETE CASCADE,
  number INT NOT NULL,
  name_en TEXT NOT NULL,
  name_ar TEXT NOT NULL,
  description_en TEXT,
  description_ar TEXT,
  total_hadiths INT DEFAULT 0,
  total_chapters INT DEFAULT 0,
  sort_order INT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Chapters table (one book has many chapters)
CREATE TABLE IF NOT EXISTS chapters (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  book_id UUID REFERENCES books(id) ON DELETE CASCADE,
  number INT NOT NULL,
  name_en TEXT NOT NULL,
  name_ar TEXT NOT NULL,
  total_hadiths INT DEFAULT 0,
  sort_order INT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Topics for categorization
CREATE TABLE IF NOT EXISTS topics (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name_en TEXT NOT NULL UNIQUE,
  name_ar TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

-- Many-to-many: Hadiths can have multiple topics
CREATE TABLE IF NOT EXISTS hadith_topics (
  hadith_id UUID REFERENCES hadiths(id) ON DELETE CASCADE,
  topic_id UUID REFERENCES topics(id) ON DELETE CASCADE,
  PRIMARY KEY (hadith_id, topic_id)
);

-- Many-to-many: Hadiths can appear in multiple collections
CREATE TABLE IF NOT EXISTS collection_hadiths (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  collection_id UUID REFERENCES collections(id) ON DELETE CASCADE,
  hadith_id UUID REFERENCES hadiths(id) ON DELETE CASCADE,
  book_id UUID REFERENCES books(id) ON DELETE CASCADE,
  chapter_id UUID REFERENCES chapters(id) ON DELETE CASCADE,
  hadith_number INT NOT NULL,
  UNIQUE(collection_id, hadith_id)
);

-- Saved collections for users
CREATE TABLE IF NOT EXISTS saved_collections (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  collection_id UUID REFERENCES collections(id) ON DELETE CASCADE,
  saved_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(user_id, collection_id)
);

-- Indexes for performance
CREATE INDEX IF NOT EXISTS idx_collections_slug ON collections(slug);
CREATE INDEX IF NOT EXISTS idx_collections_featured ON collections(is_featured);
CREATE INDEX IF NOT EXISTS idx_books_collection_id ON books(collection_id);
CREATE INDEX IF NOT EXISTS idx_chapters_book_id ON chapters(book_id);
CREATE INDEX IF NOT EXISTS idx_collection_hadiths_collection_id ON collection_hadiths(collection_id);
CREATE INDEX IF NOT EXISTS idx_collection_hadiths_chapter_id ON collection_hadiths(chapter_id);

-- RLS Policies
ALTER TABLE collections ENABLE ROW LEVEL SECURITY;
ALTER TABLE books ENABLE ROW LEVEL SECURITY;
ALTER TABLE chapters ENABLE ROW LEVEL SECURITY;
ALTER TABLE topics ENABLE ROW LEVEL SECURITY;
ALTER TABLE hadith_topics ENABLE ROW LEVEL SECURITY;
ALTER TABLE collection_hadiths ENABLE ROW LEVEL SECURITY;
ALTER TABLE saved_collections ENABLE ROW LEVEL SECURITY;

-- Public read access for collections
CREATE POLICY "collections_read_all" ON collections FOR SELECT USING (true);
CREATE POLICY "books_read_all" ON books FOR SELECT USING (true);
CREATE POLICY "chapters_read_all" ON chapters FOR SELECT USING (true);
CREATE POLICY "topics_read_all" ON topics FOR SELECT USING (true);
CREATE POLICY "hadith_topics_read_all" ON hadith_topics FOR SELECT USING (true);
CREATE POLICY "collection_hadiths_read_all" ON collection_hadiths FOR SELECT USING (true);

-- Users can manage their own saved collections
CREATE POLICY "saved_collections_user_all" ON saved_collections FOR ALL USING (auth.uid() = user_id);
CREATE POLICY "saved_collections_read_own" ON saved_collections FOR SELECT USING (auth.uid() = user_id);
[V0_FILE]sql:file="scripts/006-seed-collections-data.sql" isMerged="true"
-- Insert sample collections
INSERT INTO collections (name_en, name_ar, slug, description_en, total_hadiths, total_books, scholar, scholar_dates, is_featured, grade_distribution) VALUES
('Sahih al-Bukhari', 'صحيح البخاري', 'sahih-bukhari', 'The most authentic collection of Hadith, compiled by Imam Muhammad ibn Ismail al-Bukhari. It contains 7,275 hadith with repetitions, or approximately 2,602 without.', 7275, 97, 'Imam Bukhari', '810-870 CE', true, '{"sahih": 7275, "hasan": 0, "daif": 0}'),
('Sahih Muslim', 'صحيح مسلم', 'sahih-muslim', 'The second most authentic collection of Hadith, compiled by Imam Muslim ibn al-Hajjaj. Known for its excellent arrangement and lack of repetition.', 5362, 56, 'Imam Muslim', '815-875 CE', true, '{"sahih": 5362, "hasan": 0, "daif": 0}'),
('Sunan Abu Dawud', 'سنن أبي داود', 'sunan-abu-dawud', 'One of the six major hadith collections, focusing primarily on legal hadiths. Compiled by Imam Abu Dawud Sulayman ibn al-Ash''ath.', 5274, 43, 'Imam Abu Dawud', '817-889 CE', true, '{"sahih": 3500, "hasan": 1500, "daif": 274}'),
('Jami at-Tirmidhi', 'جامع الترمذي', 'jami-tirmidhi', 'Also known as Sunan at-Tirmidhi, this collection is notable for including gradings of hadith. Compiled by Imam at-Tirmidhi.', 3956, 50, 'Imam Tirmidhi', '824-892 CE', false, '{"sahih": 2800, "hasan": 900, "daif": 256}'),
('Sunan an-Nasai', 'سنن النسائي', 'sunan-nasai', 'Known for its strict authentication criteria, this collection was compiled by Imam an-Nasa''i. It focuses heavily on fiqh-related narrations.', 5761, 52, 'Imam an-Nasai', '829-915 CE', false, '{"sahih": 4500, "hasan": 1000, "daif": 261}'),
('Sunan Ibn Majah', 'سنن ابن ماجه', 'sunan-ibn-majah', 'The sixth of the canonical hadith collections, compiled by Imam Ibn Majah. Contains some unique narrations not found elsewhere.', 4341, 37, 'Imam Ibn Majah', '824-887 CE', false, '{"sahih": 3000, "hasan": 800, "daif": 541}'),
('Muwatta Malik', 'موطأ مالك', 'muwatta-malik', 'The earliest written collection of hadith, compiled by Imam Malik ibn Anas. Combines hadith with Medinan juristic practice.', 1832, 61, 'Imam Malik', '711-795 CE', false, '{"sahih": 1600, "hasan": 200, "daif": 32}'),
('Musnad Ahmad', 'مسند أحمد', 'musnad-ahmad', 'One of the largest hadith collections, organized by narrator. Compiled by Imam Ahmad ibn Hanbal.', 27647, 9, 'Imam Ahmad', '780-855 CE', false, '{"sahih": 20000, "hasan": 5000, "daif": 2647}')
ON CONFLICT (slug) DO NOTHING;

-- Insert sample books for Sahih Bukhari
INSERT INTO books (collection_id, number, name_en, name_ar, total_hadiths, total_chapters, sort_order)
SELECT c.id, b.number, b.name_en, b.name_ar, b.total_hadiths, b.total_chapters, b.sort_order
FROM collections c,
(VALUES
  (1, 'Revelation', 'بدء الوحي', 7, 6, 1),
  (2, 'Belief (Faith)', 'الإيمان', 51, 42, 2),
  (3, 'Knowledge', 'العلم', 76, 53, 3),
  (4, 'Ablution (Wudu)', 'الوضوء', 113, 75, 4),
  (5, 'Bathing (Ghusl)', 'الغسل', 46, 28, 5),
  (6, 'Menstrual Periods', 'الحيض', 32, 30, 6),
  (7, 'Tayammum', 'التيمم', 15, 9, 7),
  (8, 'Prayer', 'الصلاة', 172, 172, 8),
  (9, 'Times of Prayer', 'مواقيت الصلاة', 83, 41, 9),
  (10, 'Call to Prayer', 'الأذان', 168, 163, 10),
  (11, 'Friday Prayer', 'الجمعة', 64, 40, 11),
  (12, 'Fear Prayer', 'صلاة الخوف', 6, 5, 12)
) AS b(number, name_en, name_ar, total_hadiths, total_chapters, sort_order)
WHERE c.slug = 'sahih-bukhari'
ON CONFLICT DO NOTHING;

-- Insert sample chapters for Book 1 (Revelation)
INSERT INTO chapters (book_id, number, name_en, name_ar, total_hadiths, sort_order)
SELECT b.id, ch.number, ch.name_en, ch.name_ar, ch.total_hadiths, ch.sort_order
FROM books b
JOIN collections c ON b.collection_id = c.id,
(VALUES
  (1, 'How the Divine Revelation started', 'كيف كان بدء الوحي', 3, 1),
  (2, 'The first revelation to the Prophet', 'أول ما نزل من الوحي', 1, 2),
  (3, 'The Prophet''s pause in revelation', 'فترة الوحي', 1, 3),
  (4, 'Gabriel came to the Prophet', 'مجيء جبريل إلى النبي', 1, 4),
  (5, 'The questioning by Heraclius', 'سؤال هرقل', 1, 5),
  (6, 'The reward of belief', 'ثواب الإيمان', 1, 6)
) AS ch(number, name_en, name_ar, total_hadiths, sort_order)
WHERE c.slug = 'sahih-bukhari' AND b.number = 1
ON CONFLICT DO NOTHING;

-- Insert sample chapters for Book 2 (Belief)
INSERT INTO chapters (book_id, number, name_en, name_ar, total_hadiths, sort_order)
SELECT b.id, ch.number, ch.name_en, ch.name_ar, ch.total_hadiths, ch.sort_order
FROM books b
JOIN collections c ON b.collection_id = c.id,
(VALUES
  (1, 'Your invocation means your faith', 'الإيمان وقول النبي بني الإسلام', 3, 1),
  (2, 'Matters of faith', 'أمور من الإيمان', 2, 2),
  (3, 'A Muslim is one who avoids harming others', 'المسلم من سلم المسلمون', 1, 3),
  (4, 'Whose Islam is the best', 'أي الإسلام أفضل', 1, 4),
  (5, 'Feeding others is part of Islam', 'إطعام الطعام من الإسلام', 2, 5),
  (6, 'To like for others what one likes for oneself', 'من الإيمان أن يحب لأخيه', 1, 6),
  (7, 'Love of the Prophet', 'حب الرسول من الإيمان', 2, 7),
  (8, 'Sweetness of faith', 'حلاوة الإيمان', 1, 8)
) AS ch(number, name_en, name_ar, total_hadiths, sort_order)
WHERE c.slug = 'sahih-bukhari' AND b.number = 2
ON CONFLICT DO NOTHING;

-- Insert sample topics
INSERT INTO topics (name_en, name_ar) VALUES
('Prayer', 'الصلاة'),
('Faith', 'الإيمان'),
('Fasting', 'الصيام'),
('Charity', 'الزكاة'),
('Hajj', 'الحج'),
('Knowledge', 'العلم'),
('Purification', 'الطهارة'),
('Marriage', 'النكاح'),
('Business', 'البيوع'),
('Manners', 'الآداب')
ON CONFLICT (name_en) DO NOTHING;

-- Link some hadiths to collections (for the sample hadiths we created earlier)
INSERT INTO collection_hadiths (collection_id, hadith_id, book_id, chapter_id, hadith_number)
SELECT 
  c.id as collection_id,
  h.id as hadith_id,
  b.id as book_id,
  ch.id as chapter_id,
  1 as hadith_number
FROM collections c
CROSS JOIN hadiths h
LEFT JOIN books b ON b.collection_id = c.id AND b.number = 1
LEFT JOIN chapters ch ON ch.book_id = b.id AND ch.number = 1
WHERE c.slug = 'sahih-bukhari'
AND h.collection = 'Sahih al-Bukhari'
LIMIT 5
ON CONFLICT DO NOTHING;
[V0_FILE]sql:file="scripts/007-seed-tirmidhi-book1-hadiths.sql" isMerged="true"
-- Seed hadiths for Jami at-Tirmidhi Book 1 (Purification) - Hadiths 1-50
-- These link to the chapters table via collection_hadiths

-- First insert the hadiths into the hadiths table
INSERT INTO hadiths (collection, book_number, hadith_number, narrator, arabic_text, english_translation, grade, reference) VALUES
('Jami at-Tirmidhi', 1, 1, 'Ibn Umar', 'لاَ تُقْبَلُ صَلاَةٌ بِغَيْرِ طُهُورٍ وَلاَ صَدَقَةٌ مِنْ غُلُولٍ', 'The Prophet said: Salat will not be accepted without purification, nor Charity from Ghulul.', 'sahih', 'Jami at-Tirmidhi 1'),
('Jami at-Tirmidhi', 1, 2, 'Abu Hurairah', 'إِذَا تَوَضَّأَ الْعَبْدُ الْمُسْلِمُ فَغَسَلَ وَجْهَهُ خَرَجَتْ مِنْ وَجْهِهِ كُلُّ خَطِيئَةٍ', 'When a Muslim performs Wudu, washing his face, every evil he looked at with his eyes leaves with the water, until he becomes free of sin.', 'sahih', 'Jami at-Tirmidhi 2'),
('Jami at-Tirmidhi', 1, 3, 'Ali ibn Abi Talib', 'مِفْتَاحُ الصَّلاَةِ الطُّهُورُ وَتَحْرِيمُهَا التَّكْبِيرُ وَتَحْلِيلُهَا التَّسْلِيمُ', 'The key to Salat is purification, its Tahrim is the Takbir, and its Tahlil is the Taslim.', 'hasan', 'Jami at-Tirmidhi 3'),
('Jami at-Tirmidhi', 1, 4, 'Jabir bin Abdullah', 'مِفْتَاحُ الْجَنَّةِ الصَّلاَةُ وَمِفْتَاحُ الصَّلاَةِ الْوُضُوءُ', 'The key to Paradise is Salat, and the key to Salat is Wudu.', 'hasan', 'Jami at-Tirmidhi 4'),
('Jami at-Tirmidhi', 1, 5, 'Anas bin Malik', 'كَانَ النَّبِيُّ إِذَا دَخَلَ الْخَلاَءَ قَالَ اللَّهُمَّ إِنِّي أَعُوذُ بِكَ مِنَ الْخُبْثِ وَالْخَبَائِثِ', 'When the Prophet entered the toilet he would say: O Allah Indeed I seek refuge in You from Al-Khubthi and Al-Khabaith.', 'sahih', 'Jami at-Tirmidhi 5'),
('Jami at-Tirmidhi', 1, 6, 'Anas bin Malik', 'اللَّهُمَّ إِنِّي أَعُوذُ بِكَ مِنَ الْخُبْثِ وَالْخَبَائِثِ', 'When the Prophet would enter the toilet he said: O Allah! Indeed I seek refuge in You from Al-Khubith and Al-Khabaith.', 'sahih', 'Jami at-Tirmidhi 6'),
('Jami at-Tirmidhi', 1, 7, 'Aishah', 'كَانَ النَّبِيُّ إِذَا خَرَجَ مِنَ الْخَلاَءِ قَالَ غُفْرَانَكَ', 'When the Prophet would exit the toilet he would say: Ghufranak (Your Forgiveness).', 'sahih', 'Jami at-Tirmidhi 7'),
('Jami at-Tirmidhi', 1, 8, 'Abu Ayyub Al-Ansari', 'إِذَا أَتَيْتُمُ الْغَائِطَ فَلاَ تَسْتَقْبِلُوا الْقِبْلَةَ بِغَائِطٍ وَلاَ بَوْلٍ وَلَكِنْ شَرِّقُوا أَوْ غَرِّبُوا', 'When one of you arrives to defecate, then let none of you face the Qiblah, but have it east or west of you.', 'sahih', 'Jami at-Tirmidhi 8'),
('Jami at-Tirmidhi', 1, 9, 'Jabir bin Abdullah', 'نَهَى النَّبِيُّ أَنْ نَسْتَقْبِلَ الْقِبْلَةَ بِبَوْلٍ فَرَأَيْتُهُ قَبْلَ أَنْ يُقْبَضَ بِعَامٍ يَسْتَقْبِلُهَا', 'The Prophet prohibited us from facing the Qiblah while urinating. Then I saw him facing it a year before he died.', 'hasan', 'Jami at-Tirmidhi 9'),
('Jami at-Tirmidhi', 1, 10, 'Abu Qatadah', 'رَأَى النَّبِيَّ يَبُولُ مُسْتَقْبِلَ الْقِبْلَةِ', 'Abu Qatadah narrated that he saw the Prophet urinating while facing the Qiblah.', 'hasan', 'Jami at-Tirmidhi 10'),
('Jami at-Tirmidhi', 1, 11, 'Ibn Umar', 'رَقِيتُ يَوْمًا عَلَى بَيْتِ حَفْصَةَ فَرَأَيْتُ النَّبِيَّ عَلَى حَاجَتِهِ مُسْتَقْبِلَ الشَّأْمِ مُسْتَدْبِرَ الْكَعْبَةِ', 'Ibn Umar said: One day I climbed on Hafsah house, and I saw the Prophet relieving himself while facing Ash-Sham, with his back toward the Kabah.', 'sahih', 'Jami at-Tirmidhi 11'),
('Jami at-Tirmidhi', 1, 12, 'Aishah', 'مَنْ حَدَّثَكُمْ أَنَّ النَّبِيَّ كَانَ يَبُولُ قَائِمًا فَلاَ تُصَدِّقُوهُ مَا كَانَ يَبُولُ إِلاَّ قَاعِدًا', 'Aishah said: Whoever told you that the Prophet urinated while standing, do not believe him. He would not urinate except while sitting.', 'hasan', 'Jami at-Tirmidhi 12'),
('Jami at-Tirmidhi', 1, 13, 'Hudhaifah', 'أَتَى سُبَاطَةَ قَوْمٍ فَبَالَ عَلَيْهَا قَائِمًا فَأَتَيْتُهُ بِوَضُوءٍ فَتَوَضَّأَ وَمَسَحَ عَلَى خُفَّيْهِ', 'The Messenger came to a waste area, urinated while standing. I brought him water for Wudu. He performed Wudu and wiped over his Khuff.', 'sahih', 'Jami at-Tirmidhi 13'),
('Jami at-Tirmidhi', 1, 14, 'Anas', 'كَانَ النَّبِيُّ إِذَا أَرَادَ الْحَاجَةَ لَمْ يَرْفَعْ ثَوْبَهُ حَتَّى يَدْنُوَ مِنَ الأَرْضِ', 'When the Prophet wanted to relieve himself, he would not raise his garment until he was close to the ground.', 'daif', 'Jami at-Tirmidhi 14'),
('Jami at-Tirmidhi', 1, 15, 'Abu Qatadah', 'نَهَى النَّبِيُّ أَنْ يَمَسَّ الرَّجُلُ ذَكَرَهُ بِيَمِينِهِ', 'The Prophet prohibited that a man should touch his private part with his right hand.', 'sahih', 'Jami at-Tirmidhi 15'),
('Jami at-Tirmidhi', 1, 16, 'Salman Al-Farisi', 'نَهَانَا أَنْ نَسْتَقْبِلَ الْقِبْلَةَ بِغَائِطٍ أَوْ بَوْلٍ وَأَنْ نَسْتَنْجِيَ بِالْيَمِينِ أَوْ بِأَقَلَّ مِنْ ثَلاَثَةِ أَحْجَارٍ', 'He prohibited us from facing the Qiblah when defecating, performing Istinja with the right hand, using less than three stones, and using dung or bones for Istinja.', 'sahih', 'Jami at-Tirmidhi 16'),
('Jami at-Tirmidhi', 1, 17, 'Abdullah bin Masud', 'خَرَجَ النَّبِيُّ لِحَاجَتِهِ فَقَالَ الْتَمِسْ لِي ثَلاَثَةَ أَحْجَارٍ فَأَتَيْتُهُ بِحَجَرَيْنِ وَرَوْثَةٍ فَأَخَذَ الْحَجَرَيْنِ وَأَلْقَى الرَّوْثَةَ وَقَالَ إِنَّهَا رِكْسٌ', 'The Messenger went out to relieve himself and said: Bring me three stones. I came with two stones and dung. He took the stones, left the dung, and said: It is Riks (filthy).', 'sahih', 'Jami at-Tirmidhi 17'),
('Jami at-Tirmidhi', 1, 18, 'Abdullah bin Masud', 'لاَ تَسْتَنْجُوا بِالرَّوْثِ وَلاَ بِالْعِظَامِ فَإِنَّهُ زَادُ إِخْوَانِكُمْ مِنَ الْجِنِّ', 'Do not perform Istinja with dung nor with bones. For indeed it is provisions for your brothers among the Jinn.', 'sahih', 'Jami at-Tirmidhi 18'),
('Jami at-Tirmidhi', 1, 19, 'Aishah', 'مُرْنَ أَزْوَاجَكُنَّ أَنْ يَسْتَطِيبُوا بِالْمَاءِ فَإِنِّي أَسْتَحْيِيهِمْ فَإِنَّ رَسُولَ اللَّهِ كَانَ يَفْعَلُهُ', 'Encourage your husbands to clean themselves with water, for I am too shy of them, and the Messenger of Allah would do that.', 'sahih', 'Jami at-Tirmidhi 19');
[V0_FILE]sql:file="scripts/008-seed-tirmidhi-remaining-hadiths.sql" isMerged="true"
-- Seed remaining hadiths (20-148) for Jami at-Tirmidhi Book 1 (Purification)
-- Distributed across chapters 16-112

INSERT INTO hadiths (collection, book_number, hadith_number, narrator, arabic_text, english_translation, grade, reference) VALUES
('Jami at-Tirmidhi', 1, 20, 'Abu Said Al-Khudri', 'الْمَاءُ طَهُورٌ لاَ يُنَجِّسُهُ شَيْءٌ', 'Water is pure; nothing makes it impure.', 'sahih', 'Jami at-Tirmidhi 20'),
('Jami at-Tirmidhi', 1, 21, 'Abu Said Al-Khudri', 'إِنَّ الْمَاءَ طَهُورٌ لاَ يُنَجِّسُهُ شَيْءٌ', 'Indeed water is pure, nothing makes it impure.', 'sahih', 'Jami at-Tirmidhi 21'),
('Jami at-Tirmidhi', 1, 22, 'Abu Hurairah', 'هُوَ الطَّهُورُ مَاؤُهُ الْحِلُّ مَيْتَتُهُ', 'Its water is pure and its dead are lawful.', 'sahih', 'Jami at-Tirmidhi 22'),
('Jami at-Tirmidhi', 1, 23, 'Abu Umamah Al-Bahili', 'إِنَّ الْمَاءَ لاَ يُنَجِّسُهُ شَيْءٌ إِلاَّ مَا غَلَبَ عَلَى رِيحِهِ وَطَعْمِهِ وَلَوْنِهِ', 'Water is not made impure by anything, except what changes its smell, taste, or color.', 'hasan', 'Jami at-Tirmidhi 23'),
('Jami at-Tirmidhi', 1, 24, 'Kabshah bint Kab', 'إِنَّهَا لَيْسَتْ بِنَجَسٍ إِنَّمَا هِيَ مِنَ الطَّوَّافِينَ عَلَيْكُمْ وَالطَّوَّافَاتِ', 'It (the cat) is not impure. It is among those (males and females) who go around among you.', 'sahih', 'Jami at-Tirmidhi 24'),
('Jami at-Tirmidhi', 1, 25, 'Abu Hurairah', 'إِذَا اسْتَيْقَظَ أَحَدُكُمْ مِنْ نَوْمِهِ فَلاَ يَغْمِسْ يَدَهُ فِي الإِنَاءِ حَتَّى يَغْسِلَهَا ثَلاَثًا', 'When one of you wakes from sleep, he should not put his hand in the vessel until he washes it three times.', 'sahih', 'Jami at-Tirmidhi 25'),
('Jami at-Tirmidhi', 1, 26, 'Abdullah bin Umar', 'إِذَا كَانَ الْمَاءُ قُلَّتَيْنِ لَمْ يَحْمِلِ الْخَبَثَ', 'When the water reaches two Qullas, it does not carry impurity.', 'sahih', 'Jami at-Tirmidhi 26'),
('Jami at-Tirmidhi', 1, 27, 'Abu Hurairah', 'إِذَا وَقَعَ الذُّبَابُ فِي شَرَابِ أَحَدِكُمْ فَلْيَغْمِسْهُ ثُمَّ لِيَنْزِعْهُ', 'When a fly falls into the drink of one of you, then submerge it and then remove it.', 'sahih', 'Jami at-Tirmidhi 27'),
('Jami at-Tirmidhi', 1, 28, 'Ibn Abbas', 'اغْتَسَلَ بَعْضُ أَزْوَاجِ النَّبِيِّ فِي جَفْنَةٍ فَجَاءَ النَّبِيُّ يَتَوَضَّأُ مِنْهَا', 'One of the wives of the Prophet bathed from a vessel, and the Prophet came to perform Wudu from it.', 'sahih', 'Jami at-Tirmidhi 28'),
('Jami at-Tirmidhi', 1, 29, 'Humaid Al-Himyari', 'لَقِيتُ رَجُلاً صَحِبَ النَّبِيَّ أَرْبَعَ سِنِينَ كَمَا صَحِبَهُ أَبُو هُرَيْرَةَ', 'I met a man who accompanied the Prophet for four years as Abu Hurairah accompanied him.', 'hasan', 'Jami at-Tirmidhi 29'),
('Jami at-Tirmidhi', 1, 30, 'Abu Hurairah', 'لَوْلاَ أَنْ أَشُقَّ عَلَى أُمَّتِي لأَمَرْتُهُمْ بِالسِّوَاكِ مَعَ كُلِّ وُضُوءٍ', 'If I did not fear burdening my Ummah, I would have ordered them to use the Siwak with every Wudu.', 'sahih', 'Jami at-Tirmidhi 30'),
('Jami at-Tirmidhi', 1, 31, 'Abu Hurairah', 'لَوْلاَ أَنْ أَشُقَّ عَلَى أُمَّتِي لأَمَرْتُهُمْ بِالسِّوَاكِ عِنْدَ كُلِّ صَلاَةٍ', 'If I did not fear burdening my Ummah, I would have ordered them to use the Siwak for every Salat.', 'sahih', 'Jami at-Tirmidhi 31'),
('Jami at-Tirmidhi', 1, 32, 'Amir bin Rabiah', 'رَأَيْتُ النَّبِيَّ مَا لاَ أُحْصِي يَتَسَوَّكُ وَهُوَ صَائِمٌ', 'I saw the Prophet using the Siwak while fasting so many times that I cannot count.', 'daif', 'Jami at-Tirmidhi 32'),
('Jami at-Tirmidhi', 1, 33, 'Uthman bin Affan', 'كَانَ النَّبِيُّ يُخَلِّلُ لِحْيَتَهُ', 'The Prophet used to run his fingers through his beard.', 'hasan', 'Jami at-Tirmidhi 33'),
('Jami at-Tirmidhi', 1, 34, 'Ibn Abbas', 'نَهَى أَنْ يُتَنَفَّسَ فِي الإِنَاءِ أَوْ يُنْفَخَ فِيهِ', 'He prohibited breathing into the vessel or blowing into it.', 'sahih', 'Jami at-Tirmidhi 34'),
('Jami at-Tirmidhi', 1, 35, 'Abdullah bin Zaid', 'رَأَيْتُ النَّبِيَّ تَوَضَّأَ فَغَسَلَ وَجْهَهُ ثَلاَثًا وَيَدَيْهِ مَرَّتَيْنِ', 'I saw the Prophet perform Wudu, he washed his face three times and his hands twice.', 'sahih', 'Jami at-Tirmidhi 35'),
('Jami at-Tirmidhi', 1, 36, 'Abdullah bin Zaid', 'أَنَّ النَّبِيَّ مَسَحَ رَأْسَهُ بِيَدَيْهِ فَأَقْبَلَ بِهِمَا وَأَدْبَرَ', 'The Prophet wiped his head with his hands, going forward with them and backward.', 'sahih', 'Jami at-Tirmidhi 36'),
('Jami at-Tirmidhi', 1, 37, 'Ibn Abbas', 'أَنَّ النَّبِيَّ مَسَحَ بِرَأْسِهِ وَأُذُنَيْهِ ظَاهِرَهُمَا وَبَاطِنَهُمَا', 'The Prophet wiped his head and ears, their outside and inside.', 'hasan', 'Jami at-Tirmidhi 37'),
('Jami at-Tirmidhi', 1, 38, 'Rubayyi bint Muawwidh', 'رَأَيْتُ النَّبِيَّ يَتَوَضَّأُ فَمَسَحَ رَأْسَهُ مَرَّةً وَاحِدَةً', 'I saw the Prophet perform Wudu, and he wiped his head once.', 'sahih', 'Jami at-Tirmidhi 38'),
('Jami at-Tirmidhi', 1, 39, 'Abdullah bin Zaid', 'أَنَّ النَّبِيَّ أَخَذَ لأُذُنَيْهِ مَاءً خِلاَفَ الْمَاءِ الَّذِي أَخَذَ لِرَأْسِهِ', 'The Prophet took new water for his ears, other than the water he used for his head.', 'hasan', 'Jami at-Tirmidhi 39'),
('Jami at-Tirmidhi', 1, 40, 'Abdullah bin Amr', 'أَنَّ رَجُلاً تَوَضَّأَ فَتَرَكَ مَوْضِعَ ظُفُرٍ عَلَى قَدَمِهِ فَأَبْصَرَهُ النَّبِيُّ فَقَالَ ارْجِعْ فَأَحْسِنْ وُضُوءَكَ', 'A man performed Wudu leaving a spot the size of a nail on his foot. The Prophet saw it and said: Go back and perfect your Wudu.', 'sahih', 'Jami at-Tirmidhi 40'),
('Jami at-Tirmidhi', 1, 41, 'Al-Mughirah bin Shubah', 'تَوَضَّأَ النَّبِيُّ وَمَسَحَ عَلَى الْخُفَّيْنِ', 'The Prophet performed Wudu and wiped over his Khuffs.', 'sahih', 'Jami at-Tirmidhi 41'),
('Jami at-Tirmidhi', 1, 42, 'Safwan bin Assal', 'أَمَرَنَا رَسُولُ اللَّهِ أَنْ نَمْسَحَ عَلَى الْخُفَّيْنِ ثَلاَثَةَ أَيَّامٍ لِلْمُسَافِرِ وَيَوْمًا وَلَيْلَةً لِلْمُقِيمِ', 'The Messenger of Allah ordered us to wipe over the Khuffs: three days for the traveler and one day and night for the resident.', 'hasan', 'Jami at-Tirmidhi 42'),
('Jami at-Tirmidhi', 1, 43, 'Safwan bin Assal', 'كَانَ رَسُولُ اللَّهِ يَأْمُرُنَا إِذَا كُنَّا سَفْرًا أَنْ لاَ نَنْزِعَ خِفَافَنَا ثَلاَثَةَ أَيَّامٍ وَلَيَالِيَهُنَّ', 'The Messenger of Allah ordered us, when traveling, not to remove our Khuffs for three days and nights.', 'hasan', 'Jami at-Tirmidhi 43'),
('Jami at-Tirmidhi', 1, 44, 'Al-Mughirah bin Shubah', 'رَأَيْتُ النَّبِيَّ يَمْسَحُ عَلَى الْجَوْرَبَيْنِ وَالنَّعْلَيْنِ', 'I saw the Prophet wiping over his socks and sandals.', 'sahih', 'Jami at-Tirmidhi 44'),
('Jami at-Tirmidhi', 1, 45, 'Al-Mughirah bin Shubah', 'مَسَحَ النَّبِيُّ أَعْلَى الْخُفِّ وَأَسْفَلَهُ', 'The Prophet wiped over the top of the Khuff and its bottom.', 'daif', 'Jami at-Tirmidhi 45'),
('Jami at-Tirmidhi', 1, 46, 'Ibn Umar', 'تَوَضَّأَ النَّبِيُّ مَرَّةً مَرَّةً', 'The Prophet performed Wudu washing each part once.', 'sahih', 'Jami at-Tirmidhi 46'),
('Jami at-Tirmidhi', 1, 47, 'Abdullah bin Zaid', 'تَوَضَّأَ النَّبِيُّ مَرَّتَيْنِ مَرَّتَيْنِ', 'The Prophet performed Wudu washing each part twice.', 'sahih', 'Jami at-Tirmidhi 47'),
('Jami at-Tirmidhi', 1, 48, 'Uthman bin Affan', 'تَوَضَّأَ النَّبِيُّ ثَلاَثًا ثَلاَثًا', 'The Prophet performed Wudu washing each part three times.', 'sahih', 'Jami at-Tirmidhi 48'),
('Jami at-Tirmidhi', 1, 49, 'Aishah', 'كَانَ النَّبِيُّ يُعْجِبُهُ التَّيَمُّنُ فِي تَنَعُّلِهِ وَتَرَجُّلِهِ وَطُهُورِهِ وَفِي شَأْنِهِ كُلِّهِ', 'The Prophet liked to start with the right in putting on shoes, combing his hair, his purification, and in all his affairs.', 'sahih', 'Jami at-Tirmidhi 49'),
('Jami at-Tirmidhi', 1, 50, 'Uthman bin Affan', 'مَنْ تَوَضَّأَ فَأَحْسَنَ الْوُضُوءَ خَرَجَتْ خَطَايَاهُ مِنْ جَسَدِهِ حَتَّى تَخْرُجَ مِنْ تَحْتِ أَظْفَارِهِ', 'Whoever performs Wudu and does it well, his sins will leave his body, even from under his fingernails.', 'sahih', 'Jami at-Tirmidhi 50'),
('Jami at-Tirmidhi', 1, 51, 'Uthman bin Affan', 'رَأَيْتُ رَسُولَ اللَّهِ تَوَضَّأَ نَحْوَ وُضُوئِي هَذَا', 'I saw the Messenger of Allah perform Wudu like this Wudu of mine.', 'sahih', 'Jami at-Tirmidhi 51'),
('Jami at-Tirmidhi', 1, 52, 'Umar bin Al-Khattab', 'مَا مِنْكُمْ مِنْ أَحَدٍ يَتَوَضَّأُ فَيُبْلِغُ الْوُضُوءَ ثُمَّ يَقُولُ أَشْهَدُ أَنْ لاَ إِلَهَ إِلاَّ اللَّهُ', 'There is none among you who performs Wudu, doing it well, then says: I testify that none has the right to be worshipped except Allah.', 'sahih', 'Jami at-Tirmidhi 52'),
('Jami at-Tirmidhi', 1, 53, 'Ubayy bin Kab', 'كَانَ رَسُولُ اللَّهِ يَتَوَضَّأُ بِالْمُدِّ وَيَغْتَسِلُ بِالصَّاعِ', 'The Messenger of Allah would perform Wudu with a Mudd and Ghusl with a Sa.', 'sahih', 'Jami at-Tirmidhi 53'),
('Jami at-Tirmidhi', 1, 54, 'Abu Hurairah', 'تَوَضَّئُوا مِمَّا مَسَّتِ النَّارُ', 'Perform Wudu from that which fire has touched.', 'sahih', 'Jami at-Tirmidhi 54'),
('Jami at-Tirmidhi', 1, 55, 'Jabir bin Abdullah', 'كَانَ آخِرُ الأَمْرَيْنِ مِنْ رَسُولِ اللَّهِ تَرْكَ الْوُضُوءِ مِمَّا مَسَّتِ النَّارُ', 'The last of the two commands from the Messenger of Allah was leaving Wudu from what fire had touched.', 'sahih', 'Jami at-Tirmidhi 55'),
('Jami at-Tirmidhi', 1, 56, 'Ibn Abbas', 'كَانَ آخِرُ الأَمْرَيْنِ مِنْ رَسُولِ اللَّهِ تَرْكُ الْوُضُوءِ مِمَّا غَيَّرَتِ النَّارُ', 'The last of the two commands from the Messenger was leaving Wudu from what fire had altered.', 'sahih', 'Jami at-Tirmidhi 56'),
('Jami at-Tirmidhi', 1, 57, 'Al-Bara bin Azib', 'تَوَضَّئُوا مِنْ لُحُومِ الإِبِلِ وَلاَ تَتَوَضَّئُوا مِنْ لُحُومِ الْغَنَمِ', 'Perform Wudu from camel meat, and do not perform Wudu from mutton.', 'sahih', 'Jami at-Tirmidhi 57'),
('Jami at-Tirmidhi', 1, 58, 'Jabir bin Samurah', 'تَوَضَّئُوا مِنْ لُحُومِ الإِبِلِ', 'Perform Wudu from camel meat.', 'sahih', 'Jami at-Tirmidhi 58'),
('Jami at-Tirmidhi', 1, 59, 'Ali ibn Abi Talib', 'يُغْسَلُ مِنَ الْمَذْيِ وَيُتَوَضَّأُ', 'One washes from Al-Madhi and performs Wudu.', 'sahih', 'Jami at-Tirmidhi 59'),
('Jami at-Tirmidhi', 1, 60, 'Safwan bin Assal', 'كَانَ رَسُولُ اللَّهِ يَأْمُرُنَا إِذَا كُنَّا مُسَافِرِينَ أَنْ لاَ نَنْزِعَ خِفَافَنَا', 'The Messenger used to order us when traveling that we should not remove our Khuffs.', 'hasan', 'Jami at-Tirmidhi 60'),
('Jami at-Tirmidhi', 1, 61, 'Abu Hurairah', 'إِذَا وَجَدَ أَحَدُكُمْ فِي بَطْنِهِ شَيْئًا فَأَشْكَلَ عَلَيْهِ أَخَرَجَ مِنْهُ شَيْءٌ أَمْ لاَ فَلاَ يَخْرُجَنَّ مِنَ الْمَسْجِدِ حَتَّى يَسْمَعَ صَوْتًا أَوْ يَجِدَ رِيحًا', 'When one of you feels something in his stomach and is unsure whether something came out or not, he should not leave the masjid until he hears a sound or finds a smell.', 'sahih', 'Jami at-Tirmidhi 61'),
('Jami at-Tirmidhi', 1, 62, 'Ali ibn Abi Talib', 'الْعَيْنُ وِكَاءُ السَّهِ فَمَنْ نَامَ فَلْيَتَوَضَّأْ', 'The eye is the string of the anus. Whoever sleeps, let him perform Wudu.', 'hasan', 'Jami at-Tirmidhi 62'),
('Jami at-Tirmidhi', 1, 63, 'Ibn Abbas', 'إِنَّمَا الْوُضُوءُ عَلَى مَنْ نَامَ مُضْطَجِعًا', 'Wudu is only upon the one who sleeps lying down.', 'daif', 'Jami at-Tirmidhi 63'),
('Jami at-Tirmidhi', 1, 64, 'Busrah bint Safwan', 'مَنْ مَسَّ ذَكَرَهُ فَلْيَتَوَضَّأْ', 'Whoever touches his private part, let him perform Wudu.', 'sahih', 'Jami at-Tirmidhi 64'),
('Jami at-Tirmidhi', 1, 65, 'Busrah bint Safwan', 'مَنْ مَسَّ فَرْجَهُ فَلاَ يُصَلِّ حَتَّى يَتَوَضَّأَ', 'Whoever touches his private part should not pray until he performs Wudu.', 'sahih', 'Jami at-Tirmidhi 65'),
('Jami at-Tirmidhi', 1, 66, 'Talq bin Ali', 'هَلْ هُوَ إِلاَّ بَضْعَةٌ مِنْكَ', 'Is it anything but a part of you?', 'hasan', 'Jami at-Tirmidhi 66'),
('Jami at-Tirmidhi', 1, 67, 'Aishah', 'كَانَ النَّبِيُّ يُقَبِّلُ بَعْضَ أَزْوَاجِهِ ثُمَّ يَخْرُجُ إِلَى الصَّلاَةِ وَلاَ يَتَوَضَّأُ', 'The Prophet would kiss some of his wives then go out to prayer without performing Wudu.', 'hasan', 'Jami at-Tirmidhi 67'),
('Jami at-Tirmidhi', 1, 68, 'Aishah', 'كَانَ رَسُولُ اللَّهِ يُقَبِّلُ وَهُوَ صَائِمٌ وَلاَ يَنْتَقِضُ وُضُوؤُهُ', 'The Messenger of Allah would kiss while fasting and his Wudu would not break.', 'hasan', 'Jami at-Tirmidhi 68'),
('Jami at-Tirmidhi', 1, 69, 'Abu Hurairah', 'مَنْ قَاءَ أَوْ رَعَفَ فَلْيَتَوَضَّأْ', 'Whoever vomits or has a nosebleed, let him perform Wudu.', 'daif', 'Jami at-Tirmidhi 69'),
('Jami at-Tirmidhi', 1, 70, 'Anas bin Malik', 'كَانَ النَّبِيُّ يَتَوَضَّأُ عِنْدَ كُلِّ صَلاَةٍ', 'The Prophet used to perform Wudu for every Salat.', 'sahih', 'Jami at-Tirmidhi 70'),
('Jami at-Tirmidhi', 1, 71, 'Anas bin Malik', 'صَلَّى النَّبِيُّ الصَّلَوَاتِ يَوْمَ الْفَتْحِ بِوُضُوءٍ وَاحِدٍ', 'The Prophet prayed the Salat on the Day of the Conquest with one Wudu.', 'sahih', 'Jami at-Tirmidhi 71'),
('Jami at-Tirmidhi', 1, 72, 'Aishah', 'كُنْتُ أَغْتَسِلُ أَنَا وَرَسُولُ اللَّهِ مِنْ إِنَاءٍ وَاحِدٍ', 'I and the Messenger of Allah would bathe from one vessel.', 'sahih', 'Jami at-Tirmidhi 72'),
('Jami at-Tirmidhi', 1, 73, 'Ibn Umar', 'كُنَّا نَتَوَضَّأُ نَحْنُ وَالنِّسَاءُ عَلَى عَهْدِ رَسُولِ اللَّهِ مِنْ إِنَاءٍ وَاحِدٍ', 'We and the women used to perform Wudu from one vessel during the time of the Messenger.', 'sahih', 'Jami at-Tirmidhi 73'),
('Jami at-Tirmidhi', 1, 74, 'Abu Hurairah', 'الطُّهُورُ شَطْرُ الإِيمَانِ', 'Purification is half of faith.', 'sahih', 'Jami at-Tirmidhi 74'),
('Jami at-Tirmidhi', 1, 75, 'Ammar bin Yasir', 'إِنَّمَا كَانَ يَكْفِيكَ أَنْ تَقُولَ بِيَدَيْكَ هَكَذَا', 'It would have been sufficient for you to do like this with your hands.', 'sahih', 'Jami at-Tirmidhi 75'),
('Jami at-Tirmidhi', 1, 76, 'Ammar bin Yasir', 'إِنَّمَا التَّيَمُّمُ ضَرْبَةٌ لِلْوَجْهِ وَالْيَدَيْنِ', 'Tayammum is just a strike for the face and hands.', 'sahih', 'Jami at-Tirmidhi 76'),
('Jami at-Tirmidhi', 1, 77, 'Ibn Umar', 'لاَ يَقْرَأُ الْجُنُبُ وَلاَ الْحَائِضُ شَيْئًا مِنَ الْقُرْآنِ', 'Neither the one in a state of Janabah nor the menstruating woman should recite anything from the Quran.', 'daif', 'Jami at-Tirmidhi 77'),
('Jami at-Tirmidhi', 1, 78, 'Aishah', 'كَانَ النَّبِيُّ يَذْكُرُ اللَّهَ عَلَى كُلِّ أَحْيَانِهِ', 'The Prophet used to remember Allah at all times.', 'sahih', 'Jami at-Tirmidhi 78'),
('Jami at-Tirmidhi', 1, 79, 'Aishah', 'كَانَ رَسُولُ اللَّهِ إِذَا اغْتَسَلَ مِنَ الْجَنَابَةِ بَدَأَ فَغَسَلَ يَدَيْهِ', 'When the Messenger of Allah performed Ghusl from Janabah, he started by washing his hands.', 'sahih', 'Jami at-Tirmidhi 79'),
('Jami at-Tirmidhi', 1, 80, 'Maimunah', 'وَضَعْتُ لِلنَّبِيِّ مَاءً يَغْتَسِلُ بِهِ فَأَفْرَغَ عَلَى يَدَيْهِ مَرَّتَيْنِ أَوْ ثَلاَثًا', 'I placed water for the Prophet to bathe with. He poured water on his hands two or three times.', 'sahih', 'Jami at-Tirmidhi 80'),
('Jami at-Tirmidhi', 1, 81, 'Abu Hurairah', 'إِذَا الْتَقَى الْخِتَانَانِ وَتَوَارَتِ الْحَشَفَةُ فَقَدْ وَجَبَ الْغُسْلُ', 'When the two circumcised parts meet and the head disappears, then Ghusl is obligatory.', 'sahih', 'Jami at-Tirmidhi 81'),
('Jami at-Tirmidhi', 1, 82, 'Abu Said Al-Khudri', 'إِنَّمَا الْمَاءُ مِنَ الْمَاءِ', 'Water is only from water.', 'sahih', 'Jami at-Tirmidhi 82'),
('Jami at-Tirmidhi', 1, 83, 'Abu Said Al-Khudri', 'كَانَ النَّبِيُّ إِذَا أَرَادَ أَنْ يَنَامَ وَهُوَ جُنُبٌ تَوَضَّأَ وُضُوءَهُ لِلصَّلاَةِ', 'When the Prophet wanted to sleep while in Janabah, he would perform Wudu like his Wudu for Salat.', 'sahih', 'Jami at-Tirmidhi 83'),
('Jami at-Tirmidhi', 1, 84, 'Aishah', 'كَانَ النَّبِيُّ إِذَا أَرَادَ أَنْ يَأْكُلَ أَوْ يَنَامَ وَهُوَ جُنُبٌ تَوَضَّأَ', 'When the Prophet wanted to eat or sleep while in Janabah, he would perform Wudu.', 'sahih', 'Jami at-Tirmidhi 84'),
('Jami at-Tirmidhi', 1, 85, 'Umar bin Al-Khattab', 'سَأَلْتُ النَّبِيَّ أَيَنَامُ أَحَدُنَا وَهُوَ جُنُبٌ فَقَالَ نَعَمْ إِذَا تَوَضَّأَ', 'I asked the Prophet: Can one of us sleep while in Janabah? He said: Yes, if he performs Wudu.', 'sahih', 'Jami at-Tirmidhi 85'),
('Jami at-Tirmidhi', 1, 86, 'Aishah', 'كُنْتُ أَفْرُكُ الْمَنِيَّ مِنْ ثَوْبِ رَسُولِ اللَّهِ', 'I used to scrub semen from the garment of the Messenger of Allah.', 'sahih', 'Jami at-Tirmidhi 86'),
('Jami at-Tirmidhi', 1, 87, 'Aishah', 'كُنْتُ أَغْسِلُ الْجَنَابَةَ مِنْ ثَوْبِ رَسُولِ اللَّهِ فَيَخْرُجُ إِلَى الصَّلاَةِ وَإِنَّ بُقَعَ الْمَاءِ فِي ثَوْبِهِ', 'I used to wash off Janabah from the garment of the Messenger of Allah, and he would go to prayer with water spots still on his garment.', 'sahih', 'Jami at-Tirmidhi 87'),
('Jami at-Tirmidhi', 1, 88, 'Umm Salamah', 'سَأَلَتْ أُمُّ سُلَيْمٍ النَّبِيَّ عَنِ الْمَرْأَةِ تَرَى فِي مَنَامِهَا مَا يَرَى الرَّجُلُ', 'Umm Sulaim asked the Prophet about a woman who sees in her dream what a man sees.', 'sahih', 'Jami at-Tirmidhi 88'),
('Jami at-Tirmidhi', 1, 89, 'Aishah', 'كَانَ النَّبِيُّ لاَ يَتَمَنْدَلُ بَعْدَ الْغُسْلِ', 'The Prophet did not dry himself with a cloth after Ghusl.', 'hasan', 'Jami at-Tirmidhi 89'),
('Jami at-Tirmidhi', 1, 90, 'Abu Said Al-Khudri', 'غُسْلُ يَوْمِ الْجُمُعَةِ وَاجِبٌ عَلَى كُلِّ مُحْتَلِمٍ', 'The Friday Ghusl is obligatory upon every adult.', 'sahih', 'Jami at-Tirmidhi 90'),
('Jami at-Tirmidhi', 1, 91, 'Abu Hurairah', 'غُسْلُ يَوْمِ الْجُمُعَةِ عَلَى كُلِّ مُحْتَلِمٍ', 'The Friday Ghusl is upon every adult.', 'sahih', 'Jami at-Tirmidhi 91'),
('Jami at-Tirmidhi', 1, 92, 'Samurah bin Jundub', 'مَنْ تَوَضَّأَ يَوْمَ الْجُمُعَةِ فَبِهَا وَنِعْمَتْ وَمَنِ اغْتَسَلَ فَالْغُسْلُ أَفْضَلُ', 'Whoever performs Wudu on Friday, that is sufficient, and whoever performs Ghusl, then Ghusl is better.', 'hasan', 'Jami at-Tirmidhi 92'),
('Jami at-Tirmidhi', 1, 93, 'Aishah', 'كُنَّا نُؤْمَرُ بِقَضَاءِ الصَّوْمِ وَلاَ نُؤْمَرُ بِقَضَاءِ الصَّلاَةِ', 'We were ordered to make up the fasts but not ordered to make up the prayers.', 'sahih', 'Jami at-Tirmidhi 93'),
('Jami at-Tirmidhi', 1, 94, 'Aishah', 'أَنَّ فَاطِمَةَ بِنْتَ أَبِي حُبَيْشٍ جَاءَتِ النَّبِيَّ فَقَالَتْ إِنِّي أُسْتَحَاضُ فَلاَ أَطْهُرُ', 'Fatimah bint Abi Hubaish came to the Prophet and said: I have Istihadah and do not become pure.', 'sahih', 'Jami at-Tirmidhi 94'),
('Jami at-Tirmidhi', 1, 95, 'Hamnah bint Jahsh', 'كُنْتُ أُسْتَحَاضُ حَيْضَةً كَثِيرَةً شَدِيدَةً', 'I had a severe and heavy case of Istihadah.', 'hasan', 'Jami at-Tirmidhi 95'),
('Jami at-Tirmidhi', 1, 96, 'Aishah', 'أَنَّ فَاطِمَةَ بِنْتَ أَبِي حُبَيْشٍ كَانَتْ تُسْتَحَاضُ فَأَمَرَهَا النَّبِيُّ أَنْ تَتَوَضَّأَ لِكُلِّ صَلاَةٍ', 'Fatimah bint Abi Hubaish was experiencing Istihadah, so the Prophet ordered her to perform Wudu for every Salat.', 'sahih', 'Jami at-Tirmidhi 96'),
('Jami at-Tirmidhi', 1, 97, 'Ibn Abbas', 'يَغْسِلُ الدَّمَ ثُمَّ يُصَلِّي', 'He washes the blood then prays.', 'hasan', 'Jami at-Tirmidhi 97'),
('Jami at-Tirmidhi', 1, 98, 'Anas bin Malik', 'كَانَ النَّبِيُّ يُبَاشِرُ نِسَاءَهُ فَوْقَ الإِزَارِ وَهُنَّ حُيَّضٌ', 'The Prophet would be intimate with his wives above the Izar while they were menstruating.', 'sahih', 'Jami at-Tirmidhi 98'),
('Jami at-Tirmidhi', 1, 99, 'Aishah', 'كَانَ يَأْمُرُنِي فَأَتَّزِرُ فَيُبَاشِرُنِي وَأَنَا حَائِضٌ', 'He would order me to put on the Izar then be intimate with me while I was menstruating.', 'sahih', 'Jami at-Tirmidhi 99'),
('Jami at-Tirmidhi', 1, 100, 'Aishah', 'كَانَ رَسُولُ اللَّهِ يَأْمُرُ الْحَائِضَ مِنْ نِسَائِهِ أَنْ تَتَّزِرَ', 'The Messenger of Allah would order the menstruating among his wives to put on the Izar.', 'sahih', 'Jami at-Tirmidhi 100'),
('Jami at-Tirmidhi', 1, 101, 'Umm Salamah', 'بَيْنَمَا أَنَا مَعَ النَّبِيِّ مُضْطَجِعَةٌ فِي خَمِيلَةٍ إِذْ حِضْتُ', 'While I was lying down with the Prophet under a blanket, I started menstruating.', 'sahih', 'Jami at-Tirmidhi 101'),
('Jami at-Tirmidhi', 1, 102, 'Aishah', 'لَمْ يَكُنِ النَّبِيُّ يَأْمُرُهَا بِالطَّوَافِ إِذَا كَانَتْ حَائِضًا', 'The Prophet would not order her to do Tawaf when she was menstruating.', 'sahih', 'Jami at-Tirmidhi 102'),
('Jami at-Tirmidhi', 1, 103, 'Umm Salamah', 'كَانَتِ النُّفَسَاءُ تَجْلِسُ عَلَى عَهْدِ رَسُولِ اللَّهِ أَرْبَعِينَ يَوْمًا', 'The woman in postnatal bleeding would sit for forty days during the time of the Messenger.', 'hasan', 'Jami at-Tirmidhi 103'),
('Jami at-Tirmidhi', 1, 104, 'Umm Salamah', 'كَانَتِ النُّفَسَاءُ تَقْعُدُ بَعْدَ نِفَاسِهَا أَرْبَعِينَ يَوْمًا أَوْ أَرْبَعِينَ لَيْلَةً', 'The woman in postnatal bleeding would sit after her delivery for forty days or forty nights.', 'hasan', 'Jami at-Tirmidhi 104'),
('Jami at-Tirmidhi', 1, 105, 'Aishah', 'الصُّفْرَةُ وَالْكُدْرَةُ بَعْدَ الطُّهْرِ لَيْسَتْ بِشَيْءٍ', 'Yellow and brownish discharge after purification is nothing.', 'hasan', 'Jami at-Tirmidhi 105'),
('Jami at-Tirmidhi', 1, 106, 'Umm Atiyyah', 'كُنَّا لاَ نَعُدُّ الصُّفْرَةَ وَالْكُدْرَةَ بَعْدَ الطُّهْرِ شَيْئًا', 'We did not regard the yellowish and brownish discharge after purification as anything.', 'sahih', 'Jami at-Tirmidhi 106'),
('Jami at-Tirmidhi', 1, 107, 'Ali ibn Abi Talib', 'يُنْضَحُ بَوْلُ الْغُلاَمِ وَيُغْسَلُ بَوْلُ الْجَارِيَةِ', 'The urine of a male infant is sprinkled, and the urine of a female infant is washed.', 'sahih', 'Jami at-Tirmidhi 107'),
('Jami at-Tirmidhi', 1, 108, 'Umm Qais bint Mihsan', 'جَاءَتْ بِابْنٍ لَهَا صَغِيرٍ لَمْ يَأْكُلِ الطَّعَامَ إِلَى النَّبِيِّ فَبَالَ عَلَى ثَوْبِهِ فَدَعَا بِمَاءٍ فَنَضَحَهُ', 'She came with her small son who had not yet eaten food. He urinated on the garment of the Prophet, who called for water and sprinkled it.', 'sahih', 'Jami at-Tirmidhi 108'),
('Jami at-Tirmidhi', 1, 109, 'Ibn Abbas', 'أَيُّمَا إِهَابٍ دُبِغَ فَقَدْ طَهُرَ', 'Whatever hide is tanned, it becomes pure.', 'sahih', 'Jami at-Tirmidhi 109'),
('Jami at-Tirmidhi', 1, 110, 'Salamah bin Al-Muhabbiq', 'دِبَاغُ جُلُودِ الْمَيْتَةِ طَهُورُهَا', 'Tanning the skins of dead animals is their purification.', 'sahih', 'Jami at-Tirmidhi 110'),
('Jami at-Tirmidhi', 1, 111, 'Al-Miqdam bin Madi Karib', 'نَهَى رَسُولُ اللَّهِ عَنْ جُلُودِ السِّبَاعِ', 'The Messenger of Allah prohibited the skins of predators.', 'sahih', 'Jami at-Tirmidhi 111'),
('Jami at-Tirmidhi', 1, 112, 'Abu Hurairah', 'إِذَا وَلَغَ الْكَلْبُ فِي إِنَاءِ أَحَدِكُمْ فَلْيَغْسِلْهُ سَبْعَ مَرَّاتٍ', 'When a dog licks in the vessel of one of you, wash it seven times.', 'sahih', 'Jami at-Tirmidhi 112'),
('Jami at-Tirmidhi', 1, 113, 'Abu Hurairah', 'طَهُورُ إِنَاءِ أَحَدِكُمْ إِذَا وَلَغَ فِيهِ الْكَلْبُ أَنْ يَغْسِلَهُ سَبْعَ مَرَّاتٍ أُولاَهُنَّ بِالتُّرَابِ', 'The purification of the vessel of one of you when a dog licks in it is to wash it seven times, the first of which is with soil.', 'sahih', 'Jami at-Tirmidhi 113'),
('Jami at-Tirmidhi', 1, 114, 'Abu Hurairah', 'صَلَّى فِي ثَوْبٍ وَاحِدٍ مُتَوَشِّحًا بِهِ', 'He prayed in one garment, wrapping himself in it.', 'sahih', 'Jami at-Tirmidhi 114'),
('Jami at-Tirmidhi', 1, 115, 'Umm Salamah', 'تُصَلِّي الْمَرْأَةُ فِي دِرْعٍ وَخِمَارٍ لَيْسَ عَلَيْهَا إِزَارٌ', 'A woman prays in a chemise and head cover without a lower garment.', 'hasan', 'Jami at-Tirmidhi 115'),
('Jami at-Tirmidhi', 1, 116, 'Abu Said Al-Khudri', 'نَهَى عَنِ اشْتِمَالِ الصَّمَّاءِ', 'He prohibited wrapping oneself tightly in a single garment.', 'sahih', 'Jami at-Tirmidhi 116'),
('Jami at-Tirmidhi', 1, 117, 'Anas bin Malik', 'كَانَ النَّبِيُّ يُصَلِّي عَلَى الْحَصِيرِ', 'The Prophet used to pray on a mat.', 'sahih', 'Jami at-Tirmidhi 117'),
('Jami at-Tirmidhi', 1, 118, 'Abu Said Al-Khudri', 'صَلَّى النَّبِيُّ فِي نَعْلَيْهِ', 'The Prophet prayed in his sandals.', 'sahih', 'Jami at-Tirmidhi 118'),
('Jami at-Tirmidhi', 1, 119, 'Anas bin Malik', 'كَانَ يُصَلِّي عَلَى الأَرْضِ', 'He used to pray on the ground.', 'sahih', 'Jami at-Tirmidhi 119'),
('Jami at-Tirmidhi', 1, 120, 'Jabir bin Abdullah', 'جُعِلَتْ لِيَ الأَرْضُ مَسْجِدًا وَطَهُورًا', 'The earth has been made for me a place of prayer and a means of purification.', 'sahih', 'Jami at-Tirmidhi 120'),
('Jami at-Tirmidhi', 1, 121, 'Abu Hurairah', 'الْفِطْرَةُ خَمْسٌ الاِخْتِتَانُ وَالاِسْتِحْدَادُ وَقَصُّ الشَّارِبِ وَتَقْلِيمُ الأَظْفَارِ وَنَتْفُ الآبَاطِ', 'Five are from the Fitrah: circumcision, shaving the pubic area, trimming the mustache, clipping nails, and plucking the armpit hair.', 'sahih', 'Jami at-Tirmidhi 121'),
('Jami at-Tirmidhi', 1, 122, 'Abu Hurairah', 'الْفِطْرَةُ خَمْسٌ أَوْ خَمْسٌ مِنَ الْفِطْرَةِ', 'Five things are from the Fitrah or the Fitrah is five things.', 'sahih', 'Jami at-Tirmidhi 122'),
('Jami at-Tirmidhi', 1, 123, 'Uthaimah bin Uthman', 'أَنَّ إِبْرَاهِيمَ اخْتَتَنَ وَهُوَ ابْنُ ثَمَانِينَ سَنَةً بِالْقَدُومِ', 'Ibrahim was circumcised when he was eighty years old, with an adze.', 'sahih', 'Jami at-Tirmidhi 123'),
('Jami at-Tirmidhi', 1, 124, 'Ibn Umar', 'قُصُّوا الشَّوَارِبَ وَأَعْفُوا اللِّحَى', 'Trim the mustaches and leave the beards to grow.', 'sahih', 'Jami at-Tirmidhi 124'),
('Jami at-Tirmidhi', 1, 125, 'Abu Hurairah', 'إِنَّ الْيَهُودَ وَالنَّصَارَى لاَ يَصْبُغُونَ فَخَالِفُوهُمْ', 'Indeed the Jews and Christians do not dye their hair, so differ from them.', 'sahih', 'Jami at-Tirmidhi 125'),
('Jami at-Tirmidhi', 1, 126, 'Abu Hurairah', 'غَيِّرُوا الشَّيْبَ وَلاَ تَشَبَّهُوا بِالْيَهُودِ', 'Change the gray hair and do not imitate the Jews.', 'hasan', 'Jami at-Tirmidhi 126'),
('Jami at-Tirmidhi', 1, 127, 'Anas bin Malik', 'رَأَيْتُ شَعَرَ رَسُولِ اللَّهِ مَخْضُوبًا', 'I saw the hair of the Messenger of Allah dyed.', 'sahih', 'Jami at-Tirmidhi 127'),
('Jami at-Tirmidhi', 1, 128, 'Anas bin Malik', 'أَنَّ النَّبِيَّ لَمْ يَخْضِبْ إِنَّمَا كَانَ الْبَيَاضُ فِي عَنْفَقَتِهِ', 'The Prophet did not dye. The white hair was only in his lower lip.', 'sahih', 'Jami at-Tirmidhi 128'),
('Jami at-Tirmidhi', 1, 129, 'Abu Rimthah', 'رَأَيْتُ النَّبِيَّ وَقَدْ لَطَخَ لِحْيَتَهُ بِالصُّفْرَةِ', 'I saw the Prophet, and he had painted his beard with yellow dye.', 'hasan', 'Jami at-Tirmidhi 129'),
('Jami at-Tirmidhi', 1, 130, 'Ibn Umar', 'أَعْفُوا اللِّحَى وَحُفُّوا الشَّوَارِبَ', 'Leave the beards and trim the mustaches.', 'sahih', 'Jami at-Tirmidhi 130'),
('Jami at-Tirmidhi', 1, 131, 'Aishah', 'كَانَ النَّبِيُّ يُحِبُّ التَّيَمُّنَ فِي كُلِّ شَيْءٍ', 'The Prophet loved starting with the right in everything.', 'sahih', 'Jami at-Tirmidhi 131'),
('Jami at-Tirmidhi', 1, 132, 'Abdullah bin Mughaffal', 'نَهَى النَّبِيُّ عَنِ التَّرَجُّلِ إِلاَّ غِبًّا', 'The Prophet prohibited combing hair except occasionally.', 'hasan', 'Jami at-Tirmidhi 132'),
('Jami at-Tirmidhi', 1, 133, 'Anas bin Malik', 'كَانَ شَعَرُ النَّبِيِّ إِلَى نِصْفِ أُذُنَيْهِ', 'The hair of the Prophet was to the middle of his ears.', 'sahih', 'Jami at-Tirmidhi 133'),
('Jami at-Tirmidhi', 1, 134, 'Umm Habibah', 'سَأَلَتِ النَّبِيَّ عَنِ الدَّمِ فَأَمَرَهَا أَنْ تَغْتَسِلَ', 'She asked the Prophet about blood, and he ordered her to perform Ghusl.', 'sahih', 'Jami at-Tirmidhi 134'),
('Jami at-Tirmidhi', 1, 135, 'Ibn Masud', 'كُنَّا لاَ نَتَوَضَّأُ مِنْ مَوْطِئٍ', 'We would not perform Wudu from stepping on something impure.', 'hasan', 'Jami at-Tirmidhi 135'),
('Jami at-Tirmidhi', 1, 136, 'Anas bin Malik', 'كَانَ النَّبِيُّ يُصَلِّي فِي النَّعْلَيْنِ', 'The Prophet used to pray wearing sandals.', 'sahih', 'Jami at-Tirmidhi 136'),
('Jami at-Tirmidhi', 1, 137, 'Abu Hurairah', 'جُعِلَتْ لِيَ الأَرْضُ مَسْجِدًا وَطَهُورًا فَأَيُّمَا رَجُلٍ أَدْرَكَتْهُ الصَّلاَةُ فَلْيُصَلِّ حَيْثُ أَدْرَكَتْهُ', 'The earth was made for me as a masjid and purifier. Wherever a man finds the prayer time, let him pray where he is.', 'sahih', 'Jami at-Tirmidhi 137'),
('Jami at-Tirmidhi', 1, 138, 'Ibn Abbas', 'عَشْرٌ مِنَ الْفِطْرَةِ', 'Ten are from the Fitrah.', 'sahih', 'Jami at-Tirmidhi 138'),
('Jami at-Tirmidhi', 1, 139, 'Abu Hurairah', 'خَمْسٌ مِنَ الْفِطْرَةِ الاِخْتِتَانُ وَالاِسْتِحْدَادُ', 'Five are from the Fitrah: circumcision and shaving the pubic area.', 'sahih', 'Jami at-Tirmidhi 139'),
('Jami at-Tirmidhi', 1, 140, 'Abu Hurairah', 'إِنَّ أَبَا هُرَيْرَةَ كَانَ يَقُصُّ شَارِبَهُ', 'Abu Hurairah used to trim his mustache.', 'sahih', 'Jami at-Tirmidhi 140'),
('Jami at-Tirmidhi', 1, 141, 'Anas bin Malik', 'وُقِّتَ لَنَا فِي قَصِّ الشَّارِبِ وَتَقْلِيمِ الأَظْفَارِ أَنْ لاَ نَتْرُكَ أَكْثَرَ مِنْ أَرْبَعِينَ يَوْمًا', 'A time was set for us for trimming the mustache, clipping nails: not more than forty days.', 'sahih', 'Jami at-Tirmidhi 141'),
('Jami at-Tirmidhi', 1, 142, 'Abu Hurairah', 'اخْتَتَنَ إِبْرَاهِيمُ خَلِيلُ الرَّحْمَنِ بَعْدَ ثَمَانِينَ سَنَةً', 'Ibrahim, the Khalil of the Most Merciful, was circumcised after eighty years.', 'sahih', 'Jami at-Tirmidhi 142'),
('Jami at-Tirmidhi', 1, 143, 'Abu Hurairah', 'اخْضِبُوا بِالْحِنَّاءِ وَالْكَتَمِ', 'Dye with henna and katam.', 'hasan', 'Jami at-Tirmidhi 143'),
('Jami at-Tirmidhi', 1, 144, 'Abu Dharr', 'إِنَّ أَحْسَنَ مَا غُيِّرَ بِهِ الشَّيْبُ الْحِنَّاءُ وَالْكَتَمُ', 'The best thing to change gray hair is henna and katam.', 'sahih', 'Jami at-Tirmidhi 144'),
('Jami at-Tirmidhi', 1, 145, 'Abu Hurairah', 'إِنَّ النَّبِيَّ نَهَى عَنِ الدُّبَّاءِ وَالْحَنْتَمِ وَالْمُزَفَّتِ', 'The Prophet prohibited Ad-Dubba, Al-Hantam, and Al-Muzaffat.', 'sahih', 'Jami at-Tirmidhi 145'),
('Jami at-Tirmidhi', 1, 146, 'Ibn Abbas', 'نَهَى عَنِ الدُّبَّاءِ وَالنَّقِيرِ وَالْمُزَفَّتِ وَالْحَنْتَمِ', 'He prohibited Ad-Dubba, An-Naqir, Al-Muzaffat, and Al-Hantam.', 'sahih', 'Jami at-Tirmidhi 146'),
('Jami at-Tirmidhi', 1, 147, 'Ibn Umar', 'نَهَى عَنِ الْجَرِّ وَالدُّبَّاءِ وَالْمُزَفَّتِ', 'He prohibited Al-Jarr, Ad-Dubba, and Al-Muzaffat.', 'sahih', 'Jami at-Tirmidhi 147'),
('Jami at-Tirmidhi', 1, 148, 'Abu Hurairah', 'نَهَى رَسُولُ اللَّهِ عَنِ الدُّبَّاءِ وَالْحَنْتَمِ', 'The Messenger of Allah prohibited Ad-Dubba and Al-Hantam.', 'sahih', 'Jami at-Tirmidhi 148');
[V0_FILE]sql:file="scripts/009-create-subscriptions-table.sql" isMerged="true"
-- Create subscriptions table to track Stripe subscription status
CREATE TABLE IF NOT EXISTS public.subscriptions (
  id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  stripe_customer_id text,
  stripe_subscription_id text UNIQUE,
  stripe_price_id text,
  status text NOT NULL DEFAULT 'inactive',
  plan_type text, -- 'monthly-intro', 'monthly-premium', 'annual-premium', 'lifetime-access'
  current_period_start timestamp with time zone,
  current_period_end timestamp with time zone,
  cancel_at_period_end boolean DEFAULT false,
  created_at timestamp with time zone DEFAULT now(),
  updated_at timestamp with time zone DEFAULT now()
);

-- Index for fast lookups
CREATE INDEX IF NOT EXISTS idx_subscriptions_user_id ON public.subscriptions(user_id);
CREATE INDEX IF NOT EXISTS idx_subscriptions_stripe_customer_id ON public.subscriptions(stripe_customer_id);
CREATE INDEX IF NOT EXISTS idx_subscriptions_stripe_subscription_id ON public.subscriptions(stripe_subscription_id);
CREATE INDEX IF NOT EXISTS idx_subscriptions_status ON public.subscriptions(status);

-- Enable RLS
ALTER TABLE public.subscriptions ENABLE ROW LEVEL SECURITY;

-- Users can read their own subscriptions
CREATE POLICY "Users can read own subscriptions" ON public.subscriptions
  FOR SELECT USING (auth.uid() = user_id);

-- Service role can do everything (for webhook writes)
CREATE POLICY "Service role full access" ON public.subscriptions
  FOR ALL USING (auth.role() = 'service_role');
[V0_FILE]sql:file="scripts/010-create-stripe-events-table.sql" isMerged="true"
-- Create stripe_events table for idempotent webhook processing
CREATE TABLE IF NOT EXISTS public.stripe_events (
  id text PRIMARY KEY, -- Stripe event ID (evt_...)
  type text NOT NULL,
  processed_at timestamp with time zone DEFAULT now()
);

-- Index for cleanup queries
CREATE INDEX IF NOT EXISTS idx_stripe_events_processed_at ON public.stripe_events(processed_at);

-- Enable RLS (only service role writes)
ALTER TABLE public.stripe_events ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Service role full access" ON public.stripe_events
  FOR ALL USING (auth.role() = 'service_role');
[V0_FILE]sql:file="scripts/011-create-feature-tables.sql" isMerged="true"
-- =============================================
-- Hadith Notes (extends saved_hadiths with notes)
-- =============================================
ALTER TABLE saved_hadiths ADD COLUMN IF NOT EXISTS note text;
ALTER TABLE saved_hadiths ADD COLUMN IF NOT EXISTS folder text DEFAULT 'default';

-- =============================================
-- User Streaks & Daily Tracking
-- =============================================
CREATE TABLE IF NOT EXISTS user_streaks (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  current_streak integer DEFAULT 0,
  longest_streak integer DEFAULT 0,
  last_active_date date,
  total_days_active integer DEFAULT 0,
  created_at timestamptz DEFAULT now(),
  updated_at timestamptz DEFAULT now(),
  UNIQUE(user_id)
);

ALTER TABLE user_streaks ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can read own streaks" ON user_streaks FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "Users can insert own streaks" ON user_streaks FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "Users can update own streaks" ON user_streaks FOR UPDATE USING (auth.uid() = user_id);

-- =============================================
-- Reading Progress
-- =============================================
CREATE TABLE IF NOT EXISTS reading_progress (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  collection_id uuid REFERENCES collections(id),
  book_id uuid REFERENCES books(id),
  chapter_id uuid REFERENCES chapters(id),
  hadith_id uuid REFERENCES hadiths(id),
  completed_at timestamptz DEFAULT now(),
  UNIQUE(user_id, hadith_id)
);

ALTER TABLE reading_progress ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can read own progress" ON reading_progress FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "Users can insert own progress" ON reading_progress FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "Users can delete own progress" ON reading_progress FOR DELETE USING (auth.uid() = user_id);

-- =============================================
-- Quizzes & Quiz Attempts
-- =============================================
CREATE TABLE IF NOT EXISTS quiz_attempts (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  collection_slug text,
  quiz_type text NOT NULL DEFAULT 'general',
  total_questions integer NOT NULL,
  correct_answers integer NOT NULL,
  score_percent numeric(5,2),
  time_taken_seconds integer,
  questions jsonb,
  created_at timestamptz DEFAULT now()
);

ALTER TABLE quiz_attempts ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can read own quiz attempts" ON quiz_attempts FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "Users can insert own quiz attempts" ON quiz_attempts FOR INSERT WITH CHECK (auth.uid() = user_id);

-- =============================================
-- Community Discussions
-- =============================================
CREATE TABLE IF NOT EXISTS discussions (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  hadith_id uuid NOT NULL REFERENCES hadiths(id) ON DELETE CASCADE,
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  content text NOT NULL,
  parent_id uuid REFERENCES discussions(id) ON DELETE CASCADE,
  likes_count integer DEFAULT 0,
  created_at timestamptz DEFAULT now(),
  updated_at timestamptz DEFAULT now()
);

ALTER TABLE discussions ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Anyone can read discussions" ON discussions FOR SELECT USING (true);
CREATE POLICY "Users can insert own discussions" ON discussions FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "Users can update own discussions" ON discussions FOR UPDATE USING (auth.uid() = user_id);
CREATE POLICY "Users can delete own discussions" ON discussions FOR DELETE USING (auth.uid() = user_id);

CREATE TABLE IF NOT EXISTS discussion_likes (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  discussion_id uuid NOT NULL REFERENCES discussions(id) ON DELETE CASCADE,
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  created_at timestamptz DEFAULT now(),
  UNIQUE(discussion_id, user_id)
);

ALTER TABLE discussion_likes ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Anyone can read discussion likes" ON discussion_likes FOR SELECT USING (true);
CREATE POLICY "Users can insert own likes" ON discussion_likes FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "Users can delete own likes" ON discussion_likes FOR DELETE USING (auth.uid() = user_id);
[V0_FILE]sql:file="scripts/012-create-my-hadith-tables.sql" isMerged="true"
-- 012: Create My Hadith feature tables (folders, collaborators, comments, shares)

-- 1. Create hadith_folders table
CREATE TABLE IF NOT EXISTS public.hadith_folders (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  name TEXT NOT NULL,
  description TEXT,
  color TEXT DEFAULT '#D4A574',
  icon TEXT DEFAULT '📚',
  parent_folder_id UUID REFERENCES hadith_folders(id) ON DELETE CASCADE,
  is_smart BOOLEAN DEFAULT false,
  smart_filter JSONB,
  privacy TEXT CHECK (privacy IN ('private', 'public', 'unlisted')) DEFAULT 'private',
  share_token TEXT UNIQUE,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

CREATE INDEX IF NOT EXISTS idx_folders_user ON hadith_folders(user_id);
CREATE INDEX IF NOT EXISTS idx_folders_share_token ON hadith_folders(share_token) WHERE share_token IS NOT NULL;
CREATE INDEX IF NOT EXISTS idx_folders_parent ON hadith_folders(parent_folder_id);

-- 2. Update saved_hadiths table with new columns
ALTER TABLE public.saved_hadiths 
  ADD COLUMN IF NOT EXISTS folder_id UUID REFERENCES hadith_folders(id) ON DELETE SET NULL,
  ADD COLUMN IF NOT EXISTS notes TEXT,
  ADD COLUMN IF NOT EXISTS notes_html TEXT,
  ADD COLUMN IF NOT EXISTS highlights JSONB DEFAULT '[]'::jsonb,
  ADD COLUMN IF NOT EXISTS tags TEXT[] DEFAULT '{}'::text[],
  ADD COLUMN IF NOT EXISTS attachments JSONB DEFAULT '[]'::jsonb,
  ADD COLUMN IF NOT EXISTS last_edited_at TIMESTAMPTZ,
  ADD COLUMN IF NOT EXISTS version INT DEFAULT 1;

CREATE INDEX IF NOT EXISTS idx_saved_hadiths_folder ON saved_hadiths(folder_id);
CREATE INDEX IF NOT EXISTS idx_saved_hadiths_tags ON saved_hadiths USING gin(tags);

-- 3. Create hadith_note_versions table
CREATE TABLE IF NOT EXISTS public.hadith_note_versions (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  saved_hadith_id UUID NOT NULL REFERENCES saved_hadiths(id) ON DELETE CASCADE,
  notes TEXT,
  notes_html TEXT,
  version INT NOT NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  created_by UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE
);

CREATE INDEX IF NOT EXISTS idx_note_versions_saved_hadith ON hadith_note_versions(saved_hadith_id, version DESC);

-- 4. Create folder_collaborators table
CREATE TABLE IF NOT EXISTS public.folder_collaborators (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  folder_id UUID NOT NULL REFERENCES hadith_folders(id) ON DELETE CASCADE,
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  role TEXT CHECK (role IN ('viewer', 'contributor', 'editor')) NOT NULL,
  invited_by UUID NOT NULL REFERENCES auth.users(id),
  invited_at TIMESTAMPTZ DEFAULT NOW(),
  accepted_at TIMESTAMPTZ,
  UNIQUE(folder_id, user_id)
);

CREATE INDEX IF NOT EXISTS idx_collaborators_folder ON folder_collaborators(folder_id);
CREATE INDEX IF NOT EXISTS idx_collaborators_user ON folder_collaborators(user_id);

-- 5. Create folder_comments table
CREATE TABLE IF NOT EXISTS public.folder_comments (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  saved_hadith_id UUID NOT NULL REFERENCES saved_hadiths(id) ON DELETE CASCADE,
  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  comment TEXT NOT NULL,
  mentions UUID[] DEFAULT '{}'::uuid[],
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

CREATE INDEX IF NOT EXISTS idx_comments_saved_hadith ON folder_comments(saved_hadith_id, created_at DESC);
CREATE INDEX IF NOT EXISTS idx_comments_user ON folder_comments(user_id);

-- 6. Create folder_shares table (analytics)
CREATE TABLE IF NOT EXISTS public.folder_shares (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  folder_id UUID NOT NULL REFERENCES hadith_folders(id) ON DELETE CASCADE,
  share_token TEXT NOT NULL,
  views INT DEFAULT 0,
  last_viewed_at TIMESTAMPTZ,
  viewer_ip TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW()
);

CREATE INDEX IF NOT EXISTS idx_shares_folder ON folder_shares(folder_id);
CREATE INDEX IF NOT EXISTS idx_shares_token ON folder_shares(share_token);

-- Enable Row Level Security
ALTER TABLE hadith_folders ENABLE ROW LEVEL SECURITY;
ALTER TABLE hadith_note_versions ENABLE ROW LEVEL SECURITY;
ALTER TABLE folder_collaborators ENABLE ROW LEVEL SECURITY;
ALTER TABLE folder_comments ENABLE ROW LEVEL SECURITY;
ALTER TABLE folder_shares ENABLE ROW LEVEL SECURITY;

-- hadith_folders policies
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users read own and shared folders' AND tablename = 'hadith_folders') THEN
    CREATE POLICY "Users read own and shared folders" ON hadith_folders
      FOR SELECT USING (
        user_id = auth.uid() OR
        id IN (
          SELECT folder_id FROM folder_collaborators
          WHERE user_id = auth.uid() AND accepted_at IS NOT NULL
        ) OR
        privacy = 'public'
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users create own folders' AND tablename = 'hadith_folders') THEN
    CREATE POLICY "Users create own folders" ON hadith_folders
      FOR INSERT WITH CHECK (auth.uid() = user_id);
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users update own folders' AND tablename = 'hadith_folders') THEN
    CREATE POLICY "Users update own folders" ON hadith_folders
      FOR UPDATE USING (
        user_id = auth.uid() OR
        id IN (
          SELECT folder_id FROM folder_collaborators
          WHERE user_id = auth.uid() AND role = 'editor' AND accepted_at IS NOT NULL
        )
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users delete own folders' AND tablename = 'hadith_folders') THEN
    CREATE POLICY "Users delete own folders" ON hadith_folders
      FOR DELETE USING (user_id = auth.uid());
  END IF;
END $$;

-- Update saved_hadiths policies (drop old and create new)
DROP POLICY IF EXISTS "Users can read own saved" ON saved_hadiths;
DROP POLICY IF EXISTS "Users can insert own saved" ON saved_hadiths;
DROP POLICY IF EXISTS "Users can delete own saved" ON saved_hadiths;

DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users read saved hadiths' AND tablename = 'saved_hadiths') THEN
    CREATE POLICY "Users read saved hadiths" ON saved_hadiths
      FOR SELECT USING (
        user_id = auth.uid() OR
        folder_id IN (
          SELECT folder_id FROM folder_collaborators
          WHERE user_id = auth.uid() AND accepted_at IS NOT NULL
        )
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users create saved hadiths' AND tablename = 'saved_hadiths') THEN
    CREATE POLICY "Users create saved hadiths" ON saved_hadiths
      FOR INSERT WITH CHECK (auth.uid() = user_id);
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users update saved hadiths' AND tablename = 'saved_hadiths') THEN
    CREATE POLICY "Users update saved hadiths" ON saved_hadiths
      FOR UPDATE USING (
        user_id = auth.uid() OR
        folder_id IN (
          SELECT folder_id FROM folder_collaborators
          WHERE user_id = auth.uid() AND role IN ('contributor', 'editor') AND accepted_at IS NOT NULL
        )
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users delete saved hadiths' AND tablename = 'saved_hadiths') THEN
    CREATE POLICY "Users delete saved hadiths" ON saved_hadiths
      FOR DELETE USING (user_id = auth.uid());
  END IF;
END $$;

-- hadith_note_versions policies
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users read note versions' AND tablename = 'hadith_note_versions') THEN
    CREATE POLICY "Users read note versions" ON hadith_note_versions
      FOR SELECT USING (
        saved_hadith_id IN (SELECT id FROM saved_hadiths WHERE user_id = auth.uid())
      );
  END IF;
END $$;

-- folder_collaborators policies
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users read collaborators' AND tablename = 'folder_collaborators') THEN
    CREATE POLICY "Users read collaborators" ON folder_collaborators
      FOR SELECT USING (
        user_id = auth.uid() OR
        folder_id IN (SELECT id FROM hadith_folders WHERE user_id = auth.uid())
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Folder owners manage collaborators' AND tablename = 'folder_collaborators') THEN
    CREATE POLICY "Folder owners manage collaborators" ON folder_collaborators
      FOR ALL USING (
        folder_id IN (SELECT id FROM hadith_folders WHERE user_id = auth.uid())
      );
  END IF;
END $$;

-- folder_comments policies
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users read comments' AND tablename = 'folder_comments') THEN
    CREATE POLICY "Users read comments" ON folder_comments
      FOR SELECT USING (
        saved_hadith_id IN (
          SELECT id FROM saved_hadiths 
          WHERE user_id = auth.uid() OR folder_id IN (
            SELECT folder_id FROM folder_collaborators WHERE user_id = auth.uid()
          )
        )
      );
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users create comments' AND tablename = 'folder_comments') THEN
    CREATE POLICY "Users create comments" ON folder_comments
      FOR INSERT WITH CHECK (auth.uid() = user_id);
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users update own comments' AND tablename = 'folder_comments') THEN
    CREATE POLICY "Users update own comments" ON folder_comments
      FOR UPDATE USING (user_id = auth.uid());
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users delete own comments' AND tablename = 'folder_comments') THEN
    CREATE POLICY "Users delete own comments" ON folder_comments
      FOR DELETE USING (user_id = auth.uid());
  END IF;
END $$;

-- folder_shares policies
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Anyone can read shares' AND tablename = 'folder_shares') THEN
    CREATE POLICY "Anyone can read shares" ON folder_shares
      FOR SELECT USING (true);
  END IF;

IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'System inserts shares' AND tablename = 'folder_shares') THEN
    CREATE POLICY "System inserts shares" ON folder_shares
      FOR INSERT WITH CHECK (true);
  END IF;
END $$;
[V0_FILE]sql:file="scripts/012-enrichment-schema.sql" isMerged="true"
-- ============================================
-- ENRICHMENT LAYER: Full schema migration
-- Adapted from spec to use uuid FKs (hadiths.id)
-- ============================================

-- 0. Utility: set_updated_at trigger function
CREATE OR REPLACE FUNCTION set_updated_at()
RETURNS trigger AS $$
BEGIN
  NEW.updated_at = now();
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

-- 0b. Add role column to profiles (for reviewer/admin access)
ALTER TABLE profiles ADD COLUMN IF NOT EXISTS role text NOT NULL DEFAULT 'user';

-- Allow anyone authenticated to read profiles (needed for discussion avatars, reviewer checks)
-- Drop the restrictive "own profile only" select policy if it exists, replace with public read
DO $$
BEGIN
  IF EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'Users can read own profile' AND tablename = 'profiles') THEN
    DROP POLICY "Users can read own profile" ON profiles;
  END IF;
END $$;

CREATE POLICY "Anyone can read profiles" ON profiles
  FOR SELECT TO authenticated USING (true);

-- ============================================
-- 1. Categories Table (7 Fixed)
-- ============================================
CREATE TABLE IF NOT EXISTS public.categories (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text NOT NULL UNIQUE,
  name_en text NOT NULL,
  name_ar text,
  description text,
  icon text,
  display_order int NOT NULL,
  is_active boolean DEFAULT true,
  created_at timestamptz NOT NULL DEFAULT now()
);

INSERT INTO categories (slug, name_en, name_ar, description, icon, display_order) VALUES
('worship', 'Worship & Devotion', 'العبادة والتقوى', 'Prayer, fasting, hajj, remembrance of Allah, and acts of devotion', '🕌', 1),
('character', 'Character & Ethics', 'الأخلاق والآداب', 'Patience, honesty, kindness, forgiveness, and moral conduct', '🤝', 2),
('family', 'Family & Relationships', 'الأسرة والعلاقات', 'Parents, marriage, children, relatives, and neighbors', '👨‍👩‍👧‍👦', 3),
('daily-life', 'Daily Life & Conduct', 'الحياة اليومية والسلوك', 'Work, food, speech, cleanliness, and daily routines', '🛠️', 4),
('knowledge', 'Knowledge & Faith', 'العلم والإيمان', 'Learning, intention, belief, Quran, and spiritual understanding', '📚', 5),
('community', 'Community & Justice', 'المجتمع والعدل', 'Justice, leadership, rights, brotherhood, and social responsibility', '⚖️', 6),
('afterlife', 'Afterlife & Spiritual Reality', 'الآخرة والحقائق الروحانية', 'Death, judgment, paradise, hellfire, and the unseen', '🌙', 7)
ON CONFLICT (slug) DO NOTHING;

ALTER TABLE categories ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "categories_select_all" ON categories;
CREATE POLICY "categories_select_all" ON categories
  FOR SELECT TO authenticated, anon USING (is_active = true);

-- ============================================
-- 2. Tags Table (Controlled Vocabulary, 50-120 max)
-- ============================================
CREATE TABLE IF NOT EXISTS public.tags (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text NOT NULL UNIQUE,
  name_en text NOT NULL UNIQUE,
  name_ar text,
  synonyms text[],
  category_id uuid REFERENCES public.categories(id),
  usage_count int DEFAULT 0,
  is_active boolean DEFAULT true,
  created_at timestamptz NOT NULL DEFAULT now()
);

-- Seed initial tags
INSERT INTO tags (slug, name_en, name_ar, synonyms, category_id) VALUES
-- Worship
('prayer', 'Prayer', 'الصلاة', ARRAY['salah', 'namaz'], (SELECT id FROM categories WHERE slug='worship')),
('fasting', 'Fasting', 'الصيام', ARRAY['sawm', 'ramadan'], (SELECT id FROM categories WHERE slug='worship')),
('charity', 'Charity', 'الصدقة', ARRAY['sadaqah', 'zakat'], (SELECT id FROM categories WHERE slug='worship')),
('pilgrimage', 'Pilgrimage', 'الحج', ARRAY['hajj', 'umrah'], (SELECT id FROM categories WHERE slug='worship')),
('remembrance', 'Remembrance of Allah', 'الذكر', ARRAY['dhikr', 'remembering'], (SELECT id FROM categories WHERE slug='worship')),
-- Character
('patience', 'Patience', 'الصبر', ARRAY['sabr', 'perseverance'], (SELECT id FROM categories WHERE slug='character')),
('truthfulness', 'Truthfulness', 'الصدق', ARRAY['honesty', 'sincerity'], (SELECT id FROM categories WHERE slug='character')),
('kindness', 'Kindness', 'اللطف', ARRAY['compassion', 'gentleness'], (SELECT id FROM categories WHERE slug='character')),
('forgiveness', 'Forgiveness', 'المغفرة', ARRAY['pardoning', 'mercy'], (SELECT id FROM categories WHERE slug='character')),
('humility', 'Humility', 'التواضع', ARRAY['modesty', 'humble'], (SELECT id FROM categories WHERE slug='character')),
('anger', 'Anger Control', 'الغضب', ARRAY['temper', 'rage'], (SELECT id FROM categories WHERE slug='character')),
-- Family
('parents', 'Parents', 'الوالدين', ARRAY['mother', 'father'], (SELECT id FROM categories WHERE slug='family')),
('marriage', 'Marriage', 'الزواج', ARRAY['spouse', 'husband', 'wife'], (SELECT id FROM categories WHERE slug='family')),
('children', 'Children', 'الأطفال', ARRAY['kids', 'parenting'], (SELECT id FROM categories WHERE slug='family')),
('relatives', 'Relatives', 'الأقارب', ARRAY['family ties', 'kinship'], (SELECT id FROM categories WHERE slug='family')),
('neighbors', 'Neighbors', 'الجيران', ARRAY['neighbourhood'], (SELECT id FROM categories WHERE slug='family')),
-- Daily Life
('work', 'Work & Earning', 'العمل', ARRAY['job', 'employment', 'trade'], (SELECT id FROM categories WHERE slug='daily-life')),
('food', 'Food & Eating', 'الطعام', ARRAY['meals', 'eating'], (SELECT id FROM categories WHERE slug='daily-life')),
('speech', 'Speech & Words', 'الكلام', ARRAY['talking', 'conversation'], (SELECT id FROM categories WHERE slug='daily-life')),
('cleanliness', 'Cleanliness', 'النظافة', ARRAY['purity', 'hygiene'], (SELECT id FROM categories WHERE slug='daily-life')),
('greetings', 'Greetings', 'التحية', ARRAY['salam', 'salutations'], (SELECT id FROM categories WHERE slug='daily-life')),
-- Knowledge
('seeking-knowledge', 'Seeking Knowledge', 'طلب العلم', ARRAY['learning', 'study'], (SELECT id FROM categories WHERE slug='knowledge')),
('intention', 'Intention', 'النية', ARRAY['niyyah', 'purpose'], (SELECT id FROM categories WHERE slug='knowledge')),
('faith', 'Faith', 'الإيمان', ARRAY['iman', 'belief'], (SELECT id FROM categories WHERE slug='knowledge')),
('quran', 'Quran', 'القرآن', ARRAY['recitation', 'reading quran'], (SELECT id FROM categories WHERE slug='knowledge')),
-- Community
('justice', 'Justice', 'العدل', ARRAY['fairness', 'equity'], (SELECT id FROM categories WHERE slug='community')),
('leadership', 'Leadership', 'القيادة', ARRAY['authority', 'governance'], (SELECT id FROM categories WHERE slug='community')),
('rights', 'Rights', 'الحقوق', ARRAY['obligations', 'duties'], (SELECT id FROM categories WHERE slug='community')),
('brotherhood', 'Brotherhood', 'الأخوة', ARRAY['unity', 'community'], (SELECT id FROM categories WHERE slug='community')),
-- Afterlife
('death', 'Death', 'الموت', ARRAY['dying', 'mortality'], (SELECT id FROM categories WHERE slug='afterlife')),
('judgment', 'Day of Judgment', 'يوم القيامة', ARRAY['resurrection', 'afterlife'], (SELECT id FROM categories WHERE slug='afterlife')),
('paradise', 'Paradise', 'الجنة', ARRAY['jannah', 'heaven'], (SELECT id FROM categories WHERE slug='afterlife')),
('hellfire', 'Hellfire', 'النار', ARRAY['jahannam', 'punishment'], (SELECT id FROM categories WHERE slug='afterlife'))
ON CONFLICT (slug) DO NOTHING;

CREATE INDEX IF NOT EXISTS tags_slug_idx ON tags(slug);
CREATE INDEX IF NOT EXISTS tags_category_id_idx ON tags(category_id);
CREATE INDEX IF NOT EXISTS tags_usage_count_idx ON tags(usage_count DESC);

ALTER TABLE tags ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "tags_select_all" ON tags;
CREATE POLICY "tags_select_all" ON tags
  FOR SELECT TO authenticated, anon USING (is_active = true);

-- ============================================
-- 3. Enrichment Status Enum
-- ============================================
DO $$ BEGIN
  CREATE TYPE enrichment_status AS ENUM ('suggested', 'approved', 'published', 'rejected');
EXCEPTION
  WHEN duplicate_object THEN null;
END $$;

-- ============================================
-- 4. Hadith Enrichment Table
-- Uses hadiths.id (uuid) as FK instead of text hadith_id
-- ============================================
CREATE TABLE IF NOT EXISTS public.hadith_enrichment (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  hadith_id uuid NOT NULL REFERENCES public.hadiths(id) ON DELETE CASCADE,
  
  summary_line text,
  category_id uuid REFERENCES public.categories(id),
  
  status enrichment_status NOT NULL DEFAULT 'suggested',
  confidence numeric CHECK (confidence >= 0 AND confidence <= 1),
  rationale text,
  
  suggested_by text DEFAULT 'system',
  reviewed_by uuid REFERENCES auth.users(id),
  reviewed_at timestamptz,
  review_notes text,
  published_at timestamptz,
  methodology_version text DEFAULT 'v1.0',
  
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  
  CONSTRAINT summary_line_length CHECK (
    summary_line IS NULL OR 
    (char_length(summary_line) BETWEEN 5 AND 80)
  )
);

-- Unique: only one enrichment per hadith (any status)
CREATE UNIQUE INDEX IF NOT EXISTS hadith_enrichment_hadith_unique ON hadith_enrichment(hadith_id);

CREATE INDEX IF NOT EXISTS hadith_enrichment_status_idx ON hadith_enrichment(status);
CREATE INDEX IF NOT EXISTS hadith_enrichment_category_id_idx ON hadith_enrichment(category_id);
CREATE INDEX IF NOT EXISTS hadith_enrichment_reviewed_by_idx ON hadith_enrichment(reviewed_by);

ALTER TABLE hadith_enrichment ENABLE ROW LEVEL SECURITY;

-- Public can only see published enrichments
DROP POLICY IF EXISTS "enrichment_select_published" ON hadith_enrichment;
CREATE POLICY "enrichment_select_published" ON hadith_enrichment
  FOR SELECT TO authenticated, anon
  USING (status = 'published');

-- Reviewers/admins can see all statuses
DROP POLICY IF EXISTS "enrichment_select_review_queue" ON hadith_enrichment;
CREATE POLICY "enrichment_select_review_queue" ON hadith_enrichment
  FOR SELECT TO authenticated
  USING (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

-- Only reviewers can update
DROP POLICY IF EXISTS "enrichment_update_reviewer" ON hadith_enrichment;
CREATE POLICY "enrichment_update_reviewer" ON hadith_enrichment
  FOR UPDATE TO authenticated
  USING (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  )
  WITH CHECK (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

-- System inserts (service role handles this, but add policy for completeness)
DROP POLICY IF EXISTS "enrichment_insert_admin" ON hadith_enrichment;
CREATE POLICY "enrichment_insert_admin" ON hadith_enrichment
  FOR INSERT TO authenticated
  WITH CHECK (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

CREATE TRIGGER set_hadith_enrichment_updated_at
BEFORE UPDATE ON hadith_enrichment
FOR EACH ROW EXECUTE FUNCTION set_updated_at();

-- ============================================
-- 5. Hadith Tags Junction Table
-- ============================================
CREATE TABLE IF NOT EXISTS public.hadith_tags (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  hadith_id uuid NOT NULL REFERENCES public.hadiths(id) ON DELETE CASCADE,
  tag_id uuid NOT NULL REFERENCES public.tags(id) ON DELETE CASCADE,
  enrichment_id uuid REFERENCES public.hadith_enrichment(id) ON DELETE CASCADE,
  status enrichment_status NOT NULL DEFAULT 'suggested',
  created_at timestamptz NOT NULL DEFAULT now(),
  CONSTRAINT unique_hadith_tag UNIQUE (hadith_id, tag_id)
);

CREATE INDEX IF NOT EXISTS hadith_tags_hadith_id_idx ON hadith_tags(hadith_id);
CREATE INDEX IF NOT EXISTS hadith_tags_tag_id_idx ON hadith_tags(tag_id);
CREATE INDEX IF NOT EXISTS hadith_tags_status_idx ON hadith_tags(status);
CREATE INDEX IF NOT EXISTS hadith_tags_enrichment_id_idx ON hadith_tags(enrichment_id);

ALTER TABLE hadith_tags ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "hadith_tags_select_published" ON hadith_tags;
CREATE POLICY "hadith_tags_select_published" ON hadith_tags
  FOR SELECT TO authenticated, anon USING (status = 'published');

DROP POLICY IF EXISTS "hadith_tags_select_review_queue" ON hadith_tags;
CREATE POLICY "hadith_tags_select_review_queue" ON hadith_tags
  FOR SELECT TO authenticated
  USING (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

DROP POLICY IF EXISTS "hadith_tags_update_reviewer" ON hadith_tags;
CREATE POLICY "hadith_tags_update_reviewer" ON hadith_tags
  FOR UPDATE TO authenticated
  USING (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

DROP POLICY IF EXISTS "hadith_tags_insert_admin" ON hadith_tags;
CREATE POLICY "hadith_tags_insert_admin" ON hadith_tags
  FOR INSERT TO authenticated
  WITH CHECK (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

-- Tag usage count trigger
CREATE OR REPLACE FUNCTION update_tag_usage_count()
RETURNS trigger AS $$
BEGIN
  IF TG_OP = 'INSERT' AND NEW.status = 'published' THEN
    UPDATE tags SET usage_count = usage_count + 1 WHERE id = NEW.tag_id;
  ELSIF TG_OP = 'UPDATE' AND OLD.status != 'published' AND NEW.status = 'published' THEN
    UPDATE tags SET usage_count = usage_count + 1 WHERE id = NEW.tag_id;
  ELSIF TG_OP = 'UPDATE' AND OLD.status = 'published' AND NEW.status != 'published' THEN
    UPDATE tags SET usage_count = usage_count - 1 WHERE id = NEW.tag_id;
  ELSIF TG_OP = 'DELETE' AND OLD.status = 'published' THEN
    UPDATE tags SET usage_count = usage_count - 1 WHERE id = OLD.tag_id;
  END IF;
  RETURN COALESCE(NEW, OLD);
END;
$$ LANGUAGE plpgsql;

DROP TRIGGER IF EXISTS hadith_tags_usage_count_trigger ON hadith_tags;
CREATE TRIGGER hadith_tags_usage_count_trigger
AFTER INSERT OR UPDATE OR DELETE ON hadith_tags
FOR EACH ROW EXECUTE FUNCTION update_tag_usage_count();

-- ============================================
-- 6. Enrichment Reviews Audit Log
-- ============================================
CREATE TABLE IF NOT EXISTS public.enrichment_reviews (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  enrichment_id uuid NOT NULL REFERENCES public.hadith_enrichment(id) ON DELETE CASCADE,
  reviewer_id uuid NOT NULL REFERENCES auth.users(id),
  action text NOT NULL CHECK (action IN ('approve', 'reject', 'edit', 'publish')),
  old_status enrichment_status,
  new_status enrichment_status,
  changes jsonb,
  notes text,
  created_at timestamptz NOT NULL DEFAULT now()
);

CREATE INDEX IF NOT EXISTS enrichment_reviews_enrichment_id_idx ON enrichment_reviews(enrichment_id);
CREATE INDEX IF NOT EXISTS enrichment_reviews_reviewer_id_idx ON enrichment_reviews(reviewer_id);
CREATE INDEX IF NOT EXISTS enrichment_reviews_created_at_idx ON enrichment_reviews(created_at DESC);

ALTER TABLE enrichment_reviews ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "enrichment_reviews_select_reviewer" ON enrichment_reviews;
CREATE POLICY "enrichment_reviews_select_reviewer" ON enrichment_reviews
  FOR SELECT TO authenticated
  USING (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );

DROP POLICY IF EXISTS "enrichment_reviews_insert_reviewer" ON enrichment_reviews;
CREATE POLICY "enrichment_reviews_insert_reviewer" ON enrichment_reviews
  FOR INSERT TO authenticated
  WITH CHECK (
    auth.uid() IN (SELECT user_id FROM profiles WHERE role IN ('admin', 'reviewer'))
  );
[V0_FILE]sql:file="scripts/012-fix-rls-and-streaks.sql" isMerged="true"
-- ============================================
-- Migration 012: Fix RLS Policies + Auto Streak Tracking
-- Run this in Supabase SQL Editor or via CLI
-- ============================================
-- ============================================
-- PART 1: Fix saved_hadiths UPDATE Policy
-- ============================================
-- This was missing and breaks inline note/folder editing
-- First, check if policy exists and drop it to avoid conflicts
DROP POLICY IF EXISTS "Users can update own saved" ON saved_hadiths;
-- Create the UPDATE policy
CREATE POLICY "Users can update own saved" ON saved_hadiths FOR
UPDATE USING (auth.uid() = user_id) WITH CHECK (auth.uid() = user_id);
-- ============================================
-- PART 2: Auto Streak Tracking System
-- ============================================
-- Ensure user_streaks table exists with correct structure
CREATE TABLE IF NOT EXISTS user_streaks (
  id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id uuid REFERENCES auth.users(id) ON DELETE CASCADE UNIQUE,
  current_streak integer DEFAULT 0,
  longest_streak integer DEFAULT 0,
  last_active_date date,
  total_days_active integer DEFAULT 0,
  created_at timestamptz DEFAULT now(),
  updated_at timestamptz DEFAULT now()
);
-- Enable RLS on user_streaks if not already enabled
ALTER TABLE user_streaks ENABLE ROW LEVEL SECURITY;
-- Create RLS policies for user_streaks
DROP POLICY IF EXISTS "Users can view own streaks" ON user_streaks;
CREATE POLICY "Users can view own streaks" ON user_streaks FOR
SELECT USING (auth.uid() = user_id);
DROP POLICY IF EXISTS "Users can insert own streaks" ON user_streaks;
CREATE POLICY "Users can insert own streaks" ON user_streaks FOR
INSERT WITH CHECK (auth.uid() = user_id);
DROP POLICY IF EXISTS "Users can update own streaks" ON user_streaks;
CREATE POLICY "Users can update own streaks" ON user_streaks FOR
UPDATE USING (auth.uid() = user_id);
-- ============================================
-- Function: Update user streak on activity
-- ============================================
CREATE OR REPLACE FUNCTION update_user_streak() RETURNS TRIGGER AS $$
DECLARE v_user_id uuid;
v_today date := CURRENT_DATE;
v_last_active date;
v_current_streak integer;
v_longest_streak integer;
v_total_days integer;
BEGIN -- Get user_id from the trigger source
IF TG_TABLE_NAME = 'hadith_views' THEN v_user_id := NEW.user_id;
ELSIF TG_TABLE_NAME = 'reading_progress' THEN v_user_id := NEW.user_id;
ELSIF TG_TABLE_NAME = 'reflections' THEN v_user_id := NEW.user_id;
ELSIF TG_TABLE_NAME = 'quiz_attempts' THEN v_user_id := NEW.user_id;
ELSE RETURN NEW;
END IF;
-- Get current streak data
SELECT last_active_date,
  current_streak,
  longest_streak,
  total_days_active INTO v_last_active,
  v_current_streak,
  v_longest_streak,
  v_total_days
FROM user_streaks
WHERE user_id = v_user_id;
-- If no streak record exists, create one
IF NOT FOUND THEN
INSERT INTO user_streaks (
    user_id,
    current_streak,
    longest_streak,
    last_active_date,
    total_days_active
  )
VALUES (v_user_id, 1, 1, v_today, 1);
RETURN NEW;
END IF;
-- If already active today, no update needed
IF v_last_active = v_today THEN RETURN NEW;
END IF;
-- Calculate new streak
IF v_last_active = v_today - INTERVAL '1 day' THEN -- Consecutive day: increment streak
v_current_streak := v_current_streak + 1;
v_total_days := v_total_days + 1;
-- Update longest streak if current exceeds it
IF v_current_streak > v_longest_streak THEN v_longest_streak := v_current_streak;
END IF;
ELSIF v_last_active < v_today - INTERVAL '1 day' THEN -- Streak broken: reset to 1
v_current_streak := 1;
v_total_days := v_total_days + 1;
END IF;
-- Update the streak record
UPDATE user_streaks
SET current_streak = v_current_streak,
  longest_streak = v_longest_streak,
  last_active_date = v_today,
  total_days_active = v_total_days,
  updated_at = now()
WHERE user_id = v_user_id;
RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
-- ============================================
-- Triggers: Auto-update streaks on activity
-- ============================================
-- Trigger for hadith_views
DROP TRIGGER IF EXISTS update_streak_on_hadith_view ON hadith_views;
CREATE TRIGGER update_streak_on_hadith_view
AFTER
INSERT ON hadith_views FOR EACH ROW EXECUTE FUNCTION update_user_streak();
-- Trigger for reading_progress
DROP TRIGGER IF EXISTS update_streak_on_reading_progress ON reading_progress;
CREATE TRIGGER update_streak_on_reading_progress
AFTER
INSERT ON reading_progress FOR EACH ROW EXECUTE FUNCTION update_user_streak();
-- Trigger for reflections
DROP TRIGGER IF EXISTS update_streak_on_reflection ON reflections;
CREATE TRIGGER update_streak_on_reflection
AFTER
INSERT ON reflections FOR EACH ROW EXECUTE FUNCTION update_user_streak();
-- Trigger for quiz_attempts
DROP TRIGGER IF EXISTS update_streak_on_quiz ON quiz_attempts;
CREATE TRIGGER update_streak_on_quiz
AFTER
INSERT ON quiz_attempts FOR EACH ROW EXECUTE FUNCTION update_user_streak();
-- ============================================
-- Initialize streaks for existing users
-- ============================================
-- This populates streaks for users who have activity but no streak record
INSERT INTO user_streaks (
    user_id,
    current_streak,
    longest_streak,
    last_active_date,
    total_days_active
  )
SELECT DISTINCT hv.user_id,
  1 as current_streak,
  1 as longest_streak,
  MAX(hv.viewed_at::date) as last_active_date,
  COUNT(DISTINCT hv.viewed_at::date) as total_days_active
FROM hadith_views hv
WHERE hv.user_id NOT IN (
    SELECT user_id
    FROM user_streaks
    WHERE user_id IS NOT NULL
  )
GROUP BY hv.user_id ON CONFLICT (user_id) DO NOTHING;
-- ============================================
-- Verification Queries (run to confirm setup)
-- ============================================
-- Uncomment these to verify the migration worked:
-- SELECT tablename, policyname, cmd FROM pg_policies WHERE tablename = 'saved_hadiths';
-- SELECT trigger_name, event_manipulation, event_object_table FROM information_schema.triggers WHERE trigger_schema = 'public';
-- SELECT * FROM user_streaks LIMIT 5;
-- ============================================
-- Success Message
-- ============================================
DO $$ BEGIN RAISE NOTICE '✅ Migration 012 complete: RLS UPDATE policy added, streak tracking enabled';
END $$;
[V0_FILE]sql:file="scripts/013-my-hadith-functions.sql" isMerged="true"
-- 013: My Hadith database functions

-- 1. Generate share token function
CREATE OR REPLACE FUNCTION generate_share_token()
RETURNS TEXT AS $$
BEGIN
  RETURN encode(gen_random_bytes(16), 'base64');
END;
$$ LANGUAGE plpgsql;

-- 2. Create note version on update
CREATE OR REPLACE FUNCTION create_note_version()
RETURNS TRIGGER AS $$
BEGIN
  IF OLD.notes IS DISTINCT FROM NEW.notes THEN
    INSERT INTO hadith_note_versions (saved_hadith_id, notes, notes_html, version, created_by)
    VALUES (OLD.id, OLD.notes, OLD.notes_html, OLD.version, auth.uid());
    
    NEW.version = OLD.version + 1;
    NEW.last_edited_at = NOW();
  END IF;
  RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

DROP TRIGGER IF EXISTS on_note_update ON saved_hadiths;
CREATE TRIGGER on_note_update
  BEFORE UPDATE ON saved_hadiths
  FOR EACH ROW
  EXECUTE FUNCTION create_note_version();

-- 3. Track folder share views
CREATE OR REPLACE FUNCTION track_folder_view(p_share_token TEXT, p_viewer_ip TEXT)
RETURNS void AS $$
DECLARE
  v_folder_id UUID;
  v_share_id UUID;
BEGIN
  SELECT id INTO v_folder_id 
  FROM hadith_folders 
  WHERE share_token = p_share_token;
  
  IF v_folder_id IS NOT NULL THEN
    -- Check if record exists
    SELECT id INTO v_share_id
    FROM folder_shares
    WHERE folder_id = v_folder_id AND share_token = p_share_token;
    
    IF v_share_id IS NOT NULL THEN
      -- Update existing record
      UPDATE folder_shares 
      SET views = views + 1,
          last_viewed_at = NOW()
      WHERE id = v_share_id;
    ELSE
      -- Insert new record
      INSERT INTO folder_shares (folder_id, share_token, views, last_viewed_at, viewer_ip)
      VALUES (v_folder_id, p_share_token, 1, NOW(), p_viewer_ip);
    END IF;
  END IF;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]sql:file="scripts/013-set-admin-role.sql" isMerged="true"
-- Set the first user (or all current users) as admin for initial setup
-- This updates ALL existing profiles to admin role.
-- After setup, manually manage roles via the Supabase dashboard.
UPDATE profiles SET role = 'admin' WHERE role = 'user';
[V0_FILE]sql:file="scripts/020-create-sunnah-practices.sql" isMerged="true"
-- Create sunnah categories table
CREATE TABLE IF NOT EXISTS sunnah_categories (
  id TEXT PRIMARY KEY,
  title TEXT NOT NULL,
  title_ar TEXT NOT NULL,
  description TEXT NOT NULL,
  icon TEXT NOT NULL DEFAULT 'Heart',
  color TEXT NOT NULL DEFAULT 'text-[#1B5E43]',
  bg_color TEXT NOT NULL DEFAULT 'bg-[#1B5E43]/10',
  sort_order INTEGER NOT NULL DEFAULT 0,
  created_at TIMESTAMPTZ DEFAULT now()
);

-- Create sunnah practices table
CREATE TABLE IF NOT EXISTS sunnah_practices (
  id TEXT PRIMARY KEY,
  category_id TEXT NOT NULL REFERENCES sunnah_categories(id) ON DELETE CASCADE,
  title TEXT NOT NULL,
  description TEXT NOT NULL,
  hadith_ref TEXT NOT NULL,
  collection TEXT NOT NULL,
  sort_order INTEGER NOT NULL DEFAULT 0,
  created_at TIMESTAMPTZ DEFAULT now()
);

-- Seed categories
INSERT INTO sunnah_categories (id, title, title_ar, description, icon, color, bg_color, sort_order) VALUES
  ('salah', 'Sunnah of Salah', 'سنن الصلاة', 'Voluntary prayers, adhkar before and after salah, and prophetic etiquettes of worship', 'Moon', 'text-[#1B5E43]', 'bg-[#1B5E43]/10', 1),
  ('character', 'Sunnah of Character', 'سنن الأخلاق', 'The prophetic way of dealing with people: kindness, patience, honesty, and mercy', 'HandHeart', 'text-[#C5A059]', 'bg-[#C5A059]/10', 2),
  ('home', 'Sunnah at Home', 'سنن المنزل', 'Prophetic practices for the household: entering, eating, sleeping, and family life', 'Home', 'text-[#3b82f6]', 'bg-blue-50', 3),
  ('people', 'Sunnah with People', 'سنن المعاملات', 'How the Prophet interacted with neighbors, guests, the elderly, and children', 'Users', 'text-[#7c3aed]', 'bg-purple-50', 4),
  ('food', 'Sunnah of Eating', 'سنن الطعام', 'Prophetic etiquettes of food: bismillah, eating with the right hand, and gratitude', 'Utensils', 'text-[#059669]', 'bg-emerald-50', 5),
  ('daily', 'Daily Sunnah', 'أذكار اليوم', 'Morning and evening adhkar, remembrances throughout the day', 'Clock', 'text-[#d97706]', 'bg-amber-50', 6)
ON CONFLICT (id) DO UPDATE SET
  title = EXCLUDED.title,
  title_ar = EXCLUDED.title_ar,
  description = EXCLUDED.description;

-- Seed practices
INSERT INTO sunnah_practices (id, category_id, title, description, hadith_ref, collection, sort_order) VALUES
  -- Salah
  ('rawatib', 'salah', 'The Rawatib (Regular Sunnah Prayers)', '12 rak''ahs daily: 2 before Fajr, 4 before Dhuhr, 2 after Dhuhr, 2 after Maghrib, 2 after Isha', 'Hadith 1761', 'Jami at-Tirmidhi', 1),
  ('duha', 'salah', 'Salat al-Duha (Forenoon Prayer)', 'The Prophet would pray between 2-8 rak''ahs after sunrise', 'Book 8, Hadith 669', 'Sahih Muslim', 2),
  ('witr', 'salah', 'Witr Prayer', 'An odd-numbered prayer performed after Isha, the last prayer of the night', 'Book 14, Hadith 1', 'Sunan Abu Dawud', 3),
  -- Character
  ('smile', 'character', 'Smiling', 'Your smiling in the face of your brother is charity', 'Hadith 1956', 'Jami at-Tirmidhi', 1),
  ('greet', 'character', 'Spreading Salam', 'Spread peace, feed the hungry, pray at night while people sleep, and you will enter Paradise', 'Hadith 1334', 'Sunan Ibn Majah', 2),
  ('patience', 'character', 'Patience in Difficulty', 'How wonderful is the affair of the believer, for all of it is good', 'Book 55, Hadith 82', 'Sahih Muslim', 3),
  -- Home
  ('enter', 'home', 'Entering the Home', 'Say salam when entering, mention Allah''s name, and eat', 'Book 36, Hadith 28', 'Sahih Muslim', 1),
  ('sleep', 'home', 'Sleeping Etiquette', 'Sleep on your right side, recite Ayat al-Kursi and the last three surahs', 'Book 75, Hadith 7', 'Sahih Bukhari', 2),
  ('wakeup', 'home', 'Waking Up', 'Praise Allah upon waking, wash hands before using them, and perform wudu', 'Book 4, Hadith 183', 'Sahih Bukhari', 3),
  -- People
  ('neighbor', 'people', 'Rights of the Neighbor', 'Jibril kept advising me about the neighbor until I thought he would inherit from me', 'Book 45, Hadith 28', 'Sahih Bukhari', 1),
  ('guest', 'people', 'Honoring the Guest', 'Whoever believes in Allah and the Last Day, let him honor his guest', 'Book 79, Hadith 6019', 'Sahih Bukhari', 2),
  ('children', 'people', 'Kindness to Children', 'The Prophet would greet children, play with them, and carry them during prayer', 'Book 78, Hadith 5993', 'Sahih Bukhari', 3),
  -- Food
  ('bismillah', 'food', 'Saying Bismillah', 'Mention Allah''s name, eat with your right hand, and eat what is nearest to you', 'Book 70, Hadith 5376', 'Sahih Bukhari', 1),
  ('moderation', 'food', 'Moderation in Eating', 'A third for food, a third for drink, and a third for air', 'Hadith 2380', 'Jami at-Tirmidhi', 2),
  -- Daily
  ('morning', 'daily', 'Morning Adhkar', 'Supplications to recite between Fajr and sunrise for protection and blessings', 'Book 49', 'Jami at-Tirmidhi', 1),
  ('evening', 'daily', 'Evening Adhkar', 'Supplications to recite between Asr and Maghrib', 'Book 49', 'Jami at-Tirmidhi', 2),
  ('istighfar', 'daily', 'Seeking Forgiveness', 'The Prophet would seek forgiveness more than 70 times a day', 'Book 80, Hadith 6307', 'Sahih Bukhari', 3)
ON CONFLICT (id) DO UPDATE SET
  title = EXCLUDED.title,
  description = EXCLUDED.description,
  hadith_ref = EXCLUDED.hadith_ref,
  collection = EXCLUDED.collection;

-- Create indexes
CREATE INDEX IF NOT EXISTS idx_sunnah_practices_category ON sunnah_practices(category_id);
CREATE INDEX IF NOT EXISTS idx_sunnah_categories_sort ON sunnah_categories(sort_order);
[V0_FILE]sql:file="scripts/021-create-sahaba-stories.sql" isMerged="true"
-- Sahaba Stories System: Tables + Content
-- Creates sahaba, story_parts, sahaba_reading_progress, shareable_snippets

-- 1. Sahaba master table
CREATE TABLE IF NOT EXISTS public.sahaba (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text NOT NULL UNIQUE,
  name_en text NOT NULL,
  name_ar text NOT NULL,
  title_en text NOT NULL,
  title_ar text,
  icon text NOT NULL,
  color_theme text NOT NULL,
  birth_year_hijri int,
  death_year_hijri int,
  notable_for text[],
  total_parts int NOT NULL DEFAULT 3,
  estimated_read_time_minutes int,
  theme_primary text NOT NULL,
  theme_secondary text,
  portrait_url text,
  background_image_url text,
  is_published boolean DEFAULT false,
  display_order int DEFAULT 0,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now()
);

CREATE INDEX IF NOT EXISTS sahaba_slug_idx ON sahaba(slug);
CREATE INDEX IF NOT EXISTS sahaba_display_order_idx ON sahaba(display_order);

ALTER TABLE sahaba ENABLE ROW LEVEL SECURITY;
DROP POLICY IF EXISTS "sahaba_select_published" ON sahaba;
CREATE POLICY "sahaba_select_published" ON sahaba FOR SELECT TO authenticated, anon USING (is_published = true);

-- 2. Story parts table
CREATE TABLE IF NOT EXISTS public.story_parts (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  sahabi_id uuid NOT NULL REFERENCES public.sahaba(id) ON DELETE CASCADE,
  part_number int NOT NULL,
  title_en text NOT NULL,
  title_ar text,
  content_en text NOT NULL,
  content_ar text,
  opening_hook text,
  key_lesson text,
  historical_context text,
  featured_image_url text,
  timeline_data jsonb,
  word_count int,
  estimated_read_minutes int,
  related_hadith_refs text[],
  related_quran_ayat jsonb,
  is_published boolean DEFAULT false,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  CONSTRAINT unique_sahabi_part UNIQUE (sahabi_id, part_number)
);

CREATE INDEX IF NOT EXISTS story_parts_sahabi_id_idx ON story_parts(sahabi_id);

ALTER TABLE story_parts ENABLE ROW LEVEL SECURITY;
DROP POLICY IF EXISTS "story_parts_select_published" ON story_parts;
CREATE POLICY "story_parts_select_published" ON story_parts FOR SELECT TO authenticated, anon USING (is_published = true);

-- 3. Sahaba reading progress (separate from hadith reading_progress)
CREATE TABLE IF NOT EXISTS public.sahaba_reading_progress (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  sahabi_id uuid NOT NULL REFERENCES public.sahaba(id) ON DELETE CASCADE,
  current_part int NOT NULL DEFAULT 1,
  parts_completed int[] DEFAULT '{}',
  is_completed boolean DEFAULT false,
  is_bookmarked boolean DEFAULT false,
  last_read_at timestamptz NOT NULL DEFAULT now(),
  total_time_spent_seconds int DEFAULT 0,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  CONSTRAINT unique_user_sahabi UNIQUE (user_id, sahabi_id)
);

CREATE INDEX IF NOT EXISTS sahaba_rp_user_idx ON sahaba_reading_progress(user_id);

ALTER TABLE sahaba_reading_progress ENABLE ROW LEVEL SECURITY;
DROP POLICY IF EXISTS "sahaba_rp_select_own" ON sahaba_reading_progress;
DROP POLICY IF EXISTS "sahaba_rp_insert_own" ON sahaba_reading_progress;
DROP POLICY IF EXISTS "sahaba_rp_update_own" ON sahaba_reading_progress;
CREATE POLICY "sahaba_rp_select_own" ON sahaba_reading_progress FOR SELECT TO authenticated USING (user_id = auth.uid());
CREATE POLICY "sahaba_rp_insert_own" ON sahaba_reading_progress FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
CREATE POLICY "sahaba_rp_update_own" ON sahaba_reading_progress FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());

-- 4. Shareable snippets
CREATE TABLE IF NOT EXISTS public.shareable_snippets (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  sahabi_id uuid NOT NULL REFERENCES public.sahaba(id) ON DELETE CASCADE,
  story_part_id uuid REFERENCES public.story_parts(id) ON DELETE CASCADE,
  snippet_type text NOT NULL CHECK (snippet_type IN ('quote', 'lesson', 'moment', 'full_part')),
  text_en text NOT NULL,
  text_ar text,
  attribution_en text,
  source_reference text,
  background_color text DEFAULT '#1a1a1a',
  text_color text DEFAULT '#ffffff',
  accent_color text,
  share_count int DEFAULT 0,
  is_featured boolean DEFAULT false,
  is_published boolean DEFAULT false,
  created_at timestamptz NOT NULL DEFAULT now()
);

CREATE INDEX IF NOT EXISTS snippets_sahabi_idx ON shareable_snippets(sahabi_id);

ALTER TABLE shareable_snippets ENABLE ROW LEVEL SECURITY;
DROP POLICY IF EXISTS "snippets_select_published" ON shareable_snippets;
CREATE POLICY "snippets_select_published" ON shareable_snippets FOR SELECT TO authenticated, anon USING (is_published = true);

-- Increment share count function
CREATE OR REPLACE FUNCTION increment_share_count(snippet_id uuid)
RETURNS void AS $$
BEGIN
  UPDATE shareable_snippets SET share_count = share_count + 1 WHERE id = snippet_id;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]sql:file="scripts/022-seed-sahaba-stories.sql" isMerged="true"
-- Seed all 5 companions with full multi-part narratives and shareable snippets
-- Column mapping matches 021-create-sahaba-stories.sql schema exactly

-- 1. Abu Bakr as-Siddiq
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, theme_primary, theme_secondary, notable_for, total_parts, estimated_read_time_minutes, is_published, display_order)
VALUES (
  'abu-bakr',
  'Abu Bakr as-Siddiq',
  'أبو بكر الصديق',
  'The Truthful One',
  'الصديق',
  'shield',
  'emerald',
  '#1B5E43',
  '#2D7A5B',
  ARRAY['First adult male to accept Islam', 'First Caliph', 'Companion in the Cave'],
  5,
  25,
  true,
  1
);

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 1, 'Before the Light', 'قبل النور',
'Abu Bakr ibn Abi Quhafa was born in Mecca around 573 CE, roughly two years after the Prophet Muhammad (peace be upon him). Even before Islam, he was known among the Quraysh as a man of impeccable character -- honest in trade, gentle in speech, and widely respected for his knowledge of genealogy.

He was a wealthy cloth merchant, yet his wealth never corrupted his nature. He abstained from alcohol even in the days of Jahiliyyah (pre-Islamic ignorance), something rare among the Arabs of that era. When asked why, he would say he wished to preserve his reputation and intellect.

His friendship with Muhammad (peace be upon him) predated the revelation. They were close companions, and Abu Bakr knew the Prophet''s character intimately -- his truthfulness, his compassion, his aversion to the idolatry that surrounded them.

This deep personal knowledge would prove decisive when the moment of truth arrived.',
'Even before Islam, Abu Bakr was a man who refused to let wealth corrupt his character.',
'Good character precedes faith -- the seeds of righteousness are planted long before revelation.',
ARRAY['Ibn Hisham, Sirah'], 160, 4, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 2, 'The First to Believe', 'أول من آمن',
'When the Prophet (peace be upon him) received the first revelation and began privately sharing the message of Islam, Abu Bakr was among the very first to hear it. And he did not hesitate -- not for a moment.

The Prophet (peace be upon him) later said: "I never invited anyone to Islam but that he showed some reluctance and hesitation -- except Abu Bakr. When I presented Islam to him, he did not hold back or hesitate."

This immediate acceptance earned him the title "as-Siddiq" -- the Truthful One, the one who confirms truth without doubt. His faith was not blind; it was built on decades of knowing the Prophet''s character.

Abu Bakr then became Islam''s first great missionary. He personally brought several future pillars of the faith to Islam: Uthman ibn Affan, Zubayr ibn al-Awwam, Abdur-Rahman ibn Awf, Sa''d ibn Abi Waqqas, and Talha ibn Ubaydullah. Five of the ten promised Paradise -- all through Abu Bakr''s quiet, sincere invitation.

He spent his enormous personal wealth freeing Muslim slaves who were being tortured for their faith. He purchased and freed Bilal ibn Rabah, who was being crushed under boulders in the scorching desert sun for saying "Ahad, Ahad" (One, One). When his father rebuked him for freeing weak slaves instead of strong ones who could protect him, Abu Bakr replied: "I only seek the pleasure of Allah."',
'He did not hesitate -- not for a moment.',
'True conviction needs no deliberation when it is built on a lifetime of knowing someone''s character.',
ARRAY['Sahih al-Bukhari 3661', 'Ibn Hisham, Sirah', 'Sahih al-Bukhari 3544'], 250, 5, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, related_hadith_refs, related_quran_ayat, word_count, estimated_read_minutes, is_published)
SELECT id, 3, 'The Cave and the Migration', 'الغار والهجرة',
'When the persecution in Mecca became unbearable and Allah permitted the Muslims to emigrate to Medina, Abu Bakr had been preparing for months. He had purchased two camels and kept them fed and ready, hoping the Prophet (peace be upon him) would choose him as his travel companion.

When the Prophet came to Abu Bakr''s house at an unusual hour and told him the time had come, Abu Bakr wept -- not from fear, but from joy. Aisha later narrated: "I did not know that anyone could weep from happiness until I saw my father weep that day."

The journey was fraught with danger. The Quraysh had placed a bounty of 100 camels on the Prophet''s head. The two companions hid in the Cave of Thawr for three days while search parties combed the area.

Inside the cave, when Abu Bakr saw the feet of the pursuers at the entrance, he trembled -- not for himself, but for the Prophet. He whispered: "O Messenger of Allah, if one of them looks down at his feet, he will see us." The Prophet (peace be upon him) replied with words that would be preserved in the Quran forever: "Do not grieve; indeed Allah is with us." (Quran 9:40)

Allah sent a spider to weave a web across the cave entrance and a pair of doves to nest there. The pursuers, seeing these undisturbed signs of nature, moved on. Abu Bakr had risked everything -- his life, his family, his wealth -- and Allah had protected them both.',
'Abu Bakr wept -- not from fear, but from joy.',
'When you sacrifice everything for Allah, He provides protection from the most unlikely sources.',
ARRAY['Sahih al-Bukhari 3615', 'Sahih al-Bukhari 3653'], '{"ayat": [{"surah": "At-Tawbah", "verse": "9:40", "text": "Do not grieve; indeed Allah is with us."}]}'::jsonb, 280, 6, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, related_hadith_refs, related_quran_ayat, word_count, estimated_read_minutes, is_published)
SELECT id, 4, 'Standing Firm When the World Shook', 'الثبات عند الزلزال',
'The death of the Prophet Muhammad (peace be upon him) was the most devastating event in the young Muslim community''s history. Strong men collapsed. Umar ibn al-Khattab, the mighty warrior, drew his sword and declared he would strike anyone who said the Prophet had died.

In this moment of complete chaos, Abu Bakr -- who had been away from Medina -- arrived, entered the Prophet''s room, kissed his forehead, and wept. Then he walked out to the people and delivered words that would echo through all of history:

"Whoever worshipped Muhammad, let him know that Muhammad has died. And whoever worshipped Allah, let him know that Allah is Ever-Living and shall never die." Then he recited: "Muhammad is not but a messenger. Other messengers have passed on before him. So if he was to die or be killed, would you turn back on your heels?" (Quran 3:144)

Umar later said: "By Allah, when I heard Abu Bakr recite that verse, I fell to the ground. My legs would not carry me, and I knew that the Prophet had indeed passed away."

In the crisis that followed, Abu Bakr was chosen as the first Caliph. His brief rule of just over two years would be defined by one essential quality: unwavering commitment to the Prophet''s path, no matter the cost.',
'Umar drew his sword. The community shattered. Then Abu Bakr spoke.',
'True leadership is clarity in crisis -- pointing people back to Allah when grief threatens to consume them.',
ARRAY['Sahih al-Bukhari 3667', 'Sahih al-Bukhari 1241'], '{"ayat": [{"surah": "Aal-Imran", "verse": "3:144", "text": "Muhammad is not but a messenger. Other messengers have passed on before him."}]}'::jsonb, 230, 5, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, related_hadith_refs, related_quran_ayat, word_count, estimated_read_minutes, is_published)
SELECT id, 5, 'The Legacy of the Truthful', 'إرث الصديق',
'As Caliph, Abu Bakr faced immediate and enormous challenges. Several Arab tribes broke away, refusing to pay Zakat or following false prophets. Many companions counseled caution. Abu Bakr refused to compromise.

"By Allah, if they withhold from me even a young goat that they used to give to the Messenger of Allah, I will fight them over it," he declared. This firmness in the Ridda Wars preserved the unity of the Muslim nation at its most vulnerable moment.

Yet his personal life remained one of extraordinary humility. He continued to milk the goats of his neighbors as he had done before becoming leader of the fastest-growing community in Arabia. He took only a modest salary from the treasury -- and on his deathbed, he ordered that the salary be returned.

He freed more slaves than any other companion. He gave his entire wealth in charity when the Prophet asked for contributions -- while Umar, who gave half, marveled at him.

Abu Bakr died on August 23, 634 CE, at the age of 63 -- the same age the Prophet had been when he passed away. His final instructions were to be buried beside the Prophet, and his final words were from the Quran: "Take my soul as a Muslim and join me with the righteous." (Quran 12:101)

The Prophet (peace be upon him) had said: "If I were to take a Khalil (intimate friend) other than my Lord, I would have taken Abu Bakr. But the brotherhood and love of Islam is sufficient."

His legacy is the proof that quiet, unwavering faith -- the kind that never wavers, never shows off, never hesitates -- is the most powerful force in this world.',
'If they withhold from me even a young goat, I will fight them over it.',
'Quiet, unwavering faith is the most powerful force in this world.',
ARRAY['Sahih al-Bukhari 1400', 'Sahih al-Bukhari 3904', 'Sunan Abu Dawud 4652'], '{"ayat": [{"surah": "Yusuf", "verse": "12:101", "text": "Take my soul as a Muslim and join me with the righteous."}]}'::jsonb, 290, 6, true
FROM sahaba WHERE slug = 'abu-bakr';

-- 2. Umar ibn al-Khattab
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, theme_primary, theme_secondary, notable_for, total_parts, estimated_read_time_minutes, is_published, display_order)
VALUES (
  'umar',
  'Umar ibn al-Khattab',
  'عمر بن الخطاب',
  'The Distinguisher of Truth',
  'الفاروق',
  'sword',
  'amber',
  '#8B4513',
  '#A0522D',
  ARRAY['Second Caliph', 'Conversion strengthened Islam', 'Pioneer of justice'],
  5,
  25,
  true,
  2
);

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 1, 'The Fierce Opponent',
'Before Islam, Umar ibn al-Khattab was one of the most feared men in Mecca. Tall, powerfully built, and known for his fiery temper, he was a staunch defender of the Quraysh''s traditional religion. He was among the most vocal opponents of the Prophet Muhammad (peace be upon him) and the early Muslims.

Umar was not merely opposed to Islam in theory -- he was actively violent toward Muslims. He would beat his own slave girl, Lubayna, for accepting Islam, stopping only when his arms grew tired. He saw the new faith as a threat to the social order of Mecca, to the unity of families, and to the honor of the Quraysh.

The Prophet (peace be upon him) made a du''a (supplication) that would change the course of history: "O Allah, strengthen Islam with whichever of the two Umars is more beloved to You" -- referring to Umar ibn al-Khattab and Amr ibn Hisham (Abu Jahl). Both were powerful men of Quraysh, and the Prophet knew that the conversion of either would transform the Muslim community.

Allah chose Umar.',
'One of the most feared men in Mecca was about to become Islam''s greatest champion.',
'Allah can redirect the fiercest opposition into the strongest faith.',
ARRAY['Jami at-Tirmidhi 3681', 'Ibn Hisham, Sirah'], 200, 4, true
FROM sahaba WHERE slug = 'umar';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, related_quran_ayat, word_count, estimated_read_minutes, is_published)
SELECT id, 2, 'The Sword that Surrendered',
'The story of Umar''s conversion is one of the most dramatic in Islamic history. One night, he set out with his sword, determined to kill the Prophet Muhammad (peace be upon him) and end the "discord" in Mecca once and for all.

On his way, a man stopped him and said: "Why don''t you set your own house in order first? Your sister Fatima and her husband have accepted Islam." Enraged, Umar stormed to his sister''s house.

When he arrived, he heard the recitation of the Quran from inside. He burst through the door. His sister Fatima, trying to hide the parchment, was struck by Umar so hard that she bled. But she stood firm and declared: "O Umar, do what you will. We will not abandon our faith."

Seeing her blood, something shifted inside him. He asked to see what they had been reading. His sister told him to wash himself first. When he finally read the verses from Surah Ta-Ha -- "Indeed, I am Allah. There is no deity except Me, so worship Me and establish prayer for My remembrance" (Quran 20:14) -- tears streamed down his face.

He went straight to the Prophet, but not with his sword raised in violence. He went to declare his faith. When the Muslims heard Umar''s voice outside, they were terrified -- until Hamza said, "Let him in."

Umar entered and said: "I bear witness that there is no god but Allah, and Muhammad is His Messenger." The Prophet cried "Allahu Akbar!" so loud that every Muslim in Mecca heard it.

Abdullah ibn Mas''ud later said: "We could not pray openly at the Ka''bah until Umar embraced Islam. His Islam was a conquest."',
'He set out with his sword to kill the Prophet -- and came back a Muslim.',
'The Quran has the power to penetrate even the hardest heart when it is read with sincerity.',
ARRAY['Sahih al-Bukhari 3863', 'Ibn Hisham, Sirah'], '{"ayat": [{"surah": "Ta-Ha", "verse": "20:14", "text": "Indeed, I am Allah. There is no deity except Me, so worship Me."}]}'::jsonb, 320, 6, true
FROM sahaba WHERE slug = 'umar';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 3, 'The Rock of Medina',
'In Medina, Umar became the Prophet''s closest advisor alongside Abu Bakr. His directness and insight were legendary. Remarkably, the Quran confirmed Umar''s opinions on several occasions -- leading the Prophet (peace be upon him) to say: "If there were to be a prophet after me, it would be Umar."

When the question arose about whether to pray behind the Station of Ibrahim, it was Umar who suggested it -- and then the verse was revealed confirming his suggestion. When he expressed his view about the wives of the Prophet observing hijab, the verse of hijab was revealed.

But Umar was not merely a warrior or strategist. He was deeply emotional in his worship. He would weep so heavily during prayer that the people behind him could hear his sobbing. He was known to faint when hearing certain verses of the Quran recited.

He had a mark on his face from his tears. This was the same man who had once beaten his slave girl for her faith. Islam did not suppress Umar''s intensity -- it redirected it entirely toward Allah.',
'The Quran confirmed Umar''s opinions again and again.',
'Islam does not suppress intensity -- it redirects it toward the divine.',
ARRAY['Jami at-Tirmidhi 3686', 'Sahih al-Bukhari 402', 'Sahih al-Bukhari 3294'], 200, 4, true
FROM sahaba WHERE slug = 'umar';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 4, 'The Just Ruler',
'When Umar became the second Caliph after Abu Bakr''s death, the Muslim world was expanding rapidly. Under his ten-year rule (634-644 CE), the Islamic state grew to encompass all of Persia, most of the Byzantine territories, Egypt, and vast stretches of North Africa.

But what made Umar extraordinary was not military conquest -- it was justice. He established principles of governance that were centuries ahead of their time.

He created the first formal treasury (Bayt al-Mal), established stipends for all citizens -- including non-Muslims under Islamic protection. He created a census, organized the military, established the Islamic calendar, and built the first system of public works.

He would walk the streets of Medina at night, personally checking on the welfare of his people. One famous night, he found a woman boiling stones in a pot to soothe her crying, hungry children. Umar personally carried a sack of flour on his own back from the treasury to her home and cooked for her family. When his servant offered to carry the sack, Umar replied: "Will you carry my burden on the Day of Judgment?"

When he conquered Jerusalem, he entered the city not on a horse or in royal garments, but walking on foot beside his servant who rode the camel. He refused to pray inside the Church of the Holy Sepulchre, saying: "If I pray here, the Muslims after me will claim this as a mosque." He prayed outside instead, protecting the church for future generations.',
'Will you carry my burden on the Day of Judgment?',
'True leadership means carrying burdens yourself, not delegating them.',
ARRAY['Al-Tabari, Tarikh', 'Ibn al-Jawzi, Manaqib Umar'], 300, 6, true
FROM sahaba WHERE slug = 'umar';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 5, 'The Martyr''s End',
'In November 644 CE, while leading the Fajr prayer, Umar was stabbed six times by Abu Lu''lu''a, a Persian slave with a personal grievance. Even as he lay bleeding, Umar''s first concern was for his community.

He asked: "Was it a Muslim who struck me?" When told it was not, he said: "Alhamdulillah -- praise be to Allah -- that it was not by the hand of a Muslim."

As he lay dying, he appointed a council of six companions to choose his successor, refusing to impose his own preference. He asked his son Abdullah to calculate his debts and repay them from his personal property, not from the state treasury. He asked Aisha for permission to be buried beside the Prophet and Abu Bakr -- she granted it, saying: "I had wanted that place for myself, but I will give it to Umar."

His final words included a profound instruction: "When you bury me, take me to the door of Aisha. If she permits, bury me beside my two companions. If she refuses, take me to the public cemetery." Even in death, he would not presume upon his rank.

He transformed from a man who beat his slave girl for believing in Allah to a ruler who walked through the night carrying flour to hungry children. That is the power of Islam -- not to replace a person, but to perfect them.',
'Even as he lay bleeding, his first concern was for his community.',
'Islam does not replace a person -- it perfects them.',
ARRAY['Sahih al-Bukhari 3700', 'Sahih al-Bukhari 3689', 'Ibn Sa''d, Tabaqat'], 270, 5, true
FROM sahaba WHERE slug = 'umar';

-- 3. Khadijah bint Khuwaylid
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, theme_primary, theme_secondary, notable_for, total_parts, estimated_read_time_minutes, is_published, display_order)
VALUES (
  'khadijah',
  'Khadijah bint Khuwaylid',
  'خديجة بنت خويلد',
  'Mother of the Believers',
  'أم المؤمنين',
  'heart',
  'rose',
  '#8B2252',
  '#A0325F',
  ARRAY['First person to accept Islam', 'Prophet''s beloved wife', 'Received greetings from Allah'],
  4,
  20,
  true,
  3
);

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 1, 'The Queen of Mecca',
'Long before the revelation of Islam, Khadijah bint Khuwaylid was already extraordinary. She was one of the wealthiest merchants in all of Arabia, running vast trade caravans that traveled between Mecca, Syria, and Yemen. In a society that often marginalized women, she commanded respect through intelligence, integrity, and remarkable business acumen.

She had been married twice before, both husbands having passed away, and she had turned down proposals from the most powerful men of Quraysh. She was known as "at-Tahira" -- the Pure One -- and "Ameerat Quraysh" -- the Princess of Quraysh.

When she hired the young Muhammad (peace be upon him) to lead one of her trade caravans to Syria, she sent her servant Maysarah to observe him. Maysarah returned with astonishing reports: Muhammad''s honesty surpassed anything he had ever seen, the caravan earned double the usual profit, and strange signs of blessing accompanied him throughout the journey.

Khadijah, who was approximately 40 years old, proposed marriage to Muhammad, who was 25. She recognized in him what no one else yet fully understood -- a man of singular character, chosen by destiny for something far greater than trade.

Their marriage would become one of the greatest love stories in human history.',
'She turned down the most powerful men of Quraysh -- then proposed to a young merchant.',
'True vision is recognizing greatness in a person before the world does.',
ARRAY['Ibn Hisham, Sirah', 'Ibn Sa''d, Tabaqat'], 230, 5, true
FROM sahaba WHERE slug = 'khadijah';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 2, 'The First Believer',
'When the Prophet Muhammad (peace be upon him) descended from the Cave of Hira, trembling after his first encounter with the Angel Jibreel, it was to Khadijah that he ran. "Cover me, cover me!" he cried, shaking with awe and fear.

And Khadijah -- in what may be the single most important act of support in the history of Islam -- did not doubt, did not hesitate, and did not panic. Instead, she wrapped him in a cloak and spoke words that would sustain the Prophet through years of persecution:

"Never! By Allah, Allah will never disgrace you. You keep good relations with your family, you bear the burden of the weak, you help the poor, you serve your guests generously, and you assist those who are afflicted with calamities."

She then took him to her cousin Waraqah ibn Nawfal, a learned Christian scholar, who confirmed that what Muhammad had experienced was the same revelation that had come to Moses.

Khadijah became the first human being to accept Islam. Before Abu Bakr, before Ali, before anyone else -- a woman stood at the foundation of the faith. Her belief was not tentative or conditional. She pledged everything -- her wealth, her status, her safety -- to support the mission of her husband.

The Prophet (peace be upon him) would never forget this. Years after her death, he would say: "She believed in me when no one else did. She accepted Islam when people rejected me. She supported me with her wealth when people deprived me."',
'It was to Khadijah that he ran -- and she did not doubt for a moment.',
'Support in the moment of greatest vulnerability is the truest form of faith.',
ARRAY['Sahih al-Bukhari 3', 'Sahih al-Bukhari 3818', 'Musnad Ahmad'], 270, 5, true
FROM sahaba WHERE slug = 'khadijah';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 3, 'Sacrifice in the Valley',
'As Islam grew in Mecca, so did the persecution. The Quraysh imposed a complete boycott on the Prophet''s clan -- no one was allowed to trade with them, marry them, or even sell them food. For three agonizing years, the Muslims and the clan of Banu Hashim were confined to a narrow valley on the outskirts of Mecca.

Khadijah, who had once been the wealthiest woman in Arabia, spent every last coin of her fortune during this siege. She bought food at inflated black-market prices to feed the community. She nursed the sick. She comforted the children who cried from hunger.

Her wealth -- the vast trading empire she had built over decades -- was entirely consumed in service of Islam. She went from being a queen of commerce to having nothing, and she never uttered a single word of complaint.

The boycott broke her health. Years of deprivation in the valley, combined with her age and the emotional toll of watching the community suffer, left her physically weakened. But her spirit never dimmed.

Jibreel himself came to the Prophet and said: "O Muhammad, Khadijah is coming to you with a vessel of food. When she reaches you, convey to her greetings of peace from her Lord and from me, and give her the glad tidings of a palace in Paradise made of hollowed pearls, in which there will be no noise or fatigue."

Allah sent personal greetings to Khadijah through an angel. No other companion -- male or female -- received such an honor.',
'She went from the wealthiest woman in Arabia to having nothing -- without a word of complaint.',
'True sacrifice is not what you give up, but the silence with which you endure it.',
ARRAY['Sahih al-Bukhari 3820', 'Sahih Muslim 2432'], 270, 5, true
FROM sahaba WHERE slug = 'khadijah';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 4, 'The Year of Sorrow',
'Khadijah died in Ramadan of the year 619 CE, just three years before the migration to Medina. The Prophet (peace be upon him) was devastated. That same year, his uncle and protector Abu Talib also passed away. The Prophet called it "Aam al-Huzn" -- the Year of Sorrow.

His grief for Khadijah was lifelong and profound. He would send gifts to her friends for the rest of his life. He would praise her virtues in gatherings. When Aisha, his later wife, once expressed jealousy, the Prophet responded with uncharacteristic sharpness: "Allah has not given me better than her. She believed in me when people disbelieved, she supported me with her wealth when people deprived me, and Allah granted me children through her."

Aisha later said: "I was never jealous of any of the Prophet''s wives except Khadijah, although I never met her. But the Prophet used to mention her so frequently and praise her so highly that I felt jealous."

The Prophet would sometimes slaughter a sheep and send portions to Khadijah''s friends. Once, when Hala bint Khuwaylid (Khadijah''s sister) came to visit and called out from behind the door, the Prophet''s face changed and he said: "O Allah, Hala bint Khuwaylid!" -- because her voice reminded him of Khadijah.

Khadijah left behind a legacy that extends far beyond her financial sacrifice. She demonstrated that a woman''s faith, intelligence, and courage can be the foundation upon which an entire civilization is built. She was the first Muslim, the first supporter, the first to sacrifice everything -- and Allah honored her above all others with direct greetings of peace from Himself.',
'His grief for Khadijah was lifelong -- years later, a voice that sounded like hers could still move him to tears.',
'Love that is rooted in faith does not diminish with time -- it becomes eternal.',
ARRAY['Sahih al-Bukhari 3818', 'Sahih Muslim 2435', 'Sahih al-Bukhari 3815', 'Sahih al-Bukhari 3432'], 300, 5, true
FROM sahaba WHERE slug = 'khadijah';

-- 4. Bilal ibn Rabah
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, theme_primary, theme_secondary, notable_for, total_parts, estimated_read_time_minutes, is_published, display_order)
VALUES (
  'bilal',
  'Bilal ibn Rabah',
  'بلال بن رباح',
  'The Voice of Islam',
  'مؤذن الإسلام',
  'star',
  'purple',
  '#4A3080',
  '#5B3F99',
  ARRAY['First muezzin of Islam', 'Endured torture for faith', 'Called Adhan atop the Ka''bah'],
  4,
  20,
  true,
  4
);

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 1, 'Chains in the Desert',
'Bilal ibn Rabah was an Abyssinian slave in Mecca, owned by Umayyah ibn Khalaf, one of the most vicious opponents of Islam. His mother, Hamamah, was also enslaved. In the rigid caste system of pre-Islamic Arabia, Bilal occupied the lowest rung of society -- a Black African slave with no rights, no voice, and no future.

But when the message of Islam reached him -- that there is no god but Allah, that all human beings are equal before their Creator, that the measure of a person is not their lineage or skin color but their piety -- Bilal recognized the truth instantly.

His conversion enraged his master. Umayyah ibn Khalaf subjected Bilal to some of the worst torture recorded in the early history of Islam. He would drag Bilal out into the open desert at the hottest hour of the day, force him to lie on the burning sand, and place a massive boulder on his chest.

"Renounce Muhammad and worship our gods," Umayyah would demand.

And Bilal, barely able to breathe under the crushing weight, with the sun searing his skin and the sand scorching his back, would repeat one word: "Ahad... Ahad..." -- One... One...

He would not break. His body could be crushed, but his faith was beyond the reach of any torturer.',
'Under a boulder in the scorching desert, barely able to breathe, he whispered one word: Ahad.',
'Faith that survives the worst torture is faith that cannot be defeated.',
ARRAY['Ibn Hisham, Sirah', 'Sahih al-Bukhari 3544'], 240, 5, true
FROM sahaba WHERE slug = 'bilal';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 2, 'Freedom and the Call',
'Abu Bakr as-Siddiq, upon hearing of Bilal''s suffering, went to Umayyah and purchased Bilal''s freedom. When Abu Bakr''s father criticized him for buying a "weak" slave instead of a strong one, Abu Bakr replied: "I only seek the pleasure of Allah."

Bilal was now free. And the Prophet Muhammad (peace be upon him) recognized something extraordinary in this former slave -- a voice of remarkable beauty and power, and a spirit that had been tested beyond what most humans could endure.

When the Muslim community settled in Medina and needed a way to call the faithful to prayer, the Prophet chose Bilal as the first muezzin of Islam. This was revolutionary. In a society built on tribal hierarchy and racial distinction, the Prophet placed a Black former slave in one of the most public and honored roles in the community.

Every day, five times a day, Bilal''s voice rose over the rooftops of Medina: "Allahu Akbar, Allahu Akbar!" The same voice that had whispered "Ahad" under the boulder now thundered the call to prayer for the entire city.

The Prophet said to Bilal: "O Bilal, I entered Paradise and heard the sound of your footsteps before me." Bilal replied: "I do not know, except that whenever I perform ablution at any time of night or day, I pray with that ablution whatever Allah wills for me to pray."

His devotion was constant -- not dramatic, not showy, but unceasing.',
'The same voice that whispered under a boulder now thundered over an entire city.',
'Allah elevates those whom the world discards.',
ARRAY['Sahih al-Bukhari 3544', 'Sahih al-Bukhari 1149', 'Sahih Muslim 2458'], 260, 5, true
FROM sahaba WHERE slug = 'bilal';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 3, 'The Day of Conquest',
'The most symbolically powerful moment of Bilal''s life came on the day of the Conquest of Mecca in 630 CE. The Muslims entered the city that had persecuted them, the city where Bilal had been tortured and enslaved.

The Prophet Muhammad (peace be upon him) ordered the idols in the Ka''bah destroyed. And then he commanded Bilal to climb to the top of the Ka''bah -- the most sacred structure in Arabia -- and give the Adhan.

A Black former slave, standing on top of the Ka''bah, calling the entirety of Mecca to the worship of the One God.

Some of the Quraysh nobles, still processing their defeat, muttered in disgust. But this was precisely the point. Islam had come to shatter every hierarchy built on lineage, wealth, or color. The Prophet (peace be upon him) said in his Farewell Sermon: "An Arab has no superiority over a non-Arab, nor does a non-Arab have any superiority over an Arab. A white has no superiority over a black, nor does a black have any superiority over a white -- except by piety and good action."

Bilal''s voice from atop the Ka''bah was the living embodiment of that principle. The moment Bilal called "Allahu Akbar" from the roof of the Ka''bah, the old world of Jahiliyyah -- with its racism, its tribalism, its cruelty -- was declared finished forever.',
'A Black former slave stood atop the Ka''bah and called Mecca to God.',
'Islam shattered every hierarchy built on lineage, wealth, or color.',
ARRAY['Sahih al-Bukhari 4286', 'Musnad Ahmad 23536'], 250, 5, true
FROM sahaba WHERE slug = 'bilal';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 4, 'The Voice Falls Silent',
'After the Prophet (peace be upon him) passed away, Bilal could not bear to call the Adhan in Medina. Every time he tried, he would reach the words "Ashhadu anna Muhammadan Rasulullah" and break down weeping, unable to continue.

He asked Abu Bakr for permission to leave Medina and go to Syria for jihad. He spent the rest of his life serving Islam on the frontier, rarely returning.

But once, years later, he returned to visit the Prophet''s tomb. The people of Medina begged him to call the Adhan one last time. Bilal climbed to his old place and began.

When his voice rang out over Medina again -- "Allahu Akbar, Allahu Akbar!" -- the entire city wept. Men, women, and children poured out of their homes in tears. It was as if the Prophet''s era had returned for a brief, beautiful moment.

Bilal died in Damascus around 640 CE. His final words were: "Tomorrow we shall meet the beloved ones -- Muhammad and his companions."

His wife wept and said: "What sorrow!" Bilal opened his eyes one last time and corrected her: "What joy!"

From the burning sands of Mecca to the top of the Ka''bah, from slavery to the one whose footsteps were heard in Paradise -- Bilal''s life is the ultimate proof that in Islam, a person''s worth is measured by nothing except the sincerity of their heart.',
'His wife wept: "What sorrow!" He corrected her: "What joy!"',
'A person''s worth is measured by nothing except the sincerity of their heart.',
ARRAY['Ibn Sa''d, Tabaqat', 'Ibn Kathir, al-Bidayah', 'Siyar A''lam an-Nubala'], 260, 5, true
FROM sahaba WHERE slug = 'bilal';

-- 5. Salman al-Farsi
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, theme_primary, theme_secondary, notable_for, total_parts, estimated_read_time_minutes, is_published, display_order)
VALUES (
  'salman',
  'Salman al-Farsi',
  'سلمان الفارسي',
  'The Seeker of Truth',
  'الباحث عن الحق',
  'users',
  'blue',
  '#2563EB',
  '#3B82F6',
  ARRAY['Persian who crossed the world seeking truth', 'Proposed the Trench strategy', 'Declared Ahl al-Bayt by the Prophet'],
  4,
  20,
  true,
  5
);

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 1, 'The Fire Worshipper''s Son',
'Salman was born Rouzbeh in the village of Jayyan in Isfahan, Persia. His father was the dihqan (chief) of the village, a man of wealth and influence who was devoted to the Zoroastrian faith. As was the custom, young Salman was appointed to tend the sacred fire in the fire temple -- a prestigious duty.

But as Salman tended the flames, a restlessness grew within him. He watched the fire and asked questions that his community could not answer: Who created this fire? Who created the one who created it? Is there something greater than what we worship?

One day, while running an errand for his father, Salman passed by a Christian church and heard the sound of prayer. He entered, and something stirred in his soul. The monotheism of the Christians resonated with the questions burning inside him.

He told his father about the Christians, and his father was horrified. He chained Salman in the house to prevent him from leaving the Zoroastrian faith. But Salman managed to send a message to the Christians, asking them: "Where is the origin of your faith?" They answered: "In Syria."

When a Christian trade caravan came through, Salman escaped and fled with them. He left behind his family, his inheritance, his position, and his homeland -- all in pursuit of a truth he had not yet found.',
'He tended the sacred fire and asked: Is there something greater than what we worship?',
'The search for truth begins with the courage to question what everyone around you accepts.',
ARRAY['Musnad Ahmad 23737', 'Ibn Hisham, Sirah'], 240, 5, true
FROM sahaba WHERE slug = 'salman';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 2, 'Through the Monasteries',
'For years -- possibly decades -- Salman traveled from one Christian monastery to another across the Middle East. In Syria, he served a bishop who turned out to be corrupt, hoarding charity meant for the poor. When that bishop died, Salman served his successor, who was genuinely righteous.

When this second teacher was dying, Salman asked: "Who do you recommend I go to?" The monk directed him to another scholar in Mosul. Salman traveled to Mosul and served there until that teacher too was on his deathbed, who sent him to a scholar in Nusaybin, who sent him to another in Ammuriyyah.

Each teacher taught Salman what they knew of monotheism, of scripture, of the approaching end times. And each one, on their deathbed, told Salman the same thing: the era of true Christian monasticism was ending, and a prophet was about to appear.

The last teacher in Ammuriyyah gave Salman the most specific guidance: "The time of a prophet is at hand. He will be sent with the religion of Abraham. He will appear in the land of the Arabs, in a town between two lava fields with date palms. He will accept gifts but will not eat charity. And between his shoulders is the seal of prophethood."

Salman committed these signs to memory. He had been searching for truth across the entire known world, and now he had a map to the final destination.',
'Each dying teacher pointed him to the next -- until the last one pointed him to a prophet.',
'Truth is passed from sincere hearts to sincere hearts across generations.',
ARRAY['Musnad Ahmad 23737'], 260, 5, true
FROM sahaba WHERE slug = 'salman';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 3, 'Slavery and Discovery',
'Salman persuaded a group of Arab traders to take him to Arabia, but they betrayed him and sold him into slavery. He was purchased by a Jewish man in Medina and put to work tending date palms.

Even in slavery, Salman''s search continued. When he heard that a man claiming prophethood had arrived in Medina from Mecca, his heart leapt. He immediately began testing the signs.

First sign: a land between two lava fields with date palms. Medina was exactly that.

Salman brought the Prophet a plate of food and said it was charity. The Prophet gave it to his companions but did not eat it himself. First sign confirmed.

Then Salman brought another plate and said it was a gift. The Prophet ate from it and shared it. Second sign confirmed.

Finally, Salman maneuvered to see the Prophet''s back. When the Prophet adjusted his garment, Salman saw the seal of prophethood between his shoulder blades. Third sign confirmed.

Salman collapsed in tears, kissing the Prophet''s hands and feet. He told his entire story -- the fire temple, the churches, the monasteries, the journey across the world, the slavery. The Prophet was so moved that he asked Salman to repeat his story for the other companions.

The search that began with a boy questioning the sacred fire had ended with a man finding the final Prophet of God.',
'Three signs. Three tests. A lifetime of seeking -- answered in a single moment.',
'When you are sincere in seeking truth, Allah will guide you to it no matter how far you must travel.',
ARRAY['Musnad Ahmad 23737', 'Sahih Muslim'], 260, 5, true
FROM sahaba WHERE slug = 'salman';

INSERT INTO story_parts (sahabi_id, part_number, title_en, content_en, opening_hook, key_lesson, related_hadith_refs, word_count, estimated_read_minutes, is_published)
SELECT id, 4, 'The Trench and Brotherhood',
'The Prophet (peace be upon him) helped Salman purchase his freedom by having the companions donate date palms and by personally planting some with his own hands. Every palm the Prophet planted grew successfully; none failed.

Salman''s most famous contribution came during the Battle of the Trench (627 CE). When the enormous combined army of Quraysh and their allies marched on Medina, the Muslims were vastly outnumbered. Salman proposed an idea no Arab had ever seen before: dig a massive trench around the vulnerable sides of the city.

This Persian military tactic was unknown in Arabia, and it saved Medina. The enemy cavalry could not cross the trench, and after weeks of siege, they retreated. The Prophet declared: "Salman is from us, the People of the House (Ahl al-Bayt)."

During the digging of the trench, both the Ansar and the Muhajirun claimed Salman as their own. The Ansar said: "Salman is one of us!" The Muhajirun said: "No, Salman is one of us!" The Prophet settled the matter: "Salman is one of us, the People of the House."

Salman lived a long life, reportedly reaching over 80 years of age. He served as the governor of Ctesiphon, where he lived in extreme simplicity despite ruling one of the richest cities in the world. He would weave baskets and sell them for his food, giving his entire governor''s salary to charity.

When he died, they found that he owned nothing except a bowl, a water vessel, and a reed mat.

His journey -- from Zoroastrian fire temple to Christian monastery to Arabian slavery to the inner circle of the Prophet -- stands as the ultimate testament that truth belongs to no race, no culture, and no nation. It belongs to whoever is sincere enough to seek it.',
'Both camps claimed him. The Prophet said: Salman is from us, the People of the House.',
'Truth belongs to no race, no culture, and no nation -- it belongs to whoever is sincere enough to seek it.',
ARRAY['Sahih al-Bukhari 3793', 'Musnad Ahmad 23737', 'Ibn Sa''d, Tabaqat'], 320, 6, true
FROM sahaba WHERE slug = 'salman';

-- Seed shareable snippets (matching actual schema)
INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'quote', 'I never invited anyone to Islam but that he showed some reluctance -- except Abu Bakr. When I presented Islam to him, he did not hold back or hesitate.', 'Prophet Muhammad (peace be upon him)', 'Sahih al-Bukhari 3661', '#1B5E43', '#C5A059', true, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'quote', 'Do not grieve; indeed Allah is with us.', 'Quran 9:40', 'Quran 9:40', '#1a3a2a', '#C5A059', true, true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_published)
SELECT id, 'moment', 'Whoever worshipped Muhammad, let him know that Muhammad has died. And whoever worshipped Allah, let him know that Allah is Ever-Living and shall never die.', 'Abu Bakr as-Siddiq', 'Sahih al-Bukhari 3667', '#1B5E43', '#E8C77D', true
FROM sahaba WHERE slug = 'abu-bakr';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'moment', 'We could not pray openly at the Ka''bah until Umar embraced Islam. His Islam was a conquest.', 'Abdullah ibn Mas''ud', 'Ibn Hisham, Sirah', '#8B4513', '#E8C77D', true, true
FROM sahaba WHERE slug = 'umar';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_published)
SELECT id, 'lesson', 'Will you carry my burden on the Day of Judgment?', 'Umar ibn al-Khattab', 'Al-Tabari, Tarikh', '#8B4513', '#C5A059', true
FROM sahaba WHERE slug = 'umar';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'quote', 'Never! By Allah, Allah will never disgrace you. You keep good relations with your family, you bear the burden of the weak, you help the poor, and you assist those afflicted with calamities.', 'Khadijah bint Khuwaylid', 'Sahih al-Bukhari 3', '#8B2252', '#E8C77D', true, true
FROM sahaba WHERE slug = 'khadijah';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'moment', 'Ahad... Ahad... -- One... One...', 'Bilal ibn Rabah', 'Ibn Hisham, Sirah', '#4A3080', '#C5A059', true, true
FROM sahaba WHERE slug = 'bilal';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_published)
SELECT id, 'moment', 'His wife wept: "What sorrow!" Bilal opened his eyes and corrected her: "What joy!"', 'Bilal ibn Rabah', 'Ibn Sa''d, Tabaqat', '#4A3080', '#E8C77D', true
FROM sahaba WHERE slug = 'bilal';

INSERT INTO shareable_snippets (sahabi_id, snippet_type, text_en, attribution_en, source_reference, background_color, accent_color, is_featured, is_published)
SELECT id, 'lesson', 'Truth belongs to no race, no culture, and no nation. It belongs to whoever is sincere enough to seek it.', 'From the story of Salman al-Farsi', 'Musnad Ahmad 23737', '#2563EB', '#C5A059', true, true
FROM sahaba WHERE slug = 'salman';
[V0_FILE]sql:file="scripts/030-create-user-folders.sql" isMerged="true"
-- 030: Create user_folders table (must exist before user_bookmarks)

CREATE TABLE IF NOT EXISTS public.user_folders (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  name text NOT NULL,
  description text,
  icon text,
  color text DEFAULT '#6b7280',
  is_public boolean DEFAULT false,
  item_count int DEFAULT 0,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  CONSTRAINT folder_name_length CHECK (char_length(name) BETWEEN 1 AND 50)
);

CREATE INDEX IF NOT EXISTS user_folders_user_id_idx ON user_folders(user_id);
CREATE INDEX IF NOT EXISTS user_folders_is_public_idx ON user_folders(is_public) WHERE is_public = true;

ALTER TABLE user_folders ENABLE ROW LEVEL SECURITY;

DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_folders_select_own' AND tablename = 'user_folders') THEN
    CREATE POLICY "user_folders_select_own" ON user_folders FOR SELECT TO authenticated USING (user_id = auth.uid() OR is_public = true);
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_folders_insert_own' AND tablename = 'user_folders') THEN
    CREATE POLICY "user_folders_insert_own" ON user_folders FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_folders_update_own' AND tablename = 'user_folders') THEN
    CREATE POLICY "user_folders_update_own" ON user_folders FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_folders_delete_own' AND tablename = 'user_folders') THEN
    CREATE POLICY "user_folders_delete_own" ON user_folders FOR DELETE TO authenticated USING (user_id = auth.uid());
  END IF;
END $$;
[V0_FILE]sql:file="scripts/031-create-user-bookmarks.sql" isMerged="true"
-- 031: Create user_bookmarks table with polymorphic references

DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_type WHERE typname = 'bookmark_type') THEN
    CREATE TYPE bookmark_type AS ENUM ('hadith', 'story_part', 'sahabi', 'collection');
  END IF;
END $$;

CREATE TABLE IF NOT EXISTS public.user_bookmarks (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  item_type bookmark_type NOT NULL,
  item_id text NOT NULL,
  bookmarked_at timestamptz NOT NULL DEFAULT now(),
  last_accessed_at timestamptz,
  access_count int DEFAULT 0,
  folder_id uuid REFERENCES public.user_folders(id) ON DELETE SET NULL,
  tags text[] DEFAULT '{}',
  CONSTRAINT unique_user_bookmark UNIQUE (user_id, item_type, item_id)
);

CREATE INDEX IF NOT EXISTS user_bookmarks_user_id_idx ON user_bookmarks(user_id);
CREATE INDEX IF NOT EXISTS user_bookmarks_item_type_idx ON user_bookmarks(item_type);
CREATE INDEX IF NOT EXISTS user_bookmarks_folder_id_idx ON user_bookmarks(folder_id);
CREATE INDEX IF NOT EXISTS user_bookmarks_bookmarked_at_idx ON user_bookmarks(bookmarked_at DESC);

ALTER TABLE user_bookmarks ENABLE ROW LEVEL SECURITY;

DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_bookmarks_select_own' AND tablename = 'user_bookmarks') THEN
    CREATE POLICY "user_bookmarks_select_own" ON user_bookmarks FOR SELECT TO authenticated USING (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_bookmarks_insert_own' AND tablename = 'user_bookmarks') THEN
    CREATE POLICY "user_bookmarks_insert_own" ON user_bookmarks FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_bookmarks_update_own' AND tablename = 'user_bookmarks') THEN
    CREATE POLICY "user_bookmarks_update_own" ON user_bookmarks FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_bookmarks_delete_own' AND tablename = 'user_bookmarks') THEN
    CREATE POLICY "user_bookmarks_delete_own" ON user_bookmarks FOR DELETE TO authenticated USING (user_id = auth.uid());
  END IF;
END $$;

-- Trigger: Update folder item_count
CREATE OR REPLACE FUNCTION update_folder_item_count()
RETURNS trigger AS $$
BEGIN
  IF TG_OP = 'INSERT' AND NEW.folder_id IS NOT NULL THEN
    UPDATE user_folders SET item_count = item_count + 1 WHERE id = NEW.folder_id;
  ELSIF TG_OP = 'DELETE' AND OLD.folder_id IS NOT NULL THEN
    UPDATE user_folders SET item_count = item_count - 1 WHERE id = OLD.folder_id;
  ELSIF TG_OP = 'UPDATE' AND NEW.folder_id IS DISTINCT FROM OLD.folder_id THEN
    IF OLD.folder_id IS NOT NULL THEN
      UPDATE user_folders SET item_count = item_count - 1 WHERE id = OLD.folder_id;
    END IF;
    IF NEW.folder_id IS NOT NULL THEN
      UPDATE user_folders SET item_count = item_count + 1 WHERE id = NEW.folder_id;
    END IF;
  END IF;
  IF TG_OP = 'DELETE' THEN RETURN OLD; END IF;
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

DROP TRIGGER IF EXISTS user_bookmarks_folder_count_trigger ON user_bookmarks;
CREATE TRIGGER user_bookmarks_folder_count_trigger
AFTER INSERT OR UPDATE OR DELETE ON user_bookmarks
FOR EACH ROW EXECUTE FUNCTION update_folder_item_count();
[V0_FILE]sql:file="scripts/032-create-user-notes.sql" isMerged="true"
-- 032: Create user_notes table

CREATE OR REPLACE FUNCTION set_updated_at()
RETURNS trigger AS $$
BEGIN
  NEW.updated_at = now();
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

CREATE TABLE IF NOT EXISTS public.user_notes (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  item_type bookmark_type NOT NULL,
  item_id text NOT NULL,
  note_text text NOT NULL,
  is_private boolean DEFAULT true,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  CONSTRAINT note_text_length CHECK (char_length(note_text) BETWEEN 1 AND 5000)
);

CREATE INDEX IF NOT EXISTS user_notes_user_id_idx ON user_notes(user_id);
CREATE INDEX IF NOT EXISTS user_notes_item_idx ON user_notes(item_type, item_id);

ALTER TABLE user_notes ENABLE ROW LEVEL SECURITY;

DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_notes_select_own' AND tablename = 'user_notes') THEN
    CREATE POLICY "user_notes_select_own" ON user_notes FOR SELECT TO authenticated USING (user_id = auth.uid() OR NOT is_private);
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_notes_insert_own' AND tablename = 'user_notes') THEN
    CREATE POLICY "user_notes_insert_own" ON user_notes FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_notes_update_own' AND tablename = 'user_notes') THEN
    CREATE POLICY "user_notes_update_own" ON user_notes FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_notes_delete_own' AND tablename = 'user_notes') THEN
    CREATE POLICY "user_notes_delete_own" ON user_notes FOR DELETE TO authenticated USING (user_id = auth.uid());
  END IF;
END $$;

DROP TRIGGER IF EXISTS set_user_notes_updated_at ON user_notes;
CREATE TRIGGER set_user_notes_updated_at BEFORE UPDATE ON user_notes FOR EACH ROW EXECUTE FUNCTION set_updated_at();
[V0_FILE]sql:file="scripts/033-create-achievements.sql" isMerged="true"
-- 033: Create achievements + user_achievements + user_stats + activity_log + seed achievements

-- Achievement category enum
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_type WHERE typname = 'achievement_category') THEN
    CREATE TYPE achievement_category AS ENUM ('learning', 'consistency', 'social', 'mastery', 'milestone');
  END IF;
END $$;

-- Achievements definition table
CREATE TABLE IF NOT EXISTS public.achievements (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text NOT NULL UNIQUE,
  name_en text NOT NULL,
  name_ar text,
  description_en text NOT NULL,
  description_ar text,
  icon text NOT NULL,
  category achievement_category NOT NULL,
  tier int DEFAULT 1,
  criteria jsonb NOT NULL,
  xp_reward int DEFAULT 0,
  is_active boolean DEFAULT true,
  display_order int DEFAULT 0,
  created_at timestamptz NOT NULL DEFAULT now()
);

CREATE INDEX IF NOT EXISTS achievements_category_idx ON achievements(category);
CREATE INDEX IF NOT EXISTS achievements_is_active_idx ON achievements(is_active) WHERE is_active = true;

ALTER TABLE achievements ENABLE ROW LEVEL SECURITY;
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'achievements_select_all' AND tablename = 'achievements') THEN
    CREATE POLICY "achievements_select_all" ON achievements FOR SELECT TO authenticated, anon USING (is_active = true);
  END IF;
END $$;

-- User achievements (unlocked)
CREATE TABLE IF NOT EXISTS public.user_achievements (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  achievement_id uuid NOT NULL REFERENCES public.achievements(id) ON DELETE CASCADE,
  unlocked_at timestamptz NOT NULL DEFAULT now(),
  progress jsonb,
  is_new boolean DEFAULT true,
  viewed_at timestamptz,
  CONSTRAINT unique_user_achievement UNIQUE (user_id, achievement_id)
);

CREATE INDEX IF NOT EXISTS user_achievements_user_id_idx ON user_achievements(user_id);
CREATE INDEX IF NOT EXISTS user_achievements_unlocked_at_idx ON user_achievements(unlocked_at DESC);
CREATE INDEX IF NOT EXISTS user_achievements_is_new_idx ON user_achievements(is_new) WHERE is_new = true;

ALTER TABLE user_achievements ENABLE ROW LEVEL SECURITY;
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_achievements_select_own' AND tablename = 'user_achievements') THEN
    CREATE POLICY "user_achievements_select_own" ON user_achievements FOR SELECT TO authenticated USING (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_achievements_insert_own' AND tablename = 'user_achievements') THEN
    CREATE POLICY "user_achievements_insert_own" ON user_achievements FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_achievements_update_own' AND tablename = 'user_achievements') THEN
    CREATE POLICY "user_achievements_update_own" ON user_achievements FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());
  END IF;
END $$;

-- User stats (centralized)
CREATE TABLE IF NOT EXISTS public.user_stats (
  user_id uuid PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE,
  hadith_read_count int DEFAULT 0,
  hadith_read_unique int DEFAULT 0,
  stories_completed int DEFAULT 0,
  total_read_time_minutes int DEFAULT 0,
  shares_count int DEFAULT 0,
  bookmarks_count int DEFAULT 0,
  notes_count int DEFAULT 0,
  current_streak_days int DEFAULT 0,
  longest_streak_days int DEFAULT 0,
  last_activity_date date,
  total_xp int DEFAULT 0,
  level int DEFAULT 1,
  achievements_unlocked int DEFAULT 0,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now()
);

CREATE INDEX IF NOT EXISTS user_stats_total_xp_idx ON user_stats(total_xp DESC);
CREATE INDEX IF NOT EXISTS user_stats_level_idx ON user_stats(level DESC);

ALTER TABLE user_stats ENABLE ROW LEVEL SECURITY;
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_stats_select_own' AND tablename = 'user_stats') THEN
    CREATE POLICY "user_stats_select_own" ON user_stats FOR SELECT TO authenticated USING (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_stats_insert_own' AND tablename = 'user_stats') THEN
    CREATE POLICY "user_stats_insert_own" ON user_stats FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_stats_update_own' AND tablename = 'user_stats') THEN
    CREATE POLICY "user_stats_update_own" ON user_stats FOR UPDATE TO authenticated USING (user_id = auth.uid()) WITH CHECK (user_id = auth.uid());
  END IF;
END $$;

-- Level calculation trigger
CREATE OR REPLACE FUNCTION update_user_level()
RETURNS trigger AS $$
BEGIN
  NEW.level := GREATEST(1, FLOOR(SQRT(NEW.total_xp / 100.0)) + 1);
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

DROP TRIGGER IF EXISTS update_user_level_trigger ON user_stats;
CREATE TRIGGER update_user_level_trigger BEFORE UPDATE OF total_xp ON user_stats FOR EACH ROW EXECUTE FUNCTION update_user_level();

-- Activity log for streak tracking
CREATE TABLE IF NOT EXISTS public.user_activity_log (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  activity_date date NOT NULL DEFAULT CURRENT_DATE,
  activity_type text NOT NULL,
  item_id text,
  created_at timestamptz NOT NULL DEFAULT now()
);

-- Use a unique index instead of constraint for ON CONFLICT support
CREATE UNIQUE INDEX IF NOT EXISTS unique_user_date_type_item ON user_activity_log(user_id, activity_date, activity_type, COALESCE(item_id, ''));

CREATE INDEX IF NOT EXISTS user_activity_log_user_id_idx ON user_activity_log(user_id);
CREATE INDEX IF NOT EXISTS user_activity_log_activity_date_idx ON user_activity_log(activity_date DESC);

ALTER TABLE user_activity_log ENABLE ROW LEVEL SECURITY;
DO $$ BEGIN
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_activity_log_select_own' AND tablename = 'user_activity_log') THEN
    CREATE POLICY "user_activity_log_select_own" ON user_activity_log FOR SELECT TO authenticated USING (user_id = auth.uid());
  END IF;
  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE policyname = 'user_activity_log_insert_own' AND tablename = 'user_activity_log') THEN
    CREATE POLICY "user_activity_log_insert_own" ON user_activity_log FOR INSERT TO authenticated WITH CHECK (user_id = auth.uid());
  END IF;
END $$;

-- Streak update trigger
CREATE OR REPLACE FUNCTION update_user_streak()
RETURNS trigger AS $$
DECLARE
  v_yesterday date;
  v_last_activity date;
  v_current_streak int;
BEGIN
  v_yesterday := CURRENT_DATE - INTERVAL '1 day';

SELECT last_activity_date, current_streak_days INTO v_last_activity, v_current_streak
  FROM user_stats WHERE user_id = NEW.user_id;

IF v_last_activity IS NULL THEN
    -- First activity ever: create stats row if needed, set streak to 1
    INSERT INTO user_stats (user_id, current_streak_days, longest_streak_days, last_activity_date)
    VALUES (NEW.user_id, 1, 1, CURRENT_DATE)
    ON CONFLICT (user_id) DO UPDATE SET
      current_streak_days = 1,
      longest_streak_days = GREATEST(user_stats.longest_streak_days, 1),
      last_activity_date = CURRENT_DATE,
      updated_at = now();
  ELSIF v_last_activity = CURRENT_DATE THEN
    -- Already counted today, do nothing
    NULL;
  ELSIF v_last_activity = v_yesterday THEN
    -- Streak continues
    UPDATE user_stats SET
      current_streak_days = v_current_streak + 1,
      longest_streak_days = GREATEST(longest_streak_days, v_current_streak + 1),
      last_activity_date = CURRENT_DATE,
      updated_at = now()
    WHERE user_id = NEW.user_id;
  ELSE
    -- Streak broken
    UPDATE user_stats SET
      current_streak_days = 1,
      last_activity_date = CURRENT_DATE,
      updated_at = now()
    WHERE user_id = NEW.user_id;
  END IF;

RETURN NEW;
END;
$$ LANGUAGE plpgsql;

DROP TRIGGER IF EXISTS update_user_streak_trigger ON user_activity_log;
CREATE TRIGGER update_user_streak_trigger AFTER INSERT ON user_activity_log FOR EACH ROW EXECUTE FUNCTION update_user_streak();

-- Helper RPC functions
CREATE OR REPLACE FUNCTION increment_user_xp(p_user_id uuid, p_xp_amount int)
RETURNS void AS $$
BEGIN
  INSERT INTO user_stats (user_id, total_xp, achievements_unlocked)
  VALUES (p_user_id, p_xp_amount, 1)
  ON CONFLICT (user_id) DO UPDATE SET
    total_xp = user_stats.total_xp + p_xp_amount,
    achievements_unlocked = user_stats.achievements_unlocked + 1,
    updated_at = now();
END;
$$ LANGUAGE plpgsql;

CREATE OR REPLACE FUNCTION increment_stat(p_user_id uuid, p_stat_name text)
RETURNS void AS $$
BEGIN
  -- Ensure user_stats row exists
  INSERT INTO user_stats (user_id) VALUES (p_user_id) ON CONFLICT (user_id) DO NOTHING;
  
  EXECUTE format(
    'UPDATE user_stats SET %I = %I + 1, updated_at = now() WHERE user_id = $1',
    p_stat_name, p_stat_name
  ) USING p_user_id;
END;
$$ LANGUAGE plpgsql;

-- Seed achievements
INSERT INTO achievements (slug, name_en, description_en, icon, category, tier, criteria, xp_reward, display_order) VALUES
-- Learning
('first_hadith', 'First Steps', 'Read your first hadith', '1', 'learning', 1, '{"type": "hadith_read_count", "threshold": 1}', 10, 1),
('hadith_explorer', 'Hadith Explorer', 'Read 10 hadiths', '2', 'learning', 1, '{"type": "hadith_read_count", "threshold": 10}', 50, 2),
('knowledge_seeker', 'Knowledge Seeker', 'Read 50 hadiths', '3', 'learning', 2, '{"type": "hadith_read_count", "threshold": 50}', 200, 3),
('scholar_in_training', 'Scholar in Training', 'Read 100 hadiths', '4', 'learning', 2, '{"type": "hadith_read_count", "threshold": 100}', 500, 4),
('hadith_master', 'Hadith Master', 'Read 500 hadiths', '5', 'learning', 3, '{"type": "hadith_read_count", "threshold": 500}', 2000, 5),
('first_note', 'Thoughtful Reader', 'Write your first note on a hadith', '6', 'learning', 1, '{"type": "notes_count", "threshold": 1}', 20, 6),
('note_taker', 'Note Taker', 'Write 10 notes', '7', 'learning', 2, '{"type": "notes_count", "threshold": 10}', 100, 7),
-- Consistency
('daily_devotion', 'Daily Devotion', 'Use the app 3 days in a row', '8', 'consistency', 1, '{"type": "streak_days", "threshold": 3}', 30, 10),
('weekly_warrior', 'Weekly Warrior', 'Use the app 7 days in a row', '9', 'consistency', 2, '{"type": "streak_days", "threshold": 7}', 100, 11),
('monthly_dedication', 'Monthly Dedication', 'Use the app 30 days in a row', '10', 'consistency', 3, '{"type": "streak_days", "threshold": 30}', 1000, 12),
('quarterly_scholar', 'Quarterly Scholar', 'Use the app 90 days in a row', '11', 'consistency', 4, '{"type": "streak_days", "threshold": 90}', 3000, 13),
-- Social
('first_share', 'First Share', 'Share a hadith or story', '12', 'social', 1, '{"type": "shares", "threshold": 1}', 20, 20),
('spreading_knowledge', 'Spreading Knowledge', 'Share 10 times', '13', 'social', 2, '{"type": "shares", "threshold": 10}', 150, 21),
('community_builder', 'Community Builder', 'Share 50 times', '14', 'social', 3, '{"type": "shares", "threshold": 50}', 500, 22),
-- Mastery
('story_complete', 'Story Complete', 'Complete a companion story', '15', 'mastery', 1, '{"type": "story_complete", "threshold": 1}', 100, 30),
('all_companions', 'All Companions', 'Complete all companion stories', '16', 'mastery', 3, '{"type": "all_stories_complete"}', 1000, 31),
('first_bookmark', 'Collector', 'Save your first hadith', '17', 'mastery', 1, '{"type": "bookmarks_count", "threshold": 1}', 10, 32),
('avid_collector', 'Avid Collector', 'Save 25 hadiths', '18', 'mastery', 2, '{"type": "bookmarks_count", "threshold": 25}', 200, 33),
('master_curator', 'Master Curator', 'Save 100 hadiths', '19', 'mastery', 3, '{"type": "bookmarks_count", "threshold": 100}', 500, 34),
-- Milestones
('early_adopter', 'Early Adopter', 'Join in the first month', '20', 'milestone', 2, '{"type": "account_age_before", "date": "2026-04-01"}', 200, 40),
('ramadan_2026', 'Ramadan 2026', 'Use the app during Ramadan 2026', '21', 'milestone', 2, '{"type": "active_during_ramadan", "year": 2026}', 500, 41)
ON CONFLICT (slug) DO NOTHING;
[V0_FILE]javascript:file="scripts/034-fix-collection-hadiths-links.js" isMerged="true"
#!/usr/bin/env node

/**
 * Fix collection_hadiths that have NULL book_id / chapter_id.
 * For each collection, looks up the hadith_number ranges per book (from CDN metadata),
 * then assigns the correct book_id and chapter_id.
 * Also re-counts chapter/book totals.
 */

import { createClient } from "@supabase/supabase-js";

const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
const SUPABASE_KEY = process.env.SUPABASE_SERVICE_ROLE_KEY;

if (!SUPABASE_URL || !SUPABASE_KEY) {
  console.error("Missing SUPABASE env vars");
  process.exit(1);
}

const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
const CDN = "https://cdn.jsdelivr.net/gh/fawazahmed0/hadith-api@1/editions";

const COLLECTIONS_MAP = {
  "sahih-bukhari": "eng-bukhari",
  "sahih-muslim": "eng-muslim",
  "jami-tirmidhi": "eng-tirmidhi",
  "sunan-abu-dawud": "eng-abudawud",
  "sunan-nasai": "eng-nasai",
  "sunan-ibn-majah": "eng-ibnmajah",
  "muwatta-malik": "eng-malik",
  "musnad-ahmad": "eng-ahmad",
};

async function fetchJSON(url) {
  try {
    const r = await fetch(url);
    if (!r.ok) return null;
    return await r.json();
  } catch { return null; }
}

async function fixCollection(slug) {
  console.log(`\n===== Fixing: ${slug} =====`);

// Get collection
  const { data: coll } = await supabase.from("collections").select("id").eq("slug", slug).single();
  if (!coll) { console.log("  Collection not found"); return; }

// Count NULL links
  const { count: nullCount } = await supabase
    .from("collection_hadiths")
    .select("id", { count: "exact", head: true })
    .eq("collection_id", coll.id)
    .is("book_id", null);

console.log(`  NULL book_id links: ${nullCount}`);
  if (!nullCount || nullCount === 0) {
    console.log("  No NULL links to fix");
    return;
  }

// Get all books for this collection, ordered by number
  const { data: books } = await supabase
    .from("books")
    .select("id, number, name_en")
    .eq("collection_id", coll.id)
    .order("number");

if (!books?.length) {
    console.log("  No books found - creating books from CDN sections...");
    // Fetch section metadata to create books
    const cdnKey = COLLECTIONS_MAP[slug];
    if (!cdnKey) { console.log("  No CDN key for " + slug); return; }

const engData = await fetchJSON(`${CDN}/${cdnKey}.json`);
    if (!engData?.hadiths?.length) { console.log("  Failed to fetch CDN data"); return; }

// Group hadiths by section (book_number equivalent)
    const sectionMap = new Map();
    for (const h of engData.hadiths) {
      const ref = h.reference;
      const bookNum = ref?.book || 1;
      if (!sectionMap.has(bookNum)) sectionMap.set(bookNum, []);
      sectionMap.get(bookNum).push(h.hadithnumber);
    }

// Create books and chapters
    for (const [bookNum, hadithNums] of sectionMap) {
      const sectionName = engData.metadata?.section?.[String(bookNum)] || `Book ${bookNum}`;
      const { data: newBook } = await supabase.from("books").insert({
        collection_id: coll.id, name_en: sectionName, name_ar: "", number: bookNum,
        total_hadiths: hadithNums.length, total_chapters: 1, sort_order: bookNum,
      }).select("id").single();

if (newBook) {
        const { data: newCh } = await supabase.from("chapters").insert({
          book_id: newBook.id, name_en: sectionName, name_ar: "", number: 1,
          total_hadiths: hadithNums.length, sort_order: 1,
        }).select("id").single();

if (newCh) {
          // Update collection_hadiths for these hadith numbers
          for (let i = 0; i < hadithNums.length; i += 200) {
            const batch = hadithNums.slice(i, i + 200);
            await supabase.from("collection_hadiths")
              .update({ book_id: newBook.id, chapter_id: newCh.id })
              .eq("collection_id", coll.id)
              .in("hadith_number", batch)
              .is("book_id", null);
          }
        }
      }
    }
    console.log(`  Created ${sectionMap.size} books with chapters`);
    return;
  }

// We have books. Build a hadith_number -> book mapping from the CDN.
  const cdnKey = COLLECTIONS_MAP[slug];
  if (!cdnKey) { console.log("  No CDN key for " + slug); return; }

console.log("  Fetching CDN section data for hadith-to-book mapping...");

// For each book number, try to fetch the section data to get hadith number ranges
  let fixed = 0;
  for (const book of books) {
    // Get or create a chapter for this book
    let { data: chapters } = await supabase
      .from("chapters")
      .select("id")
      .eq("book_id", book.id)
      .limit(1);

let chapterId;
    if (chapters?.length) {
      chapterId = chapters[0].id;
    } else {
      const { data: newCh } = await supabase.from("chapters").insert({
        book_id: book.id, name_en: book.name_en || `Book ${book.number}`, name_ar: "",
        number: 1, total_hadiths: 0, sort_order: 1,
      }).select("id").single();
      chapterId = newCh?.id;
    }

if (!chapterId) continue;

// Fetch section from CDN to get hadith numbers for this book
    const secData = await fetchJSON(`${CDN}/${cdnKey}/${book.number}.min.json`);
    if (!secData?.hadiths?.length) continue;

const hadithNums = secData.hadiths.map(h => h.hadithnumber).filter(n => Number.isInteger(n));
    if (!hadithNums.length) continue;

// Update collection_hadiths in batches
    for (let i = 0; i < hadithNums.length; i += 200) {
      const batch = hadithNums.slice(i, i + 200);
      const { count } = await supabase.from("collection_hadiths")
        .update({ book_id: book.id, chapter_id: chapterId })
        .eq("collection_id", coll.id)
        .in("hadith_number", batch)
        .is("book_id", null)
        .select("id", { count: "exact", head: true });
      fixed += (count || 0);
    }

// Update chapter total
    const { count: chCount } = await supabase.from("collection_hadiths")
      .select("id", { count: "exact", head: true })
      .eq("chapter_id", chapterId);
    if (chCount !== null) {
      await supabase.from("chapters").update({ total_hadiths: chCount }).eq("id", chapterId);
    }

// Update book total
    const { count: bkCount } = await supabase.from("collection_hadiths")
      .select("id", { count: "exact", head: true })
      .eq("book_id", book.id);
    if (bkCount !== null) {
      await supabase.from("books").update({ total_hadiths: bkCount }).eq("id", book.id);
    }

process.stdout.write(`  [Book ${book.number}: ${hadithNums.length} hadiths]\n`);
  }

console.log(`  Fixed ${fixed} links`);

// Final: check remaining NULLs
  const { count: remaining } = await supabase
    .from("collection_hadiths")
    .select("id", { count: "exact", head: true })
    .eq("collection_id", coll.id)
    .is("book_id", null);
  console.log(`  Remaining NULL links: ${remaining}`);
}

async function main() {
  console.log("Fixing collection_hadiths NULL book/chapter links...\n");
  const target = process.argv[2];

if (target) {
    await fixCollection(target);
  } else {
    for (const slug of Object.keys(COLLECTIONS_MAP)) {
      await fixCollection(slug);
    }
  }

console.log("\nDone!");
}

main().catch(console.error);
[V0_FILE]javascript:file="scripts/035-diagnose-empty-chapters.js" isMerged="true"
import { createClient } from "@supabase/supabase-js";

const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
const SUPABASE_KEY = process.env.SUPABASE_SERVICE_ROLE_KEY;
const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);

async function main() {
  // Check Sunan Abu Dawud specifically
  const { data: coll } = await supabase
    .from("collections")
    .select("id")
    .eq("slug", "sunan-abu-dawud")
    .single();
  
  if (!coll) { console.log("Collection not found"); return; }
  console.log("Collection ID:", coll.id);

// Get books
  const { data: books } = await supabase
    .from("books")
    .select("id, number, name_en, total_hadiths")
    .eq("collection_id", coll.id)
    .order("number")
    .limit(15);
  
  console.log("\nBooks (first 15):");
  for (const b of books) {
    console.log(`  Book ${b.number}: "${b.name_en}" (${b.total_hadiths} hadiths)`);
    
    // Get chapters for this book
    const { data: chapters } = await supabase
      .from("chapters")
      .select("id, number, name_en, total_hadiths")
      .eq("book_id", b.id)
      .order("number")
      .limit(12);
    
    for (const ch of chapters) {
      // Count actual collection_hadiths links
      const { count } = await supabase
        .from("collection_hadiths")
        .select("id", { count: "exact", head: true })
        .eq("chapter_id", ch.id);
      
      // Get a sample hadith from this chapter
      const { data: sampleLinks } = await supabase
        .from("collection_hadiths")
        .select("hadith_id, hadith_number")
        .eq("chapter_id", ch.id)
        .limit(2);
      
      let sampleContent = "no links";
      if (sampleLinks?.length) {
        const { data: hData } = await supabase
          .from("hadiths")
          .select("id, english_translation, arabic_text")
          .eq("id", sampleLinks[0].hadith_id)
          .single();
        
        if (hData) {
          const engLen = hData.english_translation?.length || 0;
          const arLen = hData.arabic_text?.length || 0;
          sampleContent = `eng=${engLen}chars, ar=${arLen}chars`;
        } else {
          sampleContent = "hadith NOT FOUND in hadiths table";
        }
      }
      
      console.log(`    Ch ${ch.number}: "${ch.name_en}" total_hadiths=${ch.total_hadiths}, actual_links=${count}, sample=[${sampleContent}]`);
    }
  }

// Count all hadiths with empty english_translation for this collection
  const { data: emptyHadiths } = await supabase
    .from("collection_hadiths")
    .select("hadith_id")
    .eq("collection_id", coll.id)
    .limit(10);
  
  if (emptyHadiths?.length) {
    const ids = emptyHadiths.map(h => h.hadith_id);
    const { data: hds } = await supabase
      .from("hadiths")
      .select("id, english_translation, arabic_text")
      .in("id", ids);
    
    const empty = hds?.filter(h => !h.english_translation || h.english_translation.length < 10);
    console.log(`\nSample: ${empty?.length || 0} out of ${hds?.length} hadiths have empty/short english_translation`);
  }

// Overall stats
  const { count: totalLinks } = await supabase
    .from("collection_hadiths")
    .select("id", { count: "exact", head: true })
    .eq("collection_id", coll.id);
  
  console.log(`\nTotal collection_hadiths links for Abu Dawud: ${totalLinks}`);
}

main().catch(console.error);
[V0_FILE]sql:file="scripts/035-diagnose-empty-chapters.sql" isMerged="true"
-- Diagnostic: check why chapters show empty in Sunan Abu Dawud

-- 1. Count collection_hadiths with NULL book_id for Abu Dawud
SELECT 'NULL book_id links' as check_name, count(*) as cnt
FROM collection_hadiths ch
JOIN collections c ON c.id = ch.collection_id
WHERE c.slug = 'sunan-abu-dawud' AND ch.book_id IS NULL;

-- 2. Count total links for Abu Dawud
SELECT 'Total Abu Dawud links' as check_name, count(*) as cnt
FROM collection_hadiths ch
JOIN collections c ON c.id = ch.collection_id
WHERE c.slug = 'sunan-abu-dawud';

-- 3. Show chapters in Book 10 of Abu Dawud with their actual linked hadith count
SELECT ch.id, ch.number as chapter_num, ch.name_en, ch.total_hadiths as stored_count,
  (SELECT count(*) FROM collection_hadiths cl WHERE cl.chapter_id = ch.id) as actual_links,
  (SELECT count(*) FROM collection_hadiths cl 
   JOIN hadiths h ON h.id = cl.hadith_id 
   WHERE cl.chapter_id = ch.id AND (h.english_translation IS NULL OR h.english_translation = '')) as empty_translations
FROM chapters ch
JOIN books b ON b.id = ch.book_id
JOIN collections c ON c.id = b.collection_id
WHERE c.slug = 'sunan-abu-dawud' AND b.number = 10
ORDER BY ch.number
LIMIT 15;

-- 4. Sample: get 3 hadiths from chapter 5 of book 10 Abu Dawud
SELECT h.id, h.hadith_number, length(h.english_translation) as eng_len, length(h.arabic_text) as ar_len,
  left(h.english_translation, 80) as eng_preview
FROM collection_hadiths cl
JOIN hadiths h ON h.id = cl.hadith_id
JOIN chapters ch ON ch.id = cl.chapter_id
JOIN books b ON b.id = ch.book_id
JOIN collections c ON c.id = b.collection_id
WHERE c.slug = 'sunan-abu-dawud' AND b.number = 10 AND ch.number = 5
LIMIT 5;

-- 5. Count hadiths that have empty english_translation overall
SELECT 'Hadiths with empty english_translation' as check_name, count(*) as cnt
FROM hadiths WHERE english_translation IS NULL OR english_translation = '';

-- 6. Count hadiths that have empty arabic_text overall  
SELECT 'Hadiths with empty arabic_text' as check_name, count(*) as cnt
FROM hadiths WHERE arabic_text IS NULL OR arabic_text = '';
[V0_FILE]sql:file="scripts/036-fix-empty-chapters-and-arabic.sql" isMerged="true"
-- Fix 1: Delete chapters that have 0 actual collection_hadiths links
-- These are ghost chapters created by a seed script with fake counts

DELETE FROM chapters
WHERE id IN (
  SELECT ch.id
  FROM chapters ch
  LEFT JOIN collection_hadiths cl ON cl.chapter_id = ch.id
  GROUP BY ch.id
  HAVING count(cl.id) = 0
);

-- Fix 2: Update remaining chapter total_hadiths to match actual link count
UPDATE chapters
SET total_hadiths = sub.actual_count
FROM (
  SELECT ch.id, count(cl.id) as actual_count
  FROM chapters ch
  LEFT JOIN collection_hadiths cl ON cl.chapter_id = ch.id
  GROUP BY ch.id
) sub
WHERE chapters.id = sub.id AND chapters.total_hadiths != sub.actual_count;

-- Fix 3: Update book total_hadiths to match actual links
UPDATE books
SET total_hadiths = sub.actual_count
FROM (
  SELECT b.id, count(cl.id) as actual_count
  FROM books b
  LEFT JOIN collection_hadiths cl ON cl.book_id = b.id
  GROUP BY b.id
) sub
WHERE books.id = sub.id AND books.total_hadiths != sub.actual_count;

-- Fix 4: Update book total_chapters to match actual chapter count
UPDATE books
SET total_chapters = sub.ch_count
FROM (
  SELECT b.id, count(ch.id) as ch_count
  FROM books b
  LEFT JOIN chapters ch ON ch.book_id = b.id
  GROUP BY b.id
) sub
WHERE books.id = sub.id AND books.total_chapters != sub.ch_count;

-- Fix 5: Update collection total_hadiths
UPDATE collections
SET total_hadiths = sub.actual_count
FROM (
  SELECT c.id, count(cl.id) as actual_count
  FROM collections c
  LEFT JOIN collection_hadiths cl ON cl.collection_id = c.id
  GROUP BY c.id
) sub
WHERE collections.id = sub.id AND collections.total_hadiths != sub.actual_count;

-- Fix 6: Update collection total_books
UPDATE collections
SET total_books = sub.book_count
FROM (
  SELECT c.id, count(DISTINCT b.id) as book_count
  FROM collections c
  LEFT JOIN books b ON b.collection_id = c.id
  GROUP BY c.id
) sub
WHERE collections.id = sub.id AND collections.total_books != sub.book_count;
[V0_FILE]sql:file="scripts/037-seed-famous-hadith-enrichments.sql" isMerged="true"
-- ============================================
-- PHASE 1: Seed 21 famous hadith enrichments
-- Across all 7 categories (3 per category)
-- Uses service role to bypass RLS
-- ============================================

-- First, find hadiths by their well-known text snippets and assign enrichments.
-- We search by english_translation ILIKE to find the right hadith row.

-- Helper: Create a temp table for our manual enrichments
CREATE TEMP TABLE manual_enrichments (
  search_text text,
  summary_line text,
  category_slug text,
  tag_slugs text[],
  confidence numeric
);

INSERT INTO manual_enrichments VALUES
-- WORSHIP (3)
('actions are judged by intentions', 'Actions are judged by their intentions', 'knowledge', ARRAY['intention', 'faith'], 0.99),
('five pillars', 'Islam is built upon five pillars', 'worship', ARRAY['prayer', 'fasting', 'charity', 'pilgrimage'], 0.99),
('pray as you have seen me pray', 'Pray as you have seen me praying', 'worship', ARRAY['prayer'], 0.95),

-- CHARACTER (3)
('none of you truly believes until he loves for his brother', 'Love for your brother what you love for yourself', 'character', ARRAY['brotherhood', 'kindness'], 0.99),
('best of you are those who have the best character', 'The best people have the best character', 'character', ARRAY['kindness', 'humility'], 0.98),
('whoever believes in allah and the last day should speak good', 'Speak good or remain silent', 'character', ARRAY['speech', 'faith'], 0.97),

-- FAMILY (3)
('paradise lies at the feet of mothers', 'Paradise lies at the feet of your mother', 'family', ARRAY['parents'], 0.99),
('best of you are the best to their wives', 'The best of you are best to their families', 'family', ARRAY['marriage'], 0.98),
('whoever severs the bond of kinship', 'Maintain family ties to enter Paradise', 'family', ARRAY['relatives'], 0.95),

-- DAILY LIFE (3)
('cleanliness is half of faith', 'Cleanliness is half of faith', 'daily-life', ARRAY['cleanliness', 'faith'], 0.99),
('spread the greeting of peace', 'Spread peace and feed others', 'daily-life', ARRAY['greetings', 'food'], 0.96),
('part of someone''s being a good muslim is leaving alone', 'Leave what does not concern you', 'daily-life', ARRAY['speech'], 0.95),

-- KNOWLEDGE (3)
('seeking knowledge is an obligation', 'Seeking knowledge is obligatory for every Muslim', 'knowledge', ARRAY['seeking-knowledge'], 0.99),
('whoever follows a path to seek knowledge', 'Allah eases the path to Paradise for seekers of knowledge', 'knowledge', ARRAY['seeking-knowledge', 'paradise'], 0.98),
('convey from me, even if it is one verse', 'Share knowledge even if a single verse', 'knowledge', ARRAY['seeking-knowledge'], 0.96),

-- COMMUNITY (3)
('help your brother whether he is an oppressor or oppressed', 'Help your brother in justice', 'community', ARRAY['justice', 'brotherhood'], 0.97),
('muslims are like one body', 'The Muslim community is like one body', 'community', ARRAY['brotherhood', 'rights'], 0.98),
('whoever cheats is not one of us', 'Do not cheat or deceive others', 'community', ARRAY['justice', 'rights'], 0.95),

-- AFTERLIFE (3)
('remember often the destroyer of pleasures', 'Remember death frequently', 'afterlife', ARRAY['death'], 0.98),
('the grave is the first stage of the hereafter', 'The grave is the first stage of the afterlife', 'afterlife', ARRAY['death', 'judgment'], 0.96),
('paradise is surrounded by hardships', 'Paradise is surrounded by difficulties', 'afterlife', ARRAY['paradise'], 0.97);

-- Now insert enrichments for matching hadiths
DO $$
DECLARE
  rec RECORD;
  found_hadith_id uuid;
  found_cat_id uuid;
  enrichment_id uuid;
  tag_slug text;
  found_tag_id uuid;
  inserted_count int := 0;
BEGIN
  FOR rec IN SELECT * FROM manual_enrichments LOOP
    -- Find a hadith matching the search text
    SELECT id INTO found_hadith_id
    FROM hadiths
    WHERE LOWER(english_translation) LIKE '%' || rec.search_text || '%'
    LIMIT 1;

IF found_hadith_id IS NULL THEN
      RAISE NOTICE 'No hadith found for: %', rec.search_text;
      CONTINUE;
    END IF;

-- Find the category
    SELECT id INTO found_cat_id
    FROM categories
    WHERE slug = rec.category_slug;

IF found_cat_id IS NULL THEN
      RAISE NOTICE 'No category found for: %', rec.category_slug;
      CONTINUE;
    END IF;

-- Insert enrichment (skip if already exists)
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, rec.summary_line, found_cat_id, 'published', rec.confidence, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING
    RETURNING id INTO enrichment_id;

IF enrichment_id IS NULL THEN
      RAISE NOTICE 'Enrichment already exists for: %', rec.summary_line;
      CONTINUE;
    END IF;

-- Insert tags
    FOREACH tag_slug IN ARRAY rec.tag_slugs LOOP
      SELECT id INTO found_tag_id FROM tags WHERE slug = tag_slug;
      IF found_tag_id IS NOT NULL THEN
        INSERT INTO hadith_tags (hadith_id, tag_id, enrichment_id, status)
        VALUES (found_hadith_id, found_tag_id, enrichment_id, 'published')
        ON CONFLICT (hadith_id, tag_id) DO NOTHING;
      END IF;
    END LOOP;

inserted_count := inserted_count + 1;
    RAISE NOTICE 'Enriched: %', rec.summary_line;
  END LOOP;

RAISE NOTICE 'Total enrichments inserted: %', inserted_count;
END $$;

-- Show results
SELECT
  c.name_en as category,
  COUNT(he.id) as published_count
FROM categories c
LEFT JOIN hadith_enrichment he ON c.id = he.category_id AND he.status = 'published'
GROUP BY c.name_en, c.display_order
ORDER BY c.display_order;

DROP TABLE manual_enrichments;
[V0_FILE]sql:file="scripts/038-seed-more-enrichments.sql" isMerged="true"
-- ============================================
-- PHASE 1b: Broader search for famous hadith enrichments
-- Uses shorter, more common phrases to find matches
-- ============================================

-- Find what's NOT yet enriched and try broader terms
-- First let's see what we have:
-- SELECT COUNT(*) FROM hadith_enrichment WHERE status = 'published';

-- Try broader searches for remaining categories
DO $$
DECLARE
  found_hadith_id uuid;
  found_cat_id uuid;
  enrichment_id uuid;
  found_tag_id uuid;
  inserted_count int := 0;
BEGIN

-- WORSHIP: Search for prayer-related hadiths
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%prayer is the pillar%'
        OR LOWER(h.english_translation) LIKE '%establish the prayer%'
        OR LOWER(h.english_translation) LIKE '%five daily prayers%'
        OR LOWER(h.english_translation) LIKE '%fasting in ramadan%'
        OR LOWER(h.english_translation) LIKE '%whoever fasts ramadan%'
        OR LOWER(h.english_translation) LIKE '%hajj mabrur%'
        OR LOWER(h.english_translation) LIKE '%pilgrimage to the house%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'worship';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Virtue of worship and devotion', found_cat_id, 'published', 0.90, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- FAMILY: parents, marriage, children
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%your mother%'
        OR LOWER(h.english_translation) LIKE '%kind to parents%'
        OR LOWER(h.english_translation) LIKE '%good to his wife%'
        OR LOWER(h.english_translation) LIKE '%treat women%'
        OR LOWER(h.english_translation) LIKE '%ties of kinship%'
        OR LOWER(h.english_translation) LIKE '%rights of the neighbor%'
        OR LOWER(h.english_translation) LIKE '%dutiful to his parents%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'family';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Family bonds and responsibilities', found_cat_id, 'published', 0.90, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- KNOWLEDGE: seeking knowledge, quran
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%seek knowledge%'
        OR LOWER(h.english_translation) LIKE '%learned and a student%'
        OR LOWER(h.english_translation) LIKE '%recite the quran%'
        OR LOWER(h.english_translation) LIKE '%scholar%'
        OR LOWER(h.english_translation) LIKE '%who learns%'
        OR LOWER(h.english_translation) LIKE '%people of knowledge%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'knowledge';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Pursuit of knowledge and faith', found_cat_id, 'published', 0.90, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- CHARACTER: patience, honesty, kindness
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%patience%'
        OR LOWER(h.english_translation) LIKE '%truthful%'
        OR LOWER(h.english_translation) LIKE '%forgiving%'
        OR LOWER(h.english_translation) LIKE '%gentle%'
        OR LOWER(h.english_translation) LIKE '%soft-hearted%'
        OR LOWER(h.english_translation) LIKE '%modest%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'character';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Noble character and moral conduct', found_cat_id, 'published', 0.88, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- DAILY LIFE: eating, greeting, cleanliness
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%salam%'
        OR LOWER(h.english_translation) LIKE '%bismillah%'
        OR LOWER(h.english_translation) LIKE '%right hand%eat%'
        OR LOWER(h.english_translation) LIKE '%miswak%'
        OR LOWER(h.english_translation) LIKE '%ablution%'
        OR LOWER(h.english_translation) LIKE '%cleanliness%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'daily-life';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Daily conduct and proper etiquette', found_cat_id, 'published', 0.88, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- COMMUNITY: justice, brotherhood
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%justice%'
        OR LOWER(h.english_translation) LIKE '%oppressor%'
        OR LOWER(h.english_translation) LIKE '%rights%'
        OR LOWER(h.english_translation) LIKE '%leader%'
        OR LOWER(h.english_translation) LIKE '%ruler%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'community';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'Community responsibility and justice', found_cat_id, 'published', 0.88, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

-- AFTERLIFE: death, paradise, hellfire
  FOR found_hadith_id IN
    SELECT h.id FROM hadiths h
    LEFT JOIN hadith_enrichment he ON h.id = he.hadith_id
    WHERE he.id IS NULL
      AND h.english_translation IS NOT NULL
      AND h.english_translation != ''
      AND (
        LOWER(h.english_translation) LIKE '%day of judgment%'
        OR LOWER(h.english_translation) LIKE '%paradise%'
        OR LOWER(h.english_translation) LIKE '%hellfire%'
        OR LOWER(h.english_translation) LIKE '%resurrection%'
        OR LOWER(h.english_translation) LIKE '%grave%'
        OR LOWER(h.english_translation) LIKE '%hereafter%'
      )
    LIMIT 5
  LOOP
    SELECT id INTO found_cat_id FROM categories WHERE slug = 'afterlife';
    INSERT INTO hadith_enrichment (hadith_id, summary_line, category_id, status, confidence, suggested_by, published_at)
    VALUES (found_hadith_id, 'The afterlife and spiritual reality', found_cat_id, 'published', 0.88, 'manual_seed', now())
    ON CONFLICT (hadith_id) DO NOTHING;
    inserted_count := inserted_count + 1;
  END LOOP;

RAISE NOTICE 'Additional enrichments attempted: %', inserted_count;
END $$;

-- Show final results
SELECT
  c.name_en as category,
  c.icon,
  COUNT(he.id) as published_count
FROM categories c
LEFT JOIN hadith_enrichment he ON c.id = he.category_id AND he.status = 'published'
GROUP BY c.name_en, c.icon, c.display_order
ORDER BY c.display_order;
[V0_FILE]sql:file="scripts/039-create-rpc-functions.sql" isMerged="true"
-- Create RPC functions for gamification

-- increment_user_xp: Adds XP to user_stats
CREATE OR REPLACE FUNCTION increment_user_xp(p_user_id uuid, p_xp_amount int)
RETURNS void AS $$
BEGIN
  INSERT INTO user_stats (user_id, total_xp)
  VALUES (p_user_id, p_xp_amount)
  ON CONFLICT (user_id) DO UPDATE
  SET total_xp = user_stats.total_xp + p_xp_amount,
      updated_at = now();
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- increment_stat: Increment a named stat on user_stats
CREATE OR REPLACE FUNCTION increment_stat(p_user_id uuid, p_stat_name text)
RETURNS void AS $$
BEGIN
  -- Dynamic column update using CASE to prevent SQL injection
  INSERT INTO user_stats (user_id)
  VALUES (p_user_id)
  ON CONFLICT (user_id) DO NOTHING;

EXECUTE format(
    'UPDATE user_stats SET %I = COALESCE(%I, 0) + 1, updated_at = now() WHERE user_id = $1',
    p_stat_name, p_stat_name
  ) USING p_user_id;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- update_streak: Called to update streak when activity is logged
CREATE OR REPLACE FUNCTION update_user_streak()
RETURNS TRIGGER AS $$
DECLARE
  v_last_active date;
  v_current_streak int;
  v_longest_streak int;
BEGIN
  SELECT last_active_date, current_streak_days, longest_streak_days
  INTO v_last_active, v_current_streak, v_longest_streak
  FROM user_stats
  WHERE user_id = NEW.user_id;

IF NOT FOUND THEN
    INSERT INTO user_stats (user_id, current_streak_days, longest_streak_days, last_active_date)
    VALUES (NEW.user_id, 1, 1, CURRENT_DATE);
    RETURN NEW;
  END IF;

-- If already active today, no change
  IF v_last_active = CURRENT_DATE THEN
    RETURN NEW;
  END IF;

-- If active yesterday, increment streak
  IF v_last_active = CURRENT_DATE - 1 THEN
    v_current_streak := v_current_streak + 1;
  ELSE
    -- Streak broken, reset to 1
    v_current_streak := 1;
  END IF;

-- Update longest streak
  IF v_current_streak > v_longest_streak THEN
    v_longest_streak := v_current_streak;
  END IF;

UPDATE user_stats
  SET current_streak_days = v_current_streak,
      longest_streak_days = v_longest_streak,
      last_active_date = CURRENT_DATE,
      updated_at = now()
  WHERE user_id = NEW.user_id;

RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create trigger on user_activity_log to auto-update streaks
DROP TRIGGER IF EXISTS trigger_update_streak ON user_activity_log;
CREATE TRIGGER trigger_update_streak
AFTER INSERT ON user_activity_log
FOR EACH ROW EXECUTE FUNCTION update_user_streak();

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION increment_user_xp TO authenticated;
GRANT EXECUTE ON FUNCTION increment_stat TO authenticated;
[V0_FILE]sql:file="scripts/040-rls-user-stats.sql" isMerged="true"
-- Ensure RLS policies on user_stats
ALTER TABLE user_stats ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "Users read own stats" ON user_stats;
CREATE POLICY "Users read own stats" ON user_stats
  FOR SELECT USING (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users insert own stats" ON user_stats;
CREATE POLICY "Users insert own stats" ON user_stats
  FOR INSERT WITH CHECK (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users update own stats" ON user_stats;
CREATE POLICY "Users update own stats" ON user_stats
  FOR UPDATE USING (auth.uid() = user_id);

-- Ensure RLS on user_activity_log
ALTER TABLE user_activity_log ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "Users insert own activity" ON user_activity_log;
CREATE POLICY "Users insert own activity" ON user_activity_log
  FOR INSERT WITH CHECK (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users read own activity" ON user_activity_log;
CREATE POLICY "Users read own activity" ON user_activity_log
  FOR SELECT USING (auth.uid() = user_id);

-- Ensure RLS on user_achievements
ALTER TABLE user_achievements ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "Users read own achievements" ON user_achievements;
CREATE POLICY "Users read own achievements" ON user_achievements
  FOR SELECT USING (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users insert own achievements" ON user_achievements;
CREATE POLICY "Users insert own achievements" ON user_achievements
  FOR INSERT WITH CHECK (auth.uid() = user_id);

-- achievements table is readable by all authenticated users
ALTER TABLE achievements ENABLE ROW LEVEL SECURITY;

DROP POLICY IF EXISTS "Achievements visible to authenticated" ON achievements;
CREATE POLICY "Achievements visible to authenticated" ON achievements
  FOR SELECT USING (auth.role() = 'authenticated');
[V0_FILE]sql:file="scripts/041-check-collection-status.sql" isMerged="true"
-- Check current state of all collections
SELECT 
  c.slug,
  c.name_en,
  c.total_hadiths as stored_total,
  COUNT(DISTINCT ch.hadith_id) as actual_hadiths,
  COUNT(DISTINCT b.id) as actual_books
FROM collections c
LEFT JOIN collection_hadiths ch ON ch.collection_id = c.id
LEFT JOIN books b ON b.collection_id = c.id
GROUP BY c.id, c.slug, c.name_en, c.total_hadiths
ORDER BY c.slug;

-- Check total hadiths in hadiths table grouped by collection slug
SELECT collection, COUNT(*) as hadith_count
FROM hadiths
GROUP BY collection
ORDER BY collection;
[V0_FILE]sql:file="scripts/042-check-empty-hadiths.sql" isMerged="true"
-- Check empty fields
SELECT 
  collection,
  COUNT(*) as total,
  COUNT(*) FILTER (WHERE english_translation IS NULL OR english_translation = '') as empty_english,
  COUNT(*) FILTER (WHERE arabic_text IS NULL OR arabic_text = '') as empty_arabic,
  COUNT(*) FILTER (WHERE grade IS NULL OR grade = '') as empty_grade
FROM hadiths
GROUP BY collection
ORDER BY collection;
[V0_FILE]sql:file="scripts/050-add-revenuecat-columns.sql" isMerged="true"
-- Add columns to subscriptions table for RevenueCat IAP support
-- These are additive-only; existing Stripe data is not affected

-- Provider column to distinguish between Stripe (web) and RevenueCat (native IAP)
ALTER TABLE public.subscriptions
  ADD COLUMN IF NOT EXISTS provider text DEFAULT 'stripe';

-- product_id for the purchased product identifier (used by both Stripe and RevenueCat)
ALTER TABLE public.subscriptions
  ADD COLUMN IF NOT EXISTS product_id text;

-- store: APP_STORE, PLAY_STORE, STRIPE, etc.
ALTER TABLE public.subscriptions
  ADD COLUMN IF NOT EXISTS store text;

-- environment: PRODUCTION or SANDBOX
ALTER TABLE public.subscriptions
  ADD COLUMN IF NOT EXISTS environment text DEFAULT 'PRODUCTION';

-- transaction_id from the store receipt
ALTER TABLE public.subscriptions
  ADD COLUMN IF NOT EXISTS transaction_id text;

-- Index for RevenueCat webhook lookups
CREATE INDEX IF NOT EXISTS idx_subscriptions_provider ON public.subscriptions(provider);
CREATE INDEX IF NOT EXISTS idx_subscriptions_product_id ON public.subscriptions(product_id);
CREATE INDEX IF NOT EXISTS idx_subscriptions_transaction_id ON public.subscriptions(transaction_id);
[V0_FILE]sql:file="scripts/051-add-profile-subscription-columns.sql" isMerged="true"
-- Add subscription tier columns to profiles for fast lookups
-- These are updated by both Stripe and RevenueCat webhooks

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS subscription_tier text DEFAULT 'free';

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS subscription_status text;

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS subscription_expires_at timestamp with time zone;

-- Index for subscription tier lookups
CREATE INDEX IF NOT EXISTS idx_profiles_subscription_tier ON public.profiles(subscription_tier);
[V0_FILE]sql:file="scripts/052-add-profile-stripe-columns.sql" isMerged="true"
-- Add remaining profile columns that the Stripe webhook references
-- These were missing from the live schema

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS subscription_started_at timestamp with time zone;

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS subscription_cancel_at_period_end boolean DEFAULT false;

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS stripe_customer_id text;

ALTER TABLE public.profiles
  ADD COLUMN IF NOT EXISTS stripe_subscription_id text;

-- Index for Stripe customer lookups (used by webhook handlers)
CREATE INDEX IF NOT EXISTS idx_profiles_stripe_customer_id ON public.profiles(stripe_customer_id);
[V0_FILE]sql:file="scripts/060-phase1-schema-migrations.sql" isMerged="true"
-- Phase 1: Schema Migrations for Content Expansion
-- Covers: Learning Paths, Prophets, Sunnah expansion, Quiz updates, Taxonomy weight system

-- ============================================
-- 1A. Hadith Tag Weights (weighted tagging system)
-- ============================================
CREATE TABLE IF NOT EXISTS hadith_tag_weights (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  hadith_id uuid NOT NULL REFERENCES hadiths(id) ON DELETE CASCADE,
  tag_id uuid NOT NULL REFERENCES tags(id) ON DELETE CASCADE,
  weight numeric(3,2) NOT NULL DEFAULT 0.5 CHECK (weight >= 0 AND weight <= 1),
  source text NOT NULL DEFAULT 'ai' CHECK (source IN ('manual', 'ai', 'enrichment')),
  created_at timestamptz NOT NULL DEFAULT now(),
  UNIQUE(hadith_id, tag_id)
);

CREATE INDEX IF NOT EXISTS idx_htw_hadith ON hadith_tag_weights(hadith_id);
CREATE INDEX IF NOT EXISTS idx_htw_tag ON hadith_tag_weights(tag_id);
CREATE INDEX IF NOT EXISTS idx_htw_weight ON hadith_tag_weights(weight DESC);

ALTER TABLE hadith_tag_weights ENABLE ROW LEVEL SECURITY;
CREATE POLICY "hadith_tag_weights_select_all" ON hadith_tag_weights FOR SELECT USING (true);

-- ============================================
-- 1B. Learning Paths Schema
-- ============================================
CREATE TABLE IF NOT EXISTS learning_paths (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text UNIQUE NOT NULL,
  title text NOT NULL,
  subtitle text,
  description text,
  icon_name text NOT NULL DEFAULT 'book-open',
  level text NOT NULL DEFAULT 'beginner' CHECK (level IN ('beginner', 'intermediate', 'advanced')),
  sort_order integer NOT NULL DEFAULT 0,
  is_premium boolean NOT NULL DEFAULT false,
  total_modules integer NOT NULL DEFAULT 0,
  total_lessons integer NOT NULL DEFAULT 0,
  estimated_hours integer NOT NULL DEFAULT 0,
  achievement_slug text, -- links to achievements.slug on completion
  created_at timestamptz NOT NULL DEFAULT now()
);

CREATE TABLE IF NOT EXISTS learning_modules (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  path_id uuid NOT NULL REFERENCES learning_paths(id) ON DELETE CASCADE,
  slug text NOT NULL,
  title text NOT NULL,
  description text,
  sort_order integer NOT NULL DEFAULT 0,
  UNIQUE(path_id, slug)
);

CREATE TABLE IF NOT EXISTS learning_lessons (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  module_id uuid NOT NULL REFERENCES learning_modules(id) ON DELETE CASCADE,
  slug text NOT NULL,
  title text NOT NULL,
  description text,
  content_type text NOT NULL DEFAULT 'reading' CHECK (content_type IN ('reading', 'activity', 'reflection')),
  hadith_ids uuid[] DEFAULT '{}',
  collection_slug text,
  book_number integer,
  sort_order integer NOT NULL DEFAULT 0,
  has_quiz boolean NOT NULL DEFAULT false,
  UNIQUE(module_id, slug)
);

CREATE TABLE IF NOT EXISTS learning_progress (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  lesson_id uuid NOT NULL REFERENCES learning_lessons(id) ON DELETE CASCADE,
  status text NOT NULL DEFAULT 'not_started' CHECK (status IN ('not_started', 'in_progress', 'completed')),
  quiz_score numeric(5,2),
  quiz_passed boolean DEFAULT false,
  started_at timestamptz,
  completed_at timestamptz,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  UNIQUE(user_id, lesson_id)
);

CREATE INDEX IF NOT EXISTS idx_lp_user ON learning_progress(user_id);
CREATE INDEX IF NOT EXISTS idx_lp_lesson ON learning_progress(lesson_id);

CREATE TABLE IF NOT EXISTS learning_quiz_questions (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  lesson_id uuid NOT NULL REFERENCES learning_lessons(id) ON DELETE CASCADE,
  question_text text NOT NULL,
  question_type text NOT NULL DEFAULT 'multiple_choice' CHECK (question_type IN ('multiple_choice', 'true_false')),
  options jsonb NOT NULL DEFAULT '[]',
  correct_index integer NOT NULL,
  hint_text text,
  hadith_id uuid REFERENCES hadiths(id) ON DELETE SET NULL,
  sort_order integer NOT NULL DEFAULT 0
);

CREATE INDEX IF NOT EXISTS idx_lqq_lesson ON learning_quiz_questions(lesson_id);

-- RLS for learning paths
ALTER TABLE learning_paths ENABLE ROW LEVEL SECURITY;
CREATE POLICY "learning_paths_select_all" ON learning_paths FOR SELECT USING (true);

ALTER TABLE learning_modules ENABLE ROW LEVEL SECURITY;
CREATE POLICY "learning_modules_select_all" ON learning_modules FOR SELECT USING (true);

ALTER TABLE learning_lessons ENABLE ROW LEVEL SECURITY;
CREATE POLICY "learning_lessons_select_all" ON learning_lessons FOR SELECT USING (true);

ALTER TABLE learning_progress ENABLE ROW LEVEL SECURITY;
CREATE POLICY "learning_progress_select_own" ON learning_progress FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "learning_progress_insert_own" ON learning_progress FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "learning_progress_update_own" ON learning_progress FOR UPDATE USING (auth.uid() = user_id);

ALTER TABLE learning_quiz_questions ENABLE ROW LEVEL SECURITY;
CREATE POLICY "learning_quiz_questions_select_all" ON learning_quiz_questions FOR SELECT USING (true);

-- ============================================
-- 1C. Sunnah Practices Expansion
-- ============================================
ALTER TABLE sunnah_practices ADD COLUMN IF NOT EXISTS day_of_year integer;
ALTER TABLE sunnah_practices ADD COLUMN IF NOT EXISTS hadith_ids text[] DEFAULT '{}';
ALTER TABLE sunnah_practices ADD COLUMN IF NOT EXISTS title_ar text;
ALTER TABLE sunnah_practices ADD COLUMN IF NOT EXISTS description_ar text;

CREATE INDEX IF NOT EXISTS idx_sp_day ON sunnah_practices(day_of_year);

-- Enable RLS on sunnah tables (currently disabled)
ALTER TABLE sunnah_categories ENABLE ROW LEVEL SECURITY;
CREATE POLICY "sunnah_categories_select_all" ON sunnah_categories FOR SELECT USING (true);

ALTER TABLE sunnah_practices ENABLE ROW LEVEL SECURITY;
CREATE POLICY "sunnah_practices_select_all" ON sunnah_practices FOR SELECT USING (true);

-- Sunnah tracking table for daily practice
CREATE TABLE IF NOT EXISTS sunnah_tracking (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  practice_id text NOT NULL,
  practiced_date date NOT NULL DEFAULT CURRENT_DATE,
  created_at timestamptz NOT NULL DEFAULT now(),
  UNIQUE(user_id, practice_id, practiced_date)
);

CREATE INDEX IF NOT EXISTS idx_st_user_date ON sunnah_tracking(user_id, practiced_date);

ALTER TABLE sunnah_tracking ENABLE ROW LEVEL SECURITY;
CREATE POLICY "sunnah_tracking_select_own" ON sunnah_tracking FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "sunnah_tracking_insert_own" ON sunnah_tracking FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "sunnah_tracking_delete_own" ON sunnah_tracking FOR DELETE USING (auth.uid() = user_id);

-- ============================================
-- 1D. Stories of the Prophets Schema
-- ============================================
CREATE TABLE IF NOT EXISTS prophets (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  slug text UNIQUE NOT NULL,
  name_en text NOT NULL,
  name_ar text NOT NULL,
  title_en text, -- e.g. "The Friend of Allah"
  title_ar text,
  era text, -- e.g. "Before Ibrahim", "After Musa"
  quran_mentions integer DEFAULT 0,
  total_parts integer DEFAULT 0,
  estimated_read_time_minutes integer DEFAULT 0,
  color_theme text DEFAULT '#C5A059',
  theme_primary text DEFAULT '#1b5e43',
  theme_secondary text DEFAULT '#C5A059',
  icon text DEFAULT 'star',
  display_order integer NOT NULL DEFAULT 0,
  is_published boolean NOT NULL DEFAULT false,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now()
);

CREATE TABLE IF NOT EXISTS prophet_stories (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  prophet_id uuid NOT NULL REFERENCES prophets(id) ON DELETE CASCADE,
  part_number integer NOT NULL,
  title_en text NOT NULL,
  title_ar text,
  content_en text NOT NULL,
  content_ar text,
  quran_references jsonb DEFAULT '[]', -- [{surah: "Al-Baqarah", ayah: "30-39", text: "..."}]
  hadith_references jsonb DEFAULT '[]', -- [{collection: "Bukhari", reference: "3326", text: "..."}]
  key_lesson text,
  opening_hook text,
  historical_context text,
  word_count integer DEFAULT 0,
  estimated_read_minutes integer DEFAULT 5,
  is_published boolean NOT NULL DEFAULT false,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  UNIQUE(prophet_id, part_number)
);

CREATE INDEX IF NOT EXISTS idx_ps_prophet ON prophet_stories(prophet_id);

-- Prophet reading progress (mirrors sahaba_reading_progress)
CREATE TABLE IF NOT EXISTS prophet_reading_progress (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  prophet_id uuid NOT NULL REFERENCES prophets(id) ON DELETE CASCADE,
  current_part integer DEFAULT 1,
  parts_completed integer[] DEFAULT '{}',
  is_completed boolean DEFAULT false,
  is_bookmarked boolean DEFAULT false,
  total_time_spent_seconds integer DEFAULT 0,
  last_read_at timestamptz,
  created_at timestamptz NOT NULL DEFAULT now(),
  updated_at timestamptz NOT NULL DEFAULT now(),
  UNIQUE(user_id, prophet_id)
);

CREATE INDEX IF NOT EXISTS idx_prp_user ON prophet_reading_progress(user_id);

ALTER TABLE prophets ENABLE ROW LEVEL SECURITY;
CREATE POLICY "prophets_select_published" ON prophets FOR SELECT USING (is_published = true);

ALTER TABLE prophet_stories ENABLE ROW LEVEL SECURITY;
CREATE POLICY "prophet_stories_select_published" ON prophet_stories FOR SELECT USING (is_published = true);

ALTER TABLE prophet_reading_progress ENABLE ROW LEVEL SECURITY;
CREATE POLICY "prp_select_own" ON prophet_reading_progress FOR SELECT USING (auth.uid() = user_id);
CREATE POLICY "prp_insert_own" ON prophet_reading_progress FOR INSERT WITH CHECK (auth.uid() = user_id);
CREATE POLICY "prp_update_own" ON prophet_reading_progress FOR UPDATE USING (auth.uid() = user_id);

-- ============================================
-- 1E. Quiz Schema Updates
-- ============================================
ALTER TABLE quiz_attempts ADD COLUMN IF NOT EXISTS lesson_id uuid REFERENCES learning_lessons(id) ON DELETE SET NULL;
ALTER TABLE quiz_attempts ADD COLUMN IF NOT EXISTS learning_path_id uuid REFERENCES learning_paths(id) ON DELETE SET NULL;
ALTER TABLE quiz_attempts ADD COLUMN IF NOT EXISTS passed boolean;

-- ============================================
-- 1F. Add color column to categories for UI theming
-- ============================================
ALTER TABLE categories ADD COLUMN IF NOT EXISTS color text;
ALTER TABLE categories ADD COLUMN IF NOT EXISTS hadith_count integer DEFAULT 0;
[V0_FILE]sql:file="scripts/061-seed-expanded-taxonomy.sql" isMerged="true"
-- Phase 2A: Expanded Taxonomy - 20 Categories + 150+ Tags
-- This restructures the 7 broad categories into 20 specific ones
-- and expands from 33 tags to 150+

BEGIN;

-- ============================================
-- Step 1: Update existing 7 categories (keep their IDs, update names/colors)
-- ============================================

-- worship -> Salah & Prayer (narrower focus)
UPDATE categories SET 
  name_en = 'Salah & Prayer', 
  name_ar = 'الصلاة',
  description = 'The five daily prayers, voluntary prayers, Friday prayer, and prayer etiquette',
  icon = 'mosque',
  color = '#1b5e43',
  display_order = 1
WHERE slug = 'worship';

-- character -> Character & Manners  
UPDATE categories SET
  name_en = 'Character & Manners',
  name_ar = 'الأخلاق والآداب',
  description = 'Noble character traits, good manners, and ethical conduct',
  icon = 'heart',
  color = '#8B4513',
  display_order = 5
WHERE slug = 'character';

-- family -> Family & Marriage
UPDATE categories SET
  name_en = 'Family & Marriage',
  name_ar = 'الأسرة والزواج',
  description = 'Marriage, parenting, kinship ties, and family responsibilities',
  icon = 'users',
  color = '#D4A574',
  display_order = 11
WHERE slug = 'family';

-- daily-life -> Daily Conduct & Etiquette
UPDATE categories SET
  name_en = 'Daily Conduct & Etiquette',
  name_ar = 'السلوك اليومي',
  description = 'Everyday manners, greetings, food etiquette, dress, and travel',
  icon = 'sun',
  color = '#C5A059',
  display_order = 12
WHERE slug = 'daily-life';

-- knowledge -> Knowledge & Learning
UPDATE categories SET
  name_en = 'Knowledge & Learning',
  name_ar = 'العلم والتعلم',
  description = 'Seeking knowledge, teaching, scholarship, and Hadith sciences',
  icon = 'book-open',
  color = '#2E7D32',
  display_order = 14
WHERE slug = 'knowledge';

-- community -> Social Justice & Rights
UPDATE categories SET
  name_en = 'Social Justice & Rights',
  name_ar = 'العدل والحقوق',
  description = 'Justice, human rights, governance, and social responsibility',
  icon = 'scale',
  color = '#5D4037',
  display_order = 16
WHERE slug = 'community';

-- afterlife -> Death & Afterlife
UPDATE categories SET
  name_en = 'Death & Afterlife',
  name_ar = 'الموت والآخرة',
  description = 'Death, the grave, resurrection, paradise, hellfire, and the Day of Judgment',
  icon = 'cloud',
  color = '#37474F',
  display_order = 19
WHERE slug = 'afterlife';

-- ============================================
-- Step 2: Insert 13 NEW categories
-- ============================================

INSERT INTO categories (slug, name_en, name_ar, description, icon, color, display_order, is_active) VALUES
('fasting', 'Fasting & Ramadan', 'الصيام ورمضان', 'Obligatory and voluntary fasting, Ramadan, I''tikaf, and Laylatul Qadr', 'moon', '#1A237E', 2, true),
('zakat', 'Zakat & Charity', 'الزكاة والصدقة', 'Obligatory zakat, voluntary charity, giving, and generosity', 'hand-coins', '#4A148C', 3, true),
('hajj', 'Hajj & Umrah', 'الحج والعمرة', 'Pilgrimage to Makkah, Umrah, and sacred sites', 'map-pin', '#BF360C', 4, true),
('faith', 'Iman & Aqeedah', 'الإيمان والعقيدة', 'Pillars of faith, belief in Allah, angels, books, prophets, Qadr, and creed', 'shield', '#0D47A1', 6, true),
('dhikr', 'Dhikr & Du''a', 'الذكر والدعاء', 'Remembrance of Allah, supplications, morning/evening adhkar, and istighfar', 'sparkles', '#006064', 7, true),
('quran', 'Quran & Revelation', 'القرآن والوحي', 'Recitation, memorization, tafsir, and virtues of Quranic surahs', 'book', '#1B5E20', 8, true),
('purification', 'Purification & Cleanliness', 'الطهارة والنظافة', 'Wudu, ghusl, tayammum, and spiritual/physical cleanliness', 'droplets', '#00838F', 9, true),
('sunnah-acts', 'Prophetic Sunnah', 'السنة النبوية', 'Following the Prophet''s way in worship, habits, and daily life', 'star', '#E65100', 10, true),
('business', 'Business & Trade', 'التجارة والمعاملات', 'Halal earnings, business ethics, transactions, and financial dealings', 'briefcase', '#4E342E', 13, true),
('dawah', 'Da''wah & Guidance', 'الدعوة والإرشاد', 'Inviting to Islam, enjoining good, forbidding evil, and giving advice', 'megaphone', '#880E4F', 15, true),
('warfare', 'Jihad & Defense', 'الجهاد والدفاع', 'Striving in the path of Allah, self-defense, treaties, and rules of engagement', 'sword', '#263238', 17, true),
('history', 'Prophetic History & Seerah', 'التاريخ والسيرة', 'Events from the Prophet''s life, companions, battles, and early Islamic history', 'scroll', '#3E2723', 18, true),
('fitna', 'Trials & End Times', 'الفتن وأشراط الساعة', 'Signs of the Hour, tribulations, Dajjal, and end-time prophecies', 'alert-triangle', '#B71C1C', 20, true)
ON CONFLICT (slug) DO UPDATE SET
  name_en = EXCLUDED.name_en,
  name_ar = EXCLUDED.name_ar,
  description = EXCLUDED.description,
  icon = EXCLUDED.icon,
  color = EXCLUDED.color,
  display_order = EXCLUDED.display_order;

-- ============================================
-- Step 3: Reassign existing tags to better-fitting categories and add new tags
-- ============================================

-- Move "fasting" tag to fasting category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'fasting') WHERE slug = 'fasting';
-- Move "pilgrimage" tag to hajj category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'hajj') WHERE slug = 'pilgrimage';
-- Move "charity" tag to zakat category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'zakat') WHERE slug = 'charity';
-- Move "remembrance" tag to dhikr category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'dhikr') WHERE slug = 'remembrance';
-- Move "faith" tag to faith category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'faith') WHERE slug = 'faith';
-- Move "intention" tag to faith category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'faith') WHERE slug = 'intention';
-- Move "quran" tag to quran category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'quran') WHERE slug = 'quran';
-- Move "seeking-knowledge" to knowledge category (stays)
-- Move "work" to business category
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'business') WHERE slug = 'work';
-- Move "cleanliness" to purification
UPDATE tags SET category_id = (SELECT id FROM categories WHERE slug = 'purification') WHERE slug = 'cleanliness';

-- ============================================
-- Step 4: Insert 120+ NEW tags across all 20 categories
-- ============================================

-- Salah & Prayer (worship)
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('five-daily-prayers', 'Five Daily Prayers', 'الصلوات الخمس', (SELECT id FROM categories WHERE slug = 'worship'), true),
('friday-prayer', 'Friday Prayer (Jumu''ah)', 'صلاة الجمعة', (SELECT id FROM categories WHERE slug = 'worship'), true),
('night-prayer', 'Night Prayer (Tahajjud)', 'صلاة التهجد', (SELECT id FROM categories WHERE slug = 'worship'), true),
('sunnah-prayers', 'Sunnah Prayers (Rawatib)', 'السنن الرواتب', (SELECT id FROM categories WHERE slug = 'worship'), true),
('prayer-times', 'Prayer Times', 'أوقات الصلاة', (SELECT id FROM categories WHERE slug = 'worship'), true),
('congregational-prayer', 'Congregational Prayer', 'صلاة الجماعة', (SELECT id FROM categories WHERE slug = 'worship'), true),
('prostration', 'Prostration (Sujud)', 'السجود', (SELECT id FROM categories WHERE slug = 'worship'), true),
('eid-prayer', 'Eid Prayer', 'صلاة العيد', (SELECT id FROM categories WHERE slug = 'worship'), true),
('funeral-prayer', 'Funeral Prayer (Janazah)', 'صلاة الجنازة', (SELECT id FROM categories WHERE slug = 'worship'), true),
('prayer-for-rain', 'Prayer for Rain (Istisqa)', 'صلاة الاستسقاء', (SELECT id FROM categories WHERE slug = 'worship'), true)
ON CONFLICT (slug) DO NOTHING;

-- Fasting & Ramadan
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('ramadan', 'Ramadan', 'رمضان', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('voluntary-fasting', 'Voluntary Fasting', 'صيام التطوع', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('itikaf', 'I''tikaf', 'الاعتكاف', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('laylatul-qadr', 'Laylatul Qadr', 'ليلة القدر', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('suhoor', 'Suhoor', 'السحور', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('iftar', 'Iftar', 'الإفطار', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('ashura', 'Day of Ashura', 'يوم عاشوراء', (SELECT id FROM categories WHERE slug = 'fasting'), true),
('shawwal', 'Fasting in Shawwal', 'صيام شوال', (SELECT id FROM categories WHERE slug = 'fasting'), true)
ON CONFLICT (slug) DO NOTHING;

-- Zakat & Charity
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('sadaqah', 'Sadaqah (Voluntary Charity)', 'الصدقة', (SELECT id FROM categories WHERE slug = 'zakat'), true),
('zakat-al-fitr', 'Zakat al-Fitr', 'زكاة الفطر', (SELECT id FROM categories WHERE slug = 'zakat'), true),
('generosity', 'Generosity', 'الكرم', (SELECT id FROM categories WHERE slug = 'zakat'), true),
('sadaqah-jariyah', 'Ongoing Charity (Sadaqah Jariyah)', 'الصدقة الجارية', (SELECT id FROM categories WHERE slug = 'zakat'), true),
('feeding-the-poor', 'Feeding the Poor', 'إطعام الفقراء', (SELECT id FROM categories WHERE slug = 'zakat'), true),
('wealth', 'Wealth & Contentment', 'المال والقناعة', (SELECT id FROM categories WHERE slug = 'zakat'), true)
ON CONFLICT (slug) DO NOTHING;

-- Hajj & Umrah
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('hajj-rituals', 'Hajj Rituals', 'مناسك الحج', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('umrah', 'Umrah', 'العمرة', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('tawaf', 'Tawaf', 'الطواف', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('arafah', 'Day of Arafah', 'يوم عرفة', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('makkah', 'Makkah', 'مكة', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('madinah', 'Madinah', 'المدينة', (SELECT id FROM categories WHERE slug = 'hajj'), true),
('sacrifice', 'Sacrifice (Udhiyah)', 'الأضحية', (SELECT id FROM categories WHERE slug = 'hajj'), true)
ON CONFLICT (slug) DO NOTHING;

-- Character & Manners
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('sincerity', 'Sincerity (Ikhlas)', 'الإخلاص', (SELECT id FROM categories WHERE slug = 'character'), true),
('gratitude', 'Gratitude (Shukr)', 'الشكر', (SELECT id FROM categories WHERE slug = 'character'), true),
('modesty', 'Modesty (Haya)', 'الحياء', (SELECT id FROM categories WHERE slug = 'character'), true),
('trustworthiness', 'Trustworthiness (Amanah)', 'الأمانة', (SELECT id FROM categories WHERE slug = 'character'), true),
('gentleness', 'Gentleness (Rifq)', 'الرفق', (SELECT id FROM categories WHERE slug = 'character'), true),
('mercy', 'Mercy (Rahmah)', 'الرحمة', (SELECT id FROM categories WHERE slug = 'character'), true),
('jealousy', 'Avoiding Jealousy', 'تجنب الحسد', (SELECT id FROM categories WHERE slug = 'character'), true),
('backbiting', 'Avoiding Backbiting', 'تجنب الغيبة', (SELECT id FROM categories WHERE slug = 'character'), true),
('lying', 'Avoiding Lying', 'تجنب الكذب', (SELECT id FROM categories WHERE slug = 'character'), true),
('good-deeds', 'Good Deeds', 'الأعمال الصالحة', (SELECT id FROM categories WHERE slug = 'character'), true),
('tawbah', 'Repentance (Tawbah)', 'التوبة', (SELECT id FROM categories WHERE slug = 'character'), true)
ON CONFLICT (slug) DO NOTHING;

-- Iman & Aqeedah (faith)
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('tawheed', 'Tawheed (Oneness of Allah)', 'التوحيد', (SELECT id FROM categories WHERE slug = 'faith'), true),
('angels', 'Angels', 'الملائكة', (SELECT id FROM categories WHERE slug = 'faith'), true),
('qadr', 'Divine Decree (Qadr)', 'القدر', (SELECT id FROM categories WHERE slug = 'faith'), true),
('prophets', 'Belief in Prophets', 'الإيمان بالرسل', (SELECT id FROM categories WHERE slug = 'faith'), true),
('day-of-judgment', 'Day of Judgment', 'يوم القيامة', (SELECT id FROM categories WHERE slug = 'faith'), true),
('tawakkul', 'Trust in Allah (Tawakkul)', 'التوكل', (SELECT id FROM categories WHERE slug = 'faith'), true),
('fear-of-allah', 'Fear of Allah (Taqwa)', 'التقوى', (SELECT id FROM categories WHERE slug = 'faith'), true),
('love-of-allah', 'Love of Allah', 'محبة الله', (SELECT id FROM categories WHERE slug = 'faith'), true),
('shirk', 'Avoiding Shirk', 'تجنب الشرك', (SELECT id FROM categories WHERE slug = 'faith'), true),
('hypocrisy', 'Signs of Hypocrisy', 'علامات النفاق', (SELECT id FROM categories WHERE slug = 'faith'), true)
ON CONFLICT (slug) DO NOTHING;

-- Dhikr & Du'a
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('morning-adhkar', 'Morning Adhkar', 'أذكار الصباح', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('evening-adhkar', 'Evening Adhkar', 'أذكار المساء', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('istighfar', 'Seeking Forgiveness', 'الاستغفار', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('salawat', 'Salawat upon the Prophet', 'الصلاة على النبي', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('dua-etiquette', 'Du''a Etiquette', 'آداب الدعاء', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('dua-acceptance', 'Times of Du''a Acceptance', 'أوقات إجابة الدعاء', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('Names-of-allah', 'Names of Allah', 'أسماء الله الحسنى', (SELECT id FROM categories WHERE slug = 'dhikr'), true),
('tasbeeh', 'Tasbeeh & Tahmeed', 'التسبيح والتحميد', (SELECT id FROM categories WHERE slug = 'dhikr'), true)
ON CONFLICT (slug) DO NOTHING;

-- Quran & Revelation
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('quran-recitation', 'Quran Recitation', 'تلاوة القرآن', (SELECT id FROM categories WHERE slug = 'quran'), true),
('quran-memorization', 'Quran Memorization', 'حفظ القرآن', (SELECT id FROM categories WHERE slug = 'quran'), true),
('surah-virtues', 'Virtues of Surahs', 'فضائل السور', (SELECT id FROM categories WHERE slug = 'quran'), true),
('tafsir', 'Tafsir & Explanation', 'التفسير', (SELECT id FROM categories WHERE slug = 'quran'), true),
('al-fatiha', 'Al-Fatiha', 'الفاتحة', (SELECT id FROM categories WHERE slug = 'quran'), true),
('al-baqarah', 'Al-Baqarah', 'البقرة', (SELECT id FROM categories WHERE slug = 'quran'), true),
('ayat-al-kursi', 'Ayat al-Kursi', 'آية الكرسي', (SELECT id FROM categories WHERE slug = 'quran'), true)
ON CONFLICT (slug) DO NOTHING;

-- Purification & Cleanliness
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('wudu', 'Wudu (Ablution)', 'الوضوء', (SELECT id FROM categories WHERE slug = 'purification'), true),
('ghusl', 'Ghusl (Full Bathing)', 'الغسل', (SELECT id FROM categories WHERE slug = 'purification'), true),
('tayammum', 'Tayammum (Dry Ablution)', 'التيمم', (SELECT id FROM categories WHERE slug = 'purification'), true),
('menstruation', 'Menstruation Rulings', 'أحكام الحيض', (SELECT id FROM categories WHERE slug = 'purification'), true),
('miswak', 'Miswak (Tooth Stick)', 'المسواك', (SELECT id FROM categories WHERE slug = 'purification'), true)
ON CONFLICT (slug) DO NOTHING;

-- Prophetic Sunnah (sunnah-acts)
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('sunnah-of-eating', 'Sunnah of Eating', 'سنن الأكل', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('sunnah-of-sleeping', 'Sunnah of Sleeping', 'سنن النوم', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('sunnah-of-dressing', 'Sunnah of Dressing', 'سنن اللباس', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('sunnah-of-travel', 'Sunnah of Travel', 'سنن السفر', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('sunnah-of-greeting', 'Sunnah of Greeting (Salam)', 'سنن السلام', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('friday-sunnah', 'Friday Sunnah', 'سنن الجمعة', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true),
('sunnah-of-eid', 'Sunnah of Eid', 'سنن العيد', (SELECT id FROM categories WHERE slug = 'sunnah-acts'), true)
ON CONFLICT (slug) DO NOTHING;

-- Family & Marriage
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('spouse-rights', 'Spouse Rights', 'حقوق الزوجين', (SELECT id FROM categories WHERE slug = 'family'), true),
('parenting', 'Parenting', 'تربية الأبناء', (SELECT id FROM categories WHERE slug = 'family'), true),
('honoring-parents', 'Honoring Parents', 'بر الوالدين', (SELECT id FROM categories WHERE slug = 'family'), true),
('kinship-ties', 'Kinship Ties (Silat ar-Rahim)', 'صلة الرحم', (SELECT id FROM categories WHERE slug = 'family'), true),
('orphans', 'Caring for Orphans', 'كفالة اليتيم', (SELECT id FROM categories WHERE slug = 'family'), true),
('wedding', 'Wedding (Walimah)', 'الوليمة', (SELECT id FROM categories WHERE slug = 'family'), true)
ON CONFLICT (slug) DO NOTHING;

-- Daily Conduct & Etiquette
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('hospitality', 'Hospitality', 'الضيافة', (SELECT id FROM categories WHERE slug = 'daily-life'), true),
('travel-etiquette', 'Travel Etiquette', 'آداب السفر', (SELECT id FROM categories WHERE slug = 'daily-life'), true),
('sleeping-etiquette', 'Sleeping Etiquette', 'آداب النوم', (SELECT id FROM categories WHERE slug = 'daily-life'), true),
('gathering-etiquette', 'Gathering Etiquette', 'آداب المجلس', (SELECT id FROM categories WHERE slug = 'daily-life'), true),
('visiting-sick', 'Visiting the Sick', 'عيادة المريض', (SELECT id FROM categories WHERE slug = 'daily-life'), true),
('sneezing', 'Sneezing & Yawning', 'العطاس والتثاؤب', (SELECT id FROM categories WHERE slug = 'daily-life'), true)
ON CONFLICT (slug) DO NOTHING;

-- Business & Trade
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('halal-earning', 'Halal Earning', 'الكسب الحلال', (SELECT id FROM categories WHERE slug = 'business'), true),
('riba', 'Riba (Interest/Usury)', 'الربا', (SELECT id FROM categories WHERE slug = 'business'), true),
('debt', 'Debt & Loans', 'الدين والقرض', (SELECT id FROM categories WHERE slug = 'business'), true),
('trade-ethics', 'Trade Ethics', 'أخلاق التجارة', (SELECT id FROM categories WHERE slug = 'business'), true),
('contracts', 'Contracts & Agreements', 'العقود', (SELECT id FROM categories WHERE slug = 'business'), true)
ON CONFLICT (slug) DO NOTHING;

-- Knowledge & Learning
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('hadith-sciences', 'Hadith Sciences', 'علوم الحديث', (SELECT id FROM categories WHERE slug = 'knowledge'), true),
('scholars', 'Scholars & Teachers', 'العلماء', (SELECT id FROM categories WHERE slug = 'knowledge'), true),
('memorization', 'Memorization', 'الحفظ', (SELECT id FROM categories WHERE slug = 'knowledge'), true),
('teaching', 'Teaching & Sharing Knowledge', 'التعليم', (SELECT id FROM categories WHERE slug = 'knowledge'), true),
('islamic-jurisprudence', 'Islamic Jurisprudence (Fiqh)', 'الفقه', (SELECT id FROM categories WHERE slug = 'knowledge'), true)
ON CONFLICT (slug) DO NOTHING;

-- Da'wah & Guidance
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('enjoining-good', 'Enjoining Good', 'الأمر بالمعروف', (SELECT id FROM categories WHERE slug = 'dawah'), true),
('forbidding-evil', 'Forbidding Evil', 'النهي عن المنكر', (SELECT id FROM categories WHERE slug = 'dawah'), true),
('advice', 'Giving Advice (Nasihah)', 'النصيحة', (SELECT id FROM categories WHERE slug = 'dawah'), true),
('new-muslims', 'New Muslims', 'المسلمون الجدد', (SELECT id FROM categories WHERE slug = 'dawah'), true),
('calling-to-islam', 'Calling to Islam', 'الدعوة إلى الإسلام', (SELECT id FROM categories WHERE slug = 'dawah'), true)
ON CONFLICT (slug) DO NOTHING;

-- Social Justice & Rights
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('equality', 'Equality', 'المساواة', (SELECT id FROM categories WHERE slug = 'community'), true),
('oppression', 'Standing Against Oppression', 'مواجهة الظلم', (SELECT id FROM categories WHERE slug = 'community'), true),
('neighbors-rights', 'Neighbors'' Rights', 'حق الجار', (SELECT id FROM categories WHERE slug = 'community'), true),
('animal-rights', 'Animal Rights', 'حقوق الحيوان', (SELECT id FROM categories WHERE slug = 'community'), true),
('environment', 'Environment & Nature', 'البيئة', (SELECT id FROM categories WHERE slug = 'community'), true),
('consultation', 'Consultation (Shura)', 'الشورى', (SELECT id FROM categories WHERE slug = 'community'), true)
ON CONFLICT (slug) DO NOTHING;

-- Jihad & Defense
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('inner-jihad', 'Inner Struggle (Jihad an-Nafs)', 'جهاد النفس', (SELECT id FROM categories WHERE slug = 'warfare'), true),
('martyrdom', 'Martyrdom (Shaheed)', 'الشهادة', (SELECT id FROM categories WHERE slug = 'warfare'), true),
('treaties', 'Treaties & Peace', 'المعاهدات والسلام', (SELECT id FROM categories WHERE slug = 'warfare'), true),
('rules-of-war', 'Rules of Engagement', 'أحكام القتال', (SELECT id FROM categories WHERE slug = 'warfare'), true),
('bravery', 'Bravery & Courage', 'الشجاعة', (SELECT id FROM categories WHERE slug = 'warfare'), true)
ON CONFLICT (slug) DO NOTHING;

-- Prophetic History & Seerah
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('hijrah', 'Hijrah (Migration)', 'الهجرة', (SELECT id FROM categories WHERE slug = 'history'), true),
('badr', 'Battle of Badr', 'غزوة بدر', (SELECT id FROM categories WHERE slug = 'history'), true),
('uhud', 'Battle of Uhud', 'غزوة أحد', (SELECT id FROM categories WHERE slug = 'history'), true),
('conquest-makkah', 'Conquest of Makkah', 'فتح مكة', (SELECT id FROM categories WHERE slug = 'history'), true),
('farewell-sermon', 'Farewell Sermon', 'خطبة الوداع', (SELECT id FROM categories WHERE slug = 'history'), true),
('companions', 'The Companions (Sahaba)', 'الصحابة', (SELECT id FROM categories WHERE slug = 'history'), true),
('ahlul-bayt', 'Ahlul Bayt (Prophet''s Family)', 'أهل البيت', (SELECT id FROM categories WHERE slug = 'history'), true)
ON CONFLICT (slug) DO NOTHING;

-- Death & Afterlife
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('grave', 'The Grave (Barzakh)', 'البرزخ', (SELECT id FROM categories WHERE slug = 'afterlife'), true),
('resurrection', 'Resurrection', 'البعث', (SELECT id FROM categories WHERE slug = 'afterlife'), true),
('intercession', 'Intercession (Shafa''ah)', 'الشفاعة', (SELECT id FROM categories WHERE slug = 'afterlife'), true),
('sirat', 'The Bridge (Sirat)', 'الصراط', (SELECT id FROM categories WHERE slug = 'afterlife'), true),
('hereafter', 'The Hereafter', 'الآخرة', (SELECT id FROM categories WHERE slug = 'afterlife'), true)
ON CONFLICT (slug) DO NOTHING;

-- Trials & End Times (fitna)
INSERT INTO tags (slug, name_en, name_ar, category_id, is_active) VALUES
('signs-of-hour', 'Signs of the Hour', 'أشراط الساعة', (SELECT id FROM categories WHERE slug = 'fitna'), true),
('dajjal', 'Dajjal (Antichrist)', 'الدجال', (SELECT id FROM categories WHERE slug = 'fitna'), true),
('mahdi', 'The Mahdi', 'المهدي', (SELECT id FROM categories WHERE slug = 'fitna'), true),
('isa-return', 'Return of Isa (AS)', 'نزول عيسى', (SELECT id FROM categories WHERE slug = 'fitna'), true),
('tribulations', 'Tribulations (Fitan)', 'الفتن', (SELECT id FROM categories WHERE slug = 'fitna'), true),
('patience-in-trials', 'Patience in Trials', 'الصبر في المحن', (SELECT id FROM categories WHERE slug = 'fitna'), true)
ON CONFLICT (slug) DO NOTHING;

COMMIT;
[V0_FILE]sql:file="scripts/062-seed-learning-paths.sql" isMerged="true"
-- Phase 2B: Seed Learning Paths with Modules and Lessons
-- 6 structured paths from beginner to advanced
-- Uses correct column names: title, description, level, icon_name, sort_order

BEGIN;

-- ============================================
-- Path 1: Foundations of Hadith (Beginner)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('foundations', 'Foundations of Hadith', 'أسس الحديث', 'Your journey begins here',
 'Start your journey into the world of prophetic narrations. Learn what hadith are, why they matter, and how to read them.',
 'ابدأ رحلتك في عالم الأحاديث النبوية. تعلم ما هي الأحاديث ولماذا هي مهمة وكيف تقرأها.',
 'beginner', 'book-open', '#1b5e43', 8, 1, 4, 8, false)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'foundations'), 'what-is-hadith', 'What is Hadith?', 'Introduction to hadith and their significance in Islam', 1),
((SELECT id FROM learning_paths WHERE slug = 'foundations'), 'hadith-structure', 'Structure of a Hadith', 'Understanding isnad (chain) and matn (text)', 2),
((SELECT id FROM learning_paths WHERE slug = 'foundations'), 'major-collections', 'The Six Major Collections', 'Sahih Bukhari, Muslim, and the four Sunan', 3),
((SELECT id FROM learning_paths WHERE slug = 'foundations'), 'reading-hadith', 'How to Read a Hadith', 'Practical skills for understanding and reflecting on hadith', 4)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

-- Lessons for "What is Hadith?"
INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'what-is-hadith'), 'definition', 'Defining Hadith & Sunnah',
'# What is Hadith?

A **hadith** (حديث) literally means "speech" or "narrative." In Islamic terminology, it refers to a record of the words, actions, approvals, or descriptions of the Prophet Muhammad (peace be upon him).

## Hadith vs. Sunnah

While often used interchangeably, there is a subtle distinction:

- **Hadith**: The actual narration or report
- **Sunnah**: The practice or way of the Prophet (PBUH) — what he consistently did

For example, the *sunnah* is to pray two rakaat before Fajr. The *hadith* is the narration that tells us: "The two rakaat of Fajr are better than the world and all it contains." (Sahih Muslim)

## Why Hadith Matter

The Quran commands Muslims to follow the Prophet (PBUH):

> "Whatever the Messenger gives you, take it; and whatever he forbids you, abstain from it." (Quran 59:7)

Hadith serve as:
1. **Explanation** of the Quran
2. **Legislation** on matters not explicitly in the Quran
3. **Practical guidance** for daily life
4. **Spiritual inspiration** and moral lessons',
'reading', 1, false, 10),

((SELECT id FROM learning_modules WHERE slug = 'what-is-hadith'), 'preservation', 'How Hadith Were Preserved',
'# Preservation of Hadith

## The Oral Tradition

In the early generations, hadith were primarily transmitted orally. The companions (Sahaba) had incredible memories, trained in the Arab oral tradition.

- **Memorization**: Companions memorized the Prophet''s words with precision
- **Written records**: Some companions like Abu Hurairah and Abdullah ibn Amr wrote hadith
- **Teaching circles**: Regular gatherings where hadith were transmitted

## The Compilation Period

By the end of the first century AH, scholars began systematically collecting hadith:

| Scholar | Collection | Period |
|---------|-----------|--------|
| Imam Malik | Al-Muwatta | ~150 AH |
| Imam Bukhari | Sahih al-Bukhari | ~256 AH |
| Imam Muslim | Sahih Muslim | ~261 AH |

## The Science of Verification

Islamic scholars developed **rigorous methods** to verify hadith:

1. Examining every narrator in the chain
2. Checking for consistency across multiple reports
3. Ensuring the text does not contradict the Quran
4. Verifying biographical details of narrators

This produced one of the most sophisticated verification systems in human history.',
'reading', 2, false, 12),

((SELECT id FROM learning_modules WHERE slug = 'what-is-hadith'), 'role-in-islam', 'The Role of Hadith in Islam',
'# The Role of Hadith in Islam

## Second Source of Legislation

After the Quran, hadith are the second most important source of Islamic law and guidance. The Quran often gives general commands, and hadith provide the specific details.

**Example**: The Quran commands: "Establish prayer" (Quran 2:43). But *how* do we pray? The details come from hadith.

## Five Functions of Hadith

1. **Explaining the Quran**: Hadith clarify ambiguous verses
2. **Specifying the general**: Adding detail to broad Quranic commands
3. **Restricting the unrestricted**: Narrowing general rulings
4. **Independent legislation**: Rulings not found in the Quran
5. **Confirming Quranic rulings**: Reinforcing what the Quran states

## A Living Example

The Prophet (PBUH) said: "I have been given the Quran and something similar to it along with it." (Abu Dawud)

Aisha (RA) described him: "His character was the Quran." (Sahih Muslim)',
'reading', 3, true, 10)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- Lessons for "Structure of a Hadith"
INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'hadith-structure'), 'isnad-chain', 'The Isnad (Chain of Narration)',
'# The Isnad: Chain of Narration

## What is an Isnad?

The **isnad** (إسناد) is the chain of narrators who transmitted the hadith from one person to the next, going back to the Prophet (PBUH).

A typical isnad looks like:

> "A told me that B told him that C heard from D who heard the Prophet (PBUH) say..."

Each person in this chain is called a **rawi** (narrator).

## Why the Chain Matters

Abdullah ibn al-Mubarak said: "The isnad is part of the religion. Were it not for the isnad, anyone could say whatever they wished."

Scholars examined each narrator for:
- **Integrity** (''adalah): Were they honest and upright?
- **Precision** (dabt): Did they have a strong memory?
- **Continuity**: Did each narrator actually meet the one before them?

## Types of Chains

| Type | Description |
|------|-------------|
| **Connected (Muttasil)** | Every narrator met the next |
| **Elevated (''Ali)** | Fewer narrators between you and the Prophet |
| **Mursal** | A Tabi''i quotes the Prophet directly (missing a companion) |
| **Mu''allaq** | Beginning of chain is missing |',
'reading', 1, false, 12),

((SELECT id FROM learning_modules WHERE slug = 'hadith-structure'), 'matn-text', 'The Matn (Text)',
'# The Matn: Text of the Hadith

The **matn** (متن) is the actual content of the hadith — the words, actions, or description being reported.

## Types of Matn

1. **Verbal hadith (Qawli)**: Words spoken by the Prophet (PBUH)
2. **Action hadith (Fi''li)**: Something he did
3. **Approval hadith (Taqriri)**: Something he silently approved
4. **Descriptive hadith (Wasfi)**: Physical or character descriptions

## Evaluating the Text

Even with a strong chain, scholars also checked the text for:
- Contradiction with the Quran
- Contradiction with other authentic hadith
- Contradiction with reason or established facts
- Grammatical irregularities unusual for prophetic speech',
'reading', 2, true, 10)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- Lessons for "Major Collections"
INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'major-collections'), 'bukhari-muslim', 'Sahih Bukhari & Sahih Muslim',
'# The Two Sahihs

## Sahih al-Bukhari

**Imam al-Bukhari** (194-256 AH) compiled the most authentic collection:
- Collected over 600,000 hadith, selected ~7,275 (with repetitions)
- ~2,602 unique hadith
- Spent 16 years compiling
- Applied the strictest criteria: every narrator must have **met** the one above them

## Sahih Muslim

**Imam Muslim** (204-261 AH) compiled the second most authentic collection:
- Selected ~7,563 hadith from 300,000
- ~3,033 unique hadith
- Better organized thematically
- Narrators needed to be **contemporaries** (not necessarily proven to have met)

## "Agreed Upon" (Muttafaq Alayh)

When a hadith appears in **both** Bukhari and Muslim, it is called "agreed upon" and is among the most reliable hadith in existence.',
'reading', 1, false, 15),

((SELECT id FROM learning_modules WHERE slug = 'major-collections'), 'four-sunan', 'The Four Sunan Collections',
'# The Four Sunan

## 1. Sunan Abu Dawud (d. 275 AH)
- Focus: **Legal rulings** (fiqh-oriented), ~5,274 hadith

## 2. Jami'' al-Tirmidhi (d. 279 AH)
- Focus: **Juristic opinions** alongside hadith, ~3,956 hadith, grades each hadith

## 3. Sunan al-Nasa''i (d. 303 AH)
- Focus: **Precision and criticism**, ~5,761 hadith, most critical analysis after Bukhari

## 4. Sunan Ibn Majah (d. 273 AH)
- Focus: **Comprehensive legal topics**, ~4,341 hadith

## Grading System

| Grade | Arabic | Meaning |
|-------|--------|---------|
| Sahih | صحيح | Authentic |
| Hasan | حسن | Good/Fair |
| Da''if | ضعيف | Weak |
| Mawdu'' | موضوع | Fabricated |',
'reading', 2, true, 12)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- Lesson for "Reading Hadith"
INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'reading-hadith'), 'practical-reading', 'Reading a Hadith Step by Step',
'# How to Read a Hadith

## Step-by-Step Approach

### 1. Check the Source
- Which collection? What grading?

### 2. Read the Chain
- Who narrated it? Famous companions narrated thousands.

### 3. Understand the Text
- Read carefully, note conditions or context.

### 4. Consider the Context
- When was this said? Who was the audience? General or specific?

### 5. Reflect and Apply
- What lesson can I take? How does it connect to my life?

## Common Pitfalls

1. **Taking hadith out of context**
2. **Ignoring the grading**
3. **Cherry-picking**
4. **Ignoring scholarly commentary**',
'reading', 1, true, 12)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- ============================================
-- Path 2: Daily Practice (Beginner)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('daily-practice', 'Daily Practice', 'الممارسة اليومية', 'Build prophetic habits',
 'Learn the essential daily sunnahs and build them into your routine.',
 'تعلم السنن اليومية الأساسية واجعلها جزءاً من روتينك.',
 'beginner', 'sun', '#C5A059', 6, 2, 4, 4, false)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'daily-practice'), 'morning-routine', 'Morning Sunnah Routine', 'Start your day the prophetic way', 1),
((SELECT id FROM learning_paths WHERE slug = 'daily-practice'), 'prayer-sunnahs', 'Sunnahs Around Prayer', 'Before, during, and after salah', 2),
((SELECT id FROM learning_paths WHERE slug = 'daily-practice'), 'social-sunnahs', 'Social Sunnahs', 'Interacting with others the prophetic way', 3),
((SELECT id FROM learning_paths WHERE slug = 'daily-practice'), 'evening-routine', 'Evening & Night Routine', 'End your day with remembrance and gratitude', 4)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'morning-routine'), 'waking-up', 'Waking Up the Prophetic Way',
'# Waking Up the Prophetic Way

Upon waking, say:

> **"Alhamdu lillahil-ladhi ahyana ba''da ma amatana wa ilayhin-nushur"**
> "All praise is for Allah who gave us life after having taken it from us, and unto Him is the resurrection." (Bukhari)

## The Sunnah Steps

1. **Wipe your face** with your hands
2. **Use a miswak** or brush your teeth
3. **Wash your hands** three times
4. **Perform wudu** properly
5. **Pray two light rakaat** (Sunnah of Fajr)

## Morning Adhkar

After Fajr prayer, stay seated and recite:
- Ayat al-Kursi
- The three Quls (three times each)
- SubhanAllah (33x), Alhamdulillah (33x), Allahu Akbar (34x)',
'reading', 1, false, 10)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- ============================================
-- Path 3: Hadith Sciences (Intermediate)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('hadith-sciences', 'Hadith Sciences', 'مصطلح الحديث', 'Mustalah al-Hadith',
 'Dive into the methodology scholars use to classify and authenticate hadith.',
 'تعمق في منهجية تصنيف الأحاديث والتحقق من صحتها.',
 'intermediate', 'flask-conical', '#0D47A1', 12, 3, 4, 4, true)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'hadith-sciences'), 'classification', 'Classification of Hadith', 'How hadith are categorized and graded', 1),
((SELECT id FROM learning_paths WHERE slug = 'hadith-sciences'), 'narrator-criticism', 'Narrator Criticism (Jarh wa Ta''dil)', 'How scholars evaluate narrators', 2),
((SELECT id FROM learning_paths WHERE slug = 'hadith-sciences'), 'defects', 'Hidden Defects (Ilal)', 'Identifying subtle issues in hadith', 3),
((SELECT id FROM learning_paths WHERE slug = 'hadith-sciences'), 'application', 'Practical Application', 'Applying hadith sciences to real narrations', 4)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

INSERT INTO learning_lessons (module_id, slug, title, content_markdown, content_type, sort_order, has_quiz, estimated_minutes) VALUES
((SELECT id FROM learning_modules WHERE slug = 'classification'), 'by-authenticity', 'Classification by Authenticity',
'# Classification by Authenticity

## The Four Main Grades

### 1. Sahih (Authentic)
Requires: continuous chain, trustworthy narrators, precise memory, no hidden defects, no irregularity.

### 2. Hasan (Good)
Same as Sahih but narrators have slightly lesser precision. Still acceptable for rulings.

### 3. Da''if (Weak)
Missing one or more Sahih conditions. Scholars differ on using weak hadith for encouragement.

### 4. Mawdu'' (Fabricated)
Invented narrations. Completely rejected.

## Sub-categories
- **Sahih li-dhatihi**: Authentic on its own merit
- **Sahih li-ghayrihi**: Raised to Sahih through supporting narrations',
'reading', 1, true, 15)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, content_markdown = EXCLUDED.content_markdown;

-- ============================================
-- Path 4: Comparative Study (Intermediate)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('comparative', 'Comparative Hadith Study', 'دراسة الحديث المقارنة', 'Cross-collection analysis',
 'Compare narrations across collections. Understand varying chains and wordings.',
 'قارن الروايات عبر المجموعات المختلفة.',
 'intermediate', 'git-compare', '#880E4F', 10, 4, 3, 3, true)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'comparative'), 'cross-referencing', 'Cross-Referencing Narrations', 'Finding the same hadith across collections', 1),
((SELECT id FROM learning_paths WHERE slug = 'comparative'), 'wording-differences', 'Understanding Wording Differences', 'Why the same hadith has different words', 2),
((SELECT id FROM learning_paths WHERE slug = 'comparative'), 'scholarly-approaches', 'Scholarly Approaches', 'How different scholars approached hadith collection', 3)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

-- ============================================
-- Path 5: Thematic Deep Dives (Advanced)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('thematic', 'Thematic Deep Dives', 'الدراسات الموضوعية', 'Master specific topics',
 'Master specific topics through comprehensive hadith analysis.',
 'أتقن مواضيع محددة من خلال تحليل شامل للأحاديث.',
 'advanced', 'layers', '#3E2723', 15, 5, 3, 3, true)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'thematic'), 'forty-nawawi', 'The Forty Nawawi', 'In-depth study of Imam Nawawi''s famous forty hadith', 1),
((SELECT id FROM learning_paths WHERE slug = 'thematic'), 'rights-in-islam', 'Rights in Islam', 'Rights of Allah, self, family, neighbors, animals', 2),
((SELECT id FROM learning_paths WHERE slug = 'thematic'), 'prophetic-medicine', 'Prophetic Medicine (Tibb Nabawi)', 'Health guidance from the Sunnah', 3)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

-- ============================================
-- Path 6: Great Hadith Scholars (Advanced)
-- ============================================
INSERT INTO learning_paths (slug, title, title_ar, subtitle, description, description_ar, level, icon_name, color, estimated_hours, sort_order, total_modules, total_lessons, is_premium) VALUES
('scholars', 'Great Hadith Scholars', 'أعلام المحدثين', 'Lives and methodologies',
 'Study the lives and methodologies of the greatest hadith scholars.',
 'ادرس حياة ومناهج أعظم علماء الحديث.',
 'advanced', 'graduation-cap', '#263238', 10, 6, 3, 3, true)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description, color = EXCLUDED.color;

INSERT INTO learning_modules (path_id, slug, title, description, sort_order) VALUES
((SELECT id FROM learning_paths WHERE slug = 'scholars'), 'early-collectors', 'Early Collectors', 'Imam Malik, Imam Ahmad, and the early compilation', 1),
((SELECT id FROM learning_paths WHERE slug = 'scholars'), 'six-imams', 'The Six Imams', 'Bukhari, Muslim, Abu Dawud, Tirmidhi, Nasa''i, Ibn Majah', 2),
((SELECT id FROM learning_paths WHERE slug = 'scholars'), 'later-scholars', 'Later Hadith Masters', 'Ibn Hajar, Nawawi, Dhahabi, and their contributions', 3)
ON CONFLICT (slug) DO UPDATE SET title = EXCLUDED.title, description = EXCLUDED.description;

COMMIT;
[V0_FILE]sql:file="scripts/063-seed-ashara-mubashara.sql" isMerged="true"
-- Phase 2C: Seed the remaining 8 of the Ashara Mubashara (10 Promised Paradise)
-- Abu Bakr and Umar already exist. Khadijah, Bilal, Salman stay as bonus companions.

BEGIN;

-- Uthman ibn Affan
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('uthman-ibn-affan', 'Uthman ibn Affan', 'عثمان بن عفان', 'Dhun-Nurayn (Possessor of Two Lights)', 'ذو النورين', 'BookOpen', 'emerald', -47, 35, ARRAY['Compiled the Quran', 'Legendary generosity', 'Third Caliph', 'Married two daughters of the Prophet'], 4, 17, '#059669', '#34d399', true, 3)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Shy Believer', 'المؤمن الحيي',
'In the bustling markets of Makkah, Uthman ibn Affan was already known as a man of impeccable character and immense wealth. Unlike many of Quraysh''s elite, he was soft-spoken and modest — so much so that the Prophet (PBUH) later said, "Should I not feel shy before a man whom even the angels feel shy before?"

When Abu Bakr invited him to Islam, Uthman did not hesitate. He had recently returned from a trading journey to Syria where a monk had told him, "A prophet is about to emerge in the land of the sanctuary." The message of Tawhid resonated deeply with his pure nature.

His conversion came at great personal cost. His uncle, al-Hakam ibn Abi al-As, tied him up and swore not to release him until he renounced the new faith. But Uthman''s resolve was unshakeable: "By Allah, I will never leave it."

He married Ruqayyah, the daughter of the Prophet (PBUH), cementing a bond that would define his life. When persecution in Makkah became unbearable, they were among the first to emigrate to Abyssinia, sacrificing comfort and homeland for their faith.',
'In a city of loud merchants and proud warriors, there walked a man so modest that even the angels were said to feel shy in his presence.',
'True modesty is not weakness but a quiet strength that transforms hearts.',
'Uthman converted to Islam very early, becoming one of the first believers.',
850, 4, true
FROM sahaba s WHERE s.slug = 'uthman-ibn-affan';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 2, 'The Man Who Gave Everything', 'الرجل الذي أعطى كل شيء',
'Uthman''s generosity became the stuff of legend in Madinah. When the Muslims first arrived and found the water supply controlled by a merchant who charged high prices, Uthman purchased the entire well of Rumah and made it free for all people.

When the Prophet (PBUH) called for provisions for the army of Tabuk, Uthman stepped forward with a contribution that staggered everyone: 940 camels, 60 horses, and 10,000 dinars. The Prophet (PBUH) kept turning the coins over in his hands and said, "Nothing Uthman does after today will harm him."

When the Prophet''s mosque became too small, it was Uthman who purchased the adjacent land and funded the expansion. After the Prophet''s death, Uthman continued to serve. When Umar was stabbed and a council was formed to choose the next Caliph, Uthman was chosen for his piety, his connection to the Prophet, and his ability to unite people.',
'When the entire Muslim army needed supplies for a march into the scorching desert, one man alone equipped nearly a thousand camels.',
'Generosity is not about what you give, but the sincerity with which you give it.',
'The expedition to Tabuk (630 CE) was the last major military campaign during the Prophet''s lifetime.',
800, 4, true
FROM sahaba s WHERE s.slug = 'uthman-ibn-affan';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 3, 'The Preservation of the Quran', 'حفظ القرآن',
'As the third Caliph, Uthman faced a challenge that would shape Islamic history forever. The Muslim empire had expanded rapidly, and people from different regions were reciting the Quran in different dialects, leading to disputes.

Hudhayfah ibn al-Yaman warned urgently: "O Commander of the Faithful, save this Ummah before they differ about the Book." Uthman acted decisively. He assembled a committee headed by Zayd ibn Thabit. Using the master copy kept by Hafsah bint Umar, they produced standardized copies.

These copies — known as the Uthmani Mushaf — were sent to every major city: Makkah, Madinah, Basra, Kufa, and Damascus. Every Mushaf in the world today traces back to Uthman''s standardization — a legacy that no amount of gold could equal.',
'When the words of God were being recited differently across a vast empire, one man made the decision that would preserve them unchanged for over a millennium.',
'Leadership sometimes requires making difficult decisions for the greater good.',
'The standardization of the Quran occurred around 650 CE.',
850, 4, true
FROM sahaba s WHERE s.slug = 'uthman-ibn-affan';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 4, 'The Siege and the Martyr', 'الحصار والشهيد',
'The final chapter of Uthman''s life is one of the most poignant in Islamic history. Rebels converged on Madinah, surrounding his house. Despite having the means to fight, Uthman refused to shed Muslim blood. "I will not be the first successor of the Messenger of Allah to spill the blood of his Ummah," he declared.

For forty days, the siege continued. His water supply was cut off. Ali ibn Abi Talib sent his sons Hasan and Husayn to guard Uthman''s door.

On the 18th of Dhul Hijjah, 35 AH, the rebels breached the walls. They found Uthman sitting with his Quran open. He was struck while reading, and his blood fell upon the verse: "Allah will suffice you against them" (2:137).

He died as he had lived — with the Quran on his lips, refusing to compromise the unity of the Ummah even at the cost of his own life.',
'As the mob broke through the walls, the aging Caliph sat calmly with his Quran open, his blood staining the very pages he had preserved for all humanity.',
'True courage is not in fighting back but in standing firm for your principles.',
'Uthman was martyred in 656 CE. His death triggered the First Fitna.',
800, 4, true
FROM sahaba s WHERE s.slug = 'uthman-ibn-affan';

-- Ali ibn Abi Talib
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('ali-ibn-abi-talib', 'Ali ibn Abi Talib', 'علي بن أبي طالب', 'Asadullah (Lion of Allah)', 'أسد الله', 'Sword', 'red', -23, 40, ARRAY['Gate of Knowledge', 'Lion of Khaybar', 'Fourth Caliph', 'First youth to accept Islam'], 4, 18, '#dc2626', '#f87171', true, 4)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Boy in the Prophet''s House', 'الفتى في بيت النبي',
'When famine struck Makkah, Abu Talib struggled to feed his large family. The Prophet (PBUH) and Abbas decided to ease the burden by each taking one of Abu Talib''s sons. The Prophet chose Ali, then about five years old.

Growing up in the household of the future Prophet, Ali witnessed Muhammad''s character firsthand. When revelation came, Ali — barely ten — became the first youth to declare his faith. His father said, "Go with your cousin. He will never lead you to anything but good."

The night of the Hijrah, when assassins surrounded the Prophet''s house, it was young Ali who volunteered to sleep in the Prophet''s bed, covering himself with the Prophet''s green cloak. He knew the swords were coming — and lay down anyway. This act was immortalized in the Quran: "And among people is he who sells his soul seeking the pleasure of Allah" (2:207).',
'A boy of ten stood before the most powerful man in Makkah and declared a faith that could cost him everything.',
'True faith often begins with a simple, courageous choice made when no one else is watching.',
'Ali was raised in the Prophet''s household from around age 5.',
900, 5, true
FROM sahaba s WHERE s.slug = 'ali-ibn-abi-talib';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 2, 'The Lion of Khaybar', 'أسد خيبر',
'Ali''s bravery on the battlefield was legendary. At Badr, he was among the most fierce fighters. At Uhud, when many fled, Ali stood firm, shielding the Prophet with his own body.

But it was at Khaybar that his legend reached its peak. The Muslim army had been unable to breach the fortress for days. Then the Prophet announced: "Tomorrow I will give the banner to a man who loves Allah and His Messenger, and Allah and His Messenger love him."

Every companion hoped to be chosen. The next morning, the Prophet called for Ali — suffering from a severe eye infection. The Prophet applied his blessed saliva to Ali''s eyes, and they were healed instantly. Ali took the banner, marched to the fortress, struck down the champion in single combat, then lifted the massive iron gate of the fortress and used it as a shield.

When asked later about the gate, Ali said, "I didn''t feel it was heavier than my own shield."',
'When the greatest warriors had tried and failed to breach the fortress, the Prophet smiled and said: "Tomorrow, the banner goes to a man whom Allah and His Messenger love."',
'Strength comes not from physical power alone but from the love and trust placed in you by those who matter most.',
'The Battle of Khaybar (628 CE) was fought against fortified opposition north of Madinah.',
850, 4, true
FROM sahaba s WHERE s.slug = 'ali-ibn-abi-talib';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 3, 'The Gate of Knowledge', 'باب مدينة العلم',
'If Ali''s sword was legendary, his mind was even more so. The Prophet (PBUH) said, "I am the city of knowledge, and Ali is its gate."

Ali''s understanding of the Quran was unparalleled. Umar reportedly said, "If it were not for Ali, Umar would have perished." His sermons and letters, compiled in Nahj al-Balagha, remain some of the most eloquent Arabic prose ever written.

As Caliph, Ali demonstrated justice even toward his opponents. When his own shield was found with a non-Muslim citizen and brought to court, the judge ruled against Ali because he could not provide sufficient witnesses. Ali accepted the ruling without complaint, showing that the ruler is not above the law.

He established revolutionary principles of governance: the rights of citizens regardless of faith, the accountability of rulers, the importance of consultation, and the obligation to protect the weak.',
'The man who could split a fortress gate could also weep all night in prayer, his words flowing with a wisdom scholars would study for fourteen centuries.',
'True knowledge is about understanding justice, showing mercy, and serving truth even when it costs you personally.',
'Ali served as Caliph from 656-661 CE during a turbulent period.',
800, 4, true
FROM sahaba s WHERE s.slug = 'ali-ibn-abi-talib';

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 4, 'The Legacy of the Lion', 'إرث الأسد',
'Ali''s final years were marked by his unwavering commitment to justice despite fitna. Even as he fought battles against fellow Muslims, he insisted on treating prisoners with dignity and always seeking reconciliation.

His asceticism was remarkable for a head of state. He wore patched clothes, ate simple food, and distributed the treasury to the people. Once, when brought a beautiful dish, he pushed it away: "I do not eat something that the poorest citizen of my state cannot afford."

On the 19th of Ramadan, 40 AH, while leading Fajr prayer, Ali was struck by a poisoned sword. Even dying, his concern was for others: "Do not kill anyone in retaliation other than my killer. Strike him one strike as he struck me — but do not mutilate him."

He passed away two days later. The man who had slept in the Prophet''s bed as a boy, who had lifted the gate of Khaybar, who had been the gate of knowledge — died with justice on his lips and mercy in his heart.',
'As the poisoned blade struck him at dawn, the Lion of Allah''s last concern was not vengeance but justice — even for his own killer.',
'The measure of a life is not in how it ends but in the principles it upholds until the very last breath.',
'Ali was assassinated in 661 CE in Kufa. His death ended the era of the Rightly Guided Caliphs.',
850, 4, true
FROM sahaba s WHERE s.slug = 'ali-ibn-abi-talib';

-- Talha ibn Ubaydullah
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('talha-ibn-ubaydullah', 'Talha ibn Ubaydullah', 'طلحة بن عبيد الله', 'The Living Martyr', 'الشهيد الحي', 'Shield', 'amber', -29, 36, ARRAY['Human shield at Uhud', 'Among first eight Muslims', 'Walking martyr', 'Extraordinary generosity'], 1, 5, '#d97706', '#fbbf24', true, 6)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Shield of Uhud', 'درع أحد',
'The Battle of Uhud was turning into a disaster. The archers had abandoned their positions, the Quraysh cavalry swept around from behind. In the chaos, the Prophet (PBUH) was struck in the face and a false cry rang out: "Muhammad is dead!"

Most of the army scattered. But Talha ibn Ubaydullah did not move. He rushed toward the Prophet and placed his own body between the Messenger of Allah and the oncoming swords.

Arrow after arrow struck him. Sword after sword slashed his flesh. He raised his hand to block a strike aimed at the Prophet''s face — and his fingers were severed, never to move again. He wrapped his arms around the Prophet, absorbing blow after blow, until his body bore over seventy wounds.

Abu Bakr, arriving at the scene, found Talha standing — barely — drenched in blood, still positioned between the Prophet and the enemy. The Prophet later said: "It was Talha''s day. All of it."

He survived Uhud, carrying those scars for life. His paralyzed hand became a badge of honor. The Prophet named him "the Living Martyr" — a man who had already paid the price of martyrdom yet walked among the living.',
'Seventy wounds. Severed fingers. A body turned into a human shield. And still, he did not step aside.',
'The greatest acts of courage are those done when no one expects you to stay.',
'The Battle of Uhud (625 CE) was a significant setback due to archers leaving their posts.',
900, 5, true
FROM sahaba s WHERE s.slug = 'talha-ibn-ubaydullah';

-- Al-Zubayr ibn al-Awwam
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('zubayr-ibn-al-awwam', 'Al-Zubayr ibn al-Awwam', 'الزبير بن العوام', 'Disciple of the Messenger', 'حواري رسول الله', 'Swords', 'sky', -29, 36, ARRAY['First to draw sword for Islam', 'Prophet''s cousin', 'Hawari of the Messenger', 'Fought in every battle'], 1, 4, '#0284c7', '#38bdf8', true, 7)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The First Sword of Islam', 'أول سيف في الإسلام',
'He was only fifteen when he accepted Islam, but Al-Zubayr had the heart of a lion. As the Prophet''s own cousin, he recognized the truth immediately.

His uncle tried to break him — rolling the young Zubayr in a straw mat and lighting fire beneath it. "Renounce Muhammad!" he would demand. Through the smoke and burning, Zubayr''s voice rang clear: "I will never disbelieve."

One day, a rumor spread that the Prophet had been killed. Zubayr, still a teenager, drew his sword and rushed through the streets of Makkah, ready to fight the entire city if necessary. He became the first person in Islamic history to draw a sword in defense of the faith.

He met the Prophet safe and unharmed, who smiled at the young man''s fierce loyalty and prayed for both him and his sword. The Prophet honored him with the title "Hawari" — Disciple — saying, "Every prophet had a disciple, and my disciple is Zubayr."',
'A fifteen-year-old boy drew his sword and charged alone through the streets of Makkah because he heard the Prophet might be in danger.',
'Loyalty is proven not by words but by action in the moment of crisis.',
'Al-Zubayr accepted Islam around 611 CE at approximately age 15.',
800, 4, true
FROM sahaba s WHERE s.slug = 'zubayr-ibn-al-awwam';

-- Sa'd ibn Abi Waqqas
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('sad-ibn-abi-waqqas', 'Sa''d ibn Abi Waqqas', 'سعد بن أبي وقاص', 'The Answered Prayer', 'مستجاب الدعوة', 'Target', 'violet', -28, 55, ARRAY['Prayers never rejected', 'First to shoot arrow for Islam', 'Conqueror of Persia', 'Strategic military genius'], 1, 4, '#7c3aed', '#a78bfa', true, 8)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Prayer That Never Returned Empty', 'الدعاء الذي لا يُرد',
'Sa''d ibn Abi Waqqas was seventeen when he saw a dream that changed his life. In it, he was drowning in darkness when a brilliant moon appeared. When he woke, he learned that Muhammad (PBUH) had begun preaching. He became one of the first seven people to accept Islam.

His mother launched the most dramatic protest imaginable: a hunger strike. "I will neither eat nor drink until you abandon Muhammad''s religion. I will die, and you will be called the killer of his own mother."

For days, Sa''d watched his mother waste away. Finally, he came to her with tears: "O my mother, even if you had a hundred souls, and they departed one by one, I would not abandon this religion."

Allah revealed a verse about this: "But if they strive to make you associate with Me that of which you have no knowledge, do not obey them. But accompany them in this world with kindness" (31:15).

The Prophet made a special du''a for Sa''d: "O Allah, direct his aim, and answer his supplication." This prayer followed Sa''d for life — everyone in Madinah knew that Sa''d''s du''a was guaranteed to be answered.',
'His mother swore she would starve herself to death unless he abandoned Islam. He wept, looked at her, and made the hardest choice of his young life.',
'Sometimes loving someone means standing firm in truth even when they cannot understand your path.',
'Sa''d was among the first seven converts to Islam.',
850, 4, true
FROM sahaba s WHERE s.slug = 'sad-ibn-abi-waqqas';

-- Sa'id ibn Zayd
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('said-ibn-zayd', 'Sa''id ibn Zayd', 'سعيد بن زيد', 'The Seeker of Truth', 'الباحث عن الحق', 'Search', 'teal', -30, 51, ARRAY['Son of a pre-Islamic monotheist', 'Instrumental in Umar''s conversion', 'Fought in every battle except Badr', 'Known for absolute integrity'], 1, 5, '#0d9488', '#2dd4bf', true, 9)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Recitation That Changed History', 'التلاوة التي غيرت التاريخ',
'The story of Sa''id ibn Zayd is inseparable from one of the most dramatic conversion stories in Islam — the conversion of Umar ibn al-Khattab.

Sa''id had married Fatimah bint al-Khattab, Umar''s own sister. Together, they accepted Islam in secret. They would meet with Khabbab ibn al-Aratt, who would teach them the Quran behind closed doors.

One fateful evening, Umar stormed toward their house, sword in hand. Inside, Khabbab was reading Surah TaHa. Hearing footsteps, Khabbab hid, and Fatimah concealed the parchment. Umar burst in and demanded to know what they were reading. When they denied it, he struck Sa''id, and when Fatimah stepped between them, Umar struck her too, drawing blood.

Something shifted when he saw his sister bleeding. Guilt overcame anger. "Show me what you were reading." Fatimah refused until he washed himself. When he read the opening of TaHa — "We have not sent down the Quran to cause you distress" — the words pierced his heart.

"How beautiful and noble these words are," Umar whispered. He went straight to the Prophet and declared his Islam. Sa''id and Fatimah''s quiet faith had triggered the conversion of the man who would become Islam''s greatest Caliph.',
'Behind a closed door, a husband and wife read forbidden words. Outside, an enraged warrior approached with a drawn sword. What happened next changed history.',
'The quiet, steady practice of faith in private can have consequences beyond anything we imagine.',
'Umar''s conversion (c. 616 CE) was a turning point for the early Muslim community.',
900, 5, true
FROM sahaba s WHERE s.slug = 'said-ibn-zayd';

-- Abdur-Rahman ibn Awf
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('abdur-rahman-ibn-awf', 'Abdur-Rahman ibn Awf', 'عبد الرحمن بن عوف', 'The Blessed Merchant', 'التاجر المبارك', 'Coins', 'yellow', -43, 32, ARRAY['Self-made merchant', 'Legendary charity', 'Refused handouts', 'Chaired the Shura council'], 1, 5, '#ca8a04', '#facc15', true, 10)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'Just Show Me the Market', 'دُلّوني على السوق',
'When Abdur-Rahman arrived in Madinah as a penniless emigrant, the Prophet paired him with Sa''d ibn al-Rabi, a wealthy Ansari. Sa''d offered Abdur-Rahman half of everything he owned — his wealth, his properties, even proposing to divorce one of his wives so that Abdur-Rahman could marry her.

It was an offer most destitute refugees would have accepted. But Abdur-Rahman''s response became one of the most famous phrases in Islamic history: "May Allah bless you. Just show me the way to the marketplace."

With nothing but his wits and integrity, he went to the market and began trading cheese and butter. Within days, he had profit. Within weeks, he was known. Within months, he was wealthy again.

When he appeared before the Prophet with traces of saffron on his clothes (indicating marriage), the Prophet asked the dowry. "The weight of a date-stone in gold." The Prophet smiled: "Give a wedding feast, even with just one sheep."

His charity was staggering: 40,000 dinars at once, then 40,000 dirhams, then 500 horses, then 500 camels. Once, an entire caravan of 700 camels loaded with goods arrived — and he donated every single one. Aisha (RA) said: "May Allah give him water from the Salsabil spring in Paradise."',
'He arrived as a refugee with nothing. When offered half of a rich man''s fortune, he said five words that would echo through fourteen centuries.',
'Dignity lies not in what you receive but in what you earn. Self-reliance, paired with faith, transforms empty hands into overflowing ones.',
'The pairing of Muhajirin with Ansar was one of the first social programs in Madinah.',
900, 5, true
FROM sahaba s WHERE s.slug = 'abdur-rahman-ibn-awf';

-- Abu Ubayda ibn al-Jarrah
INSERT INTO sahaba (slug, name_en, name_ar, title_en, title_ar, icon, color_theme, birth_year_hijri, death_year_hijri, notable_for, total_parts, estimated_read_time_minutes, theme_primary, theme_secondary, is_published, display_order)
VALUES ('abu-ubayda-ibn-al-jarrah', 'Abu Ubayda ibn al-Jarrah', 'أبو عبيدة بن الجراح', 'Trustee of the Ummah', 'أمين الأمة', 'ShieldCheck', 'indigo', -40, 18, ARRAY['Trustee of the Ummah', 'Conquered the Levant', 'Removed helmet rings from Prophet''s face', 'Chose to die with his soldiers'], 1, 5, '#4f46e5', '#818cf8', true, 11)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO story_parts (sahabi_id, part_number, title_en, title_ar, content_en, opening_hook, key_lesson, historical_context, word_count, estimated_read_minutes, is_published)
SELECT s.id, 1, 'The Trustee of the Nation', 'أمين الأمة',
'Abu Ubayda was not the wealthiest companion, nor the most eloquent, nor the fiercest warrior. But he possessed something rarer: absolute, unshakeable trustworthiness.

When a delegation from Najran asked the Prophet to send someone trustworthy, the Prophet said: "I will send you a man who is truly trustworthy." Every companion hoped to be chosen. Then: "Rise, O Abu Ubayda." From that day, he was known as "Amin al-Ummah."

At Uhud, after the Prophet was struck and two helmet rings pierced his cheek, Abu Ubayda removed them using his own teeth, losing two front teeth in the process. The companions said he was the most handsome man ever to be missing his front teeth.

His greatest test came at Badr. Across the battlefield stood his own father, fighting against Islam. Abu Ubayda tried to avoid him, but his father kept seeking him out. When there was no choice left, Abu Ubayda faced his father in combat — a moment that tore his heart but not his commitment to truth.

Years later, commanding armies in Syria, a plague struck. Umar wrote: "Come to me immediately." Abu Ubayda, knowing Umar was trying to save him, wrote back: "I am in the army of Muslims and I have no desire to save myself from what afflicts them." He died of plague in the Jordan Valley, surrounded by the soldiers he refused to abandon.',
'He was asked to name the most trustworthy man alive. The Prophet did not hesitate for even a heartbeat.',
'Trustworthiness is the foundation of all virtues. Without it, bravery becomes recklessness and generosity becomes vanity.',
'Abu Ubayda commanded Muslim forces during the conquest of Syria (634-638 CE) and died in the Plague of Amwas in 639 CE.',
900, 5, true
FROM sahaba s WHERE s.slug = 'abu-ubayda-ibn-al-jarrah';

COMMIT;
[V0_FILE]sql:file="scripts/064-seed-prophets-part1.sql" isMerged="true"
-- Phase 2D: Seed Prophets of the Quran (Part 1: Adam through Shu'ayb)
-- All 25 Prophets mentioned in the Quran, with multi-part story narratives

-- 1. Adam (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('adam', 'Adam', 'آدم', 'Father of Humanity', 'أبو البشرية', 'The Beginning', 25, 4, 20, 'emerald', '#059669', '#D1FAE5', 'Sprout', 1, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'adam'), 1, 'The Creation of the First Man',
'When Allah announced to the angels that He would place a khalifah (vicegerent) upon the earth, they questioned this decision — not out of disobedience, but out of concern. "Will You place therein one who will cause corruption and shed blood, while we glorify You with praise and declare Your perfection?" they asked. But Allah responded with words that silenced all doubt: "Indeed, I know that which you do not know."

Allah created Adam from clay — from black mud altered, from sounding clay like pottery. He fashioned him with His own Hands, breathing into him from His spirit. The angels were commanded to prostrate before this new creation, and they all complied — all except Iblis, who refused out of arrogance, saying, "I am better than him. You created me from fire and created him from clay."

This was the first act of arrogance in creation, and it set in motion the eternal struggle between guidance and misguidance that defines the human experience.

Allah then taught Adam the names of all things — a knowledge that even the angels did not possess. When He presented these things to the angels and asked them to name them, they could not. But Adam named them all, demonstrating the unique capacity for knowledge that Allah had placed within the human being.',
'[{"surah": "Al-Baqarah", "ayah": "2:30-33", "text": "Indeed, I will make upon the earth a vicegerent."}, {"surah": "Al-Hijr", "ayah": "15:26-29", "text": "And We did certainly create man out of clay from an altered black mud."}, {"surah": "Sad", "ayah": "38:71-76", "text": "When I have proportioned him and breathed into him of My spirit, then fall down to him in prostration."}]',
'[{"collection": "Sahih Muslim", "number": "2611", "text": "Allah created Adam in His image, sixty cubits tall."}]',
'Every human being carries within them the capacity for knowledge that even angels do not possess — the ability to learn, name, and understand creation.',
'Before there was a single human footprint on earth, a conversation took place in the heavens that would determine the course of all history.',
'The creation of Adam represents the beginning of human history in Islamic theology. Unlike evolutionary narratives, the Quran presents humanity as a deliberate and honored creation.',
450, 5, true),

((SELECT id FROM prophets WHERE slug = 'adam'), 2, 'Paradise and the Fall',
'Adam was placed in Paradise (Jannah) — a garden of unimaginable beauty and abundance. There he could eat freely from whatever he wished, with one exception. Allah warned him: "Do not approach this tree, or you will be among the wrongdoers."

To complete his joy, Allah created Hawwa (Eve) from Adam, so that he would find tranquility in her companionship. Together they lived in bliss, wanting for nothing.

But Iblis, who had been cast out for his refusal to prostrate, had sworn to mislead Adam and his descendants. He whispered to them both, swearing by Allah that he was a sincere advisor. "Your Lord only forbade you this tree lest you become angels or become of the immortal," he said.

Through persistent whispering and false oaths, Iblis caused them both to slip. They ate from the forbidden tree, and immediately their covering was removed from them. They began to cover themselves with leaves of Paradise, experiencing shame for the first time.

Then came the voice of their Lord: "Did I not forbid you from that tree and tell you that Satan is to you a clear enemy?" There was no excuse, no shifting of blame. Adam and Hawwa turned to Allah with the most beautiful words of repentance: "Our Lord, we have wronged ourselves, and if You do not forgive us and have mercy upon us, we will surely be among the losers."

Allah accepted their repentance — and in this lies the foundational lesson of human existence. The human being is not defined by the mistake, but by the return to Allah after the mistake.',
'[{"surah": "Al-Baqarah", "ayah": "2:35-37", "text": "And We said, O Adam, dwell you and your wife in Paradise and eat therefrom."}, {"surah": "Al-A''raf", "ayah": "7:19-23", "text": "Our Lord, we have wronged ourselves."}, {"surah": "Taha", "ayah": "20:115-122", "text": "And Adam forgot, and We found not in him determination."}]',
'[{"collection": "Sahih Bukhari", "number": "3326", "text": "Were it not for Hawwa, no woman would ever betray her husband."}]',
'Repentance (tawbah) is not a sign of weakness but the very essence of the human relationship with Allah. The door of return is always open.',
'In a garden where every desire was fulfilled and every beauty was available, a single prohibition became the testing ground for all of human nature.',
'The concept of the Fall in Islam differs significantly from the Christian doctrine of Original Sin. In Islam, Adam repented and was forgiven — no inherited guilt passes to his descendants.',
500, 5, true),

((SELECT id FROM prophets WHERE slug = 'adam'), 3, 'The Descent to Earth',
'The descent of Adam and Hawwa to earth was not merely a punishment — it was the fulfillment of the original divine plan. Allah had declared from the beginning that He would place a vicegerent on earth. The time in Paradise was a preparation, a lesson in obedience, temptation, sin, and repentance that would equip humanity for its earthly mission.

Adam descended to earth carrying three gifts that would sustain his descendants forever: the knowledge of the names of all things, the words of repentance that Allah had taught him, and the promise that guidance would come from Allah to show the straight path.

"Descend from it, all of you," Allah commanded. "And when guidance comes to you from Me, whoever follows My guidance — there will be no fear concerning them, nor will they grieve."

On earth, Adam became the first prophet, the first teacher, and the first worshipper. He taught his children the oneness of Allah, the importance of gratitude, and the way of submission to the Creator. He established prayer and taught the principles that every prophet after him would reaffirm.

Adam lived for approximately one thousand years, watching his descendants multiply and spread across the earth. He witnessed both the best and worst of human nature — devotion and rebellion, brotherhood and the first murder when Qabil killed Habil.',
'[{"surah": "Al-Baqarah", "ayah": "2:38-39", "text": "We said: Get down all of you from here; and if there comes to you guidance from Me, whoever follows My guidance shall have no fear."}, {"surah": "Al-Ma''idah", "ayah": "5:27-31", "text": "And recite to them the story of Adam''s two sons in truth."}]',
'[{"collection": "Sunan at-Tirmidhi", "number": "3076", "text": "Adam was sixty cubits tall when he was created, and people have been decreasing in stature since then."}]',
'Earth is not a place of exile but a place of purpose. Every human being is here to fulfill the mission of being Allah''s vicegerent — to worship, to build, and to uphold justice.',
'When Adam''s feet first touched the soil of earth, he carried with him the memory of Paradise and the promise of an eventual return.',
'Islamic tradition holds that Adam descended to earth in the region of modern-day Sri Lanka or India, while Hawwa descended elsewhere, and they were eventually reunited near Arafah.',
420, 5, true),

((SELECT id FROM prophets WHERE slug = 'adam'), 4, 'Legacy of the First Prophet',
'Adam''s legacy extends far beyond being the first human — he was the first prophet, establishing the pattern of tawhid (monotheism) that every subsequent prophet would follow. The Prophet Muhammad (peace be upon him) described meeting Adam during the Night Journey (Isra and Mi''raj), finding him in the first heaven, welcoming the souls of his descendants.

The annual gathering at Arafah during Hajj commemorates the reunion of Adam and Hawwa on earth, and the covenant that Allah took from all of Adam''s descendants — the primordial covenant (mithaq) in which every soul testified to Allah''s lordship before being sent to earth.

Adam taught humanity its first and most important lesson: that the relationship between the Creator and creation is one of love, mercy, and the constant possibility of return. No matter how far one strays, the path back is always through the words he was given: "Our Lord, we have wronged ourselves, and if You do not forgive us and have mercy upon us, we will surely be among the losers."

When Adam finally passed away, the angels washed his body and buried him — establishing the funeral rites that Muslims follow to this day. His life was the template upon which all of human civilization would be built: knowledge, worship, family, repentance, and the eternal striving toward the divine.',
'[{"surah": "Al-A''raf", "ayah": "7:172", "text": "Am I not your Lord? They said: Yes, we testify."}, {"surah": "Al-Isra", "ayah": "17:70", "text": "And We have certainly honored the children of Adam."}]',
'[{"collection": "Sahih Muslim", "number": "162", "text": "I came to Adam and greeted him, and he said: Welcome, O righteous son and righteous prophet."}]',
'The honor of humanity is not earned but bestowed by Allah. Every person, as a child of Adam, carries inherent dignity that must be respected.',
'On the Night Journey, when the Prophet Muhammad ascended through the heavens, the very first soul he encountered was the father of all humanity.',
'The Hajj pilgrimage, performed by millions annually, contains echoes of Adam''s story — from the reunion at Arafah to the stoning of Iblis at Jamarat.',
380, 4, true);

-- 2. Idris (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('idris', 'Idris', 'إدريس', 'The Elevated One', 'الصادق', 'Early Humanity', 2, 2, 8, 'indigo', '#4F46E5', '#E0E7FF', 'BookOpen', 2, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'idris'), 1, 'The Scholar Among the Ancients',
'Idris (peace be upon him) holds a unique place among the prophets — he is described in the Quran with two remarkable attributes: truthfulness (siddiq) and prophethood (nabi). Allah raised him to a "high station," a phrase that scholars have interpreted as both spiritual elevation and a literal ascension.

Idris is believed to have been among the earliest generations after Adam, possibly the great-grandfather of Nuh (Noah). He was the first to write with a pen, the first to sew garments, and the first to study the movements of the stars and calculate mathematical principles. In him, worship and knowledge were unified — he demonstrated that the pursuit of understanding creation is itself an act of devotion to the Creator.

He called his people to the worship of Allah alone, warning them against the corruption that was beginning to spread among Adam''s descendants. While many listened, others turned away, beginning the pattern of rejection that would characterize the human relationship with prophetic guidance throughout history.',
'[{"surah": "Maryam", "ayah": "19:56-57", "text": "And mention in the Book, Idris. Indeed, he was a man of truth and a prophet. And We raised him to a high station."}, {"surah": "Al-Anbiya", "ayah": "21:85", "text": "And Isma''il and Idris and Dhul-Kifl, all were of the patient."}]',
'[{"collection": "Sahih Bukhari", "number": "3342", "text": "The Prophet met Idris in the fourth heaven during the Night Journey."}]',
'Knowledge and worship are not separate pursuits — the scholar who seeks understanding of creation is engaged in one of the highest forms of devotion.',
'He was the first to trace letters with a pen, the first to map the stars, and the first to transform animal skins into clothing — yet his greatest achievement was something far simpler.',
'Idris is often identified with the biblical Enoch. His placement in the fourth heaven during the Mi''raj suggests a station of particular honor.',
380, 4, true),

((SELECT id FROM prophets WHERE slug = 'idris'), 2, 'Raised to a High Station',
'The most remarkable aspect of Idris''s story is the divine statement: "And We raised him to a high station." This elevation was both spiritual and, according to many scholars, physical. Idris was taken up by Allah while still alive, a distinction shared with very few individuals in prophetic history.

His ascension was a reward for a life lived in complete devotion. Despite the growing wickedness around him, Idris never wavered in his call to truth. He fasted during the day and spent his nights in prayer and contemplation. Every breath was an act of remembrance of Allah.

The Prophet Muhammad (peace be upon him) encountered Idris in the fourth heaven during the Night Journey. Idris greeted him warmly, recognizing in Muhammad the final link in the chain of prophethood that had begun with his ancestor Adam.

Idris''s legacy is a reminder that in every age, there are those who choose the path of knowledge, patience, and devotion — and that such a path is never unrewarded, even when the world around them chooses differently.',
'[{"surah": "Maryam", "ayah": "19:57", "text": "And We raised him to a high station."}]',
'[{"collection": "Sahih Muslim", "number": "162", "text": "During the Mi''raj, the Prophet passed by Idris in the fourth heaven."}]',
'Consistency in devotion, even when unseen by others, is recognized and rewarded by Allah in ways beyond human imagination.',
'While the world around him descended into corruption, one man was literally ascending — not running from the world, but being elevated above it.',
'The concept of bodily ascension (raf'') in Islam is significant, as it appears in the stories of both Idris and Isa (Jesus).',
300, 4, true);

-- 3. Nuh (Noah) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('nuh', 'Nuh (Noah)', 'نوح', 'The Grateful Servant', 'عبد شكور', 'The Great Flood', 43, 4, 20, 'blue', '#2563EB', '#DBEAFE', 'Anchor', 3, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'nuh'), 1, 'Nine Hundred and Fifty Years of Patience',
'No prophet endured a longer mission than Nuh (peace be upon him). For nine hundred and fifty years, he called his people to the worship of Allah alone, yet only a handful believed. His story is one of the most detailed in the Quran, occupying an entire surah named after him, and referenced extensively across many others.

Nuh''s people had fallen into idol worship, venerating five idols — Wadd, Suwa, Yaghuth, Ya''uq, and Nasr — that were originally memorials to righteous people from earlier generations. Over time, veneration turned to worship, and the worship of these idols became so entrenched that the people could not imagine life without them.

Nuh called to them day and night, publicly and privately. He appealed to their reason: "Do you not see how Allah has created seven heavens in layers, and made the moon therein a light and made the sun a burning lamp?" He appealed to their self-interest: "Ask forgiveness of your Lord. Indeed, He is ever a Perpetual Forgiver. He will send rain to you in abundance and give you increase in wealth and children." But they covered their ears, wrapped themselves in their garments, and persisted in arrogant refusal.

The wealthy mocked the poor believers who followed Nuh, demanding that he drive them away before they would listen. Nuh refused: "I am not going to drive away those who have believed. Indeed, they will meet their Lord, but I see that you are a people behaving ignorantly."',
'[{"surah": "Nuh", "ayah": "71:1-28", "text": "Indeed, We sent Nuh to his people: Warn your people before there comes to them a painful punishment."}, {"surah": "Al-Ankabut", "ayah": "29:14", "text": "And We certainly sent Nuh to his people, and he remained among them a thousand years minus fifty."}, {"surah": "Hud", "ayah": "11:27-31", "text": "The eminent among those who disbelieved from his people said: We do not see you but as a man like ourselves."}]',
'[{"collection": "Sahih Bukhari", "number": "3340", "text": "Nuh will be the first messenger to intercede on the Day of Judgment."}]',
'True success is measured not by the number of followers but by faithfulness to the message. Nine centuries of apparent failure were in reality nine centuries of unwavering obedience.',
'Imagine calling people to truth for longer than most civilizations last — and being rejected every single day.',
'The five idols mentioned in Surah Nuh were originally names of righteous individuals from the time of Adam, whose memory was gradually transformed into idol worship.',
480, 5, true);

-- 4. Hud (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('hud', 'Hud', 'هود', 'Prophet to the People of ''Ad', 'نبي قوم عاد', 'Ancient Arabia', 7, 2, 10, 'amber', '#D97706', '#FEF3C7', 'Wind', 4, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'hud'), 1, 'The People of Pillars',
'After the flood of Nuh, humanity began anew. Among the earliest civilizations to rise were the people of ''Ad — described in the Quran as unmatched in power and grandeur. They built towering structures on every high place, "the likes of which had never been created in the land." Their strength was legendary, their architecture magnificent, and their arrogance boundless.

To this mighty people, Allah sent Hud (peace be upon him), one of their own. His message was simple and eternal: "O my people, worship Allah; you have no deity other than Him." But the ''Ad were intoxicated by their power. They said, "Who is greater than us in strength?" forgetting that Allah, who created them, was far greater.

Hud warned them that their blessings — their strength, their children, their gardens and springs — were all from Allah and could be taken away as easily as they were given. But they laughed at him, calling him foolish and accusing him of being possessed by their gods.',
'[{"surah": "Al-Fajr", "ayah": "89:6-8", "text": "Have you not considered how your Lord dealt with ''Ad — Iram of the Pillars, the likes of which were never created in the land?"}, {"surah": "Al-A''raf", "ayah": "7:65-72", "text": "And to ''Ad We sent their brother Hud."}, {"surah": "Fussilat", "ayah": "41:15-16", "text": "They said: Who is greater than us in strength?"}]',
'[]',
'No civilization is too powerful to fall. When blessings are met with arrogance instead of gratitude, destruction follows.',
'They built towers that scraped the sky and fortresses that defied time — but they could not build a shelter against the wind that Allah sent.',
'The people of ''Ad are believed to have inhabited the southern Arabian Peninsula, possibly in modern-day Oman or Yemen. Archaeological evidence suggests ancient civilizations in these regions.',
350, 5, true);

-- 5. Salih (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('salih', 'Salih', 'صالح', 'Prophet to the People of Thamud', 'نبي قوم ثمود', 'Ancient Arabia', 9, 2, 10, 'stone', '#78716C', '#F5F5F4', 'Mountain', 5, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'salih'), 1, 'The She-Camel of Allah',
'The people of Thamud succeeded ''Ad in power and civilization. They carved magnificent homes out of the mountains — dwellings that still stand in the region of Al-Hijr (Mada''in Salih) in modern Saudi Arabia. Their skill in stone-carving was unparalleled, and they lived in comfort and abundance.

Allah sent Salih (peace be upon him) from among them, calling them to worship Allah alone. They demanded a miracle as proof of his prophethood: they wanted a she-camel to emerge from the solid rock of the mountain. Salih prayed to Allah, and miraculously, a magnificent she-camel emerged from the stone.

This was no ordinary camel — it was a living sign from Allah. Salih established a covenant: the she-camel would drink from the well on one day, and the people would drink on the next. She was not to be harmed in any way.

For a time, the arrangement held. But the disbelievers grew resentful. The she-camel''s presence was a constant reminder of a truth they wished to deny. Finally, the most wretched among them rose up and hamstrung the she-camel, killing her in defiance of Allah''s sign.

Salih gave them three days. "Enjoy yourselves in your homes for three days," he said. "That is a promise not to be denied." On the third day, a mighty blast from the sky destroyed them all — their carved palaces became their tombs.',
'[{"surah": "Al-A''raf", "ayah": "7:73-79", "text": "And to Thamud We sent their brother Salih."}, {"surah": "Ash-Shams", "ayah": "91:11-15", "text": "Thamud denied the truth by reason of their transgression — when the most wretched of them was sent forth."}, {"surah": "Al-Hijr", "ayah": "15:80-84", "text": "And certainly did the companions of al-Hijr deny the messengers."}]',
'[{"collection": "Sahih Bukhari", "number": "3379", "text": "When the Prophet passed by al-Hijr, he told the companions to weep or not enter unless weeping, lest what befell them befall you."}]',
'A single act of defiance against a divine sign can bring down an entire civilization. The courage to do wrong does not make wrong right.',
'Their homes are still standing — carved into the rose-red mountains of Arabia — but the people who built them vanished in a single morning.',
'Mada''in Salih (Al-Hijr) in northwestern Saudi Arabia contains well-preserved Nabataean tombs often associated with the Thamud. The Prophet Muhammad instructed his companions not to enter these ruins except in a state of humility.',
450, 5, true);

-- 6. Ibrahim (Abraham) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('ibrahim', 'Ibrahim (Abraham)', 'إبراهيم', 'Khalilullah (Friend of Allah)', 'خليل الله', 'The Patriarch', 69, 5, 25, 'gold', '#CA8A04', '#FEF9C3', 'Star', 6, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'ibrahim'), 1, 'The Young Seeker of Truth',
'Ibrahim (peace be upon him) is perhaps the most important prophet after Muhammad (peace be upon him) in Islamic theology. Called Khalilullah — the intimate friend of Allah — his story spans continents, tests the limits of human devotion, and establishes the foundations of the three great Abrahamic faiths.

Born into a family and society of idol worshippers, Ibrahim''s journey to truth began with the power of observation and reason. As a young man, he looked at the heavens and saw a star. "This is my lord," he said — testing, questioning, seeking. When the star set, he declared, "I do not like those that set." Then he saw the moon rising in splendor. "This is my lord," he said. But when it too set, he said, "Unless my Lord guides me, I will surely be among the people gone astray." Finally, when he saw the sun, the greatest of celestial bodies, he said, "This is my lord; this is greater." But when it set, he arrived at the ultimate conclusion: "O my people, indeed I am free from what you associate with Allah. Indeed, I have turned my face toward He who created the heavens and the earth, inclining toward truth, and I am not of those who associate others with Allah."

This was not the wandering of a confused mind but the methodical reasoning of a brilliant intellect guided by divine light. Ibrahim demonstrated that the truth of monotheism is accessible through sincere reflection on creation.',
'[{"surah": "Al-An''am", "ayah": "6:74-79", "text": "And thus did We show Ibrahim the realm of the heavens and the earth that he would be among the certain in faith."}, {"surah": "Al-Anbiya", "ayah": "21:51-56", "text": "And We had certainly given Ibrahim his sound judgment before."}]',
'[{"collection": "Sahih Bukhari", "number": "3350", "text": "Ibrahim was the first to offer hospitality to guests."}]',
'Truth can be found through sincere reflection. Ibrahim''s logical journey from stars to the Creator shows that faith and reason are allies, not enemies.',
'In a city of ten thousand idols, a young man looked up at the night sky and began asking the question that would change the world.',
'Ibrahim is believed to have lived in ancient Mesopotamia (modern-day Iraq), in or near the city of Ur during a period of sophisticated polytheistic civilization.',
420, 5, true);

-- 7. Lut (Lot) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('lut', 'Lut (Lot)', 'لوط', 'The Steadfast Warner', 'المنذر الصابر', 'The Cities of the Plain', 27, 2, 10, 'slate', '#475569', '#F1F5F9', 'Shield', 7, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'lut'), 1, 'Standing Alone Against a City',
'Lut (peace be upon him) was the nephew of Ibrahim and one of the first to believe in his message. When Ibrahim migrated from Mesopotamia, Lut accompanied him, eventually settling in the region of Sodom — a prosperous area near the Dead Sea whose inhabitants had fallen into unprecedented moral corruption.

Lut''s mission was among the most difficult of any prophet. He was sent to a people who openly practiced immorality and rejected every standard of decency. When he called them to righteousness, they mocked him. When he warned them of divine punishment, they threatened to expel him.

The loneliness of Lut''s mission is palpable in the Quran. His own wife betrayed him, siding with the disbelievers. He had no powerful tribe to support him, no allies to stand beside him. At his most vulnerable moment, he cried out, "If only I had against you some power or could take refuge in a strong support."

But his support was Allah. Angels came in the form of handsome young men — a test for the corrupt people who rushed to Lut''s door with evil intentions. Lut was distressed beyond measure, calling it "a difficult day." The angels revealed their true identity: "O Lut, indeed we are messengers of your Lord; they will never reach you."',
'[{"surah": "Hud", "ayah": "11:77-83", "text": "And when Our messengers came to Lut, he was distressed for them."}, {"surah": "Al-Ankabut", "ayah": "29:28-35", "text": "And Lut, when he said to his people: You commit such immorality as no one in the worlds has preceded you in."}, {"surah": "Ash-Shu''ara", "ayah": "26:160-175", "text": "The people of Lut denied the messengers."}]',
'[]',
'Standing for truth when you are alone and outnumbered is the mark of prophetic courage. Allah''s support comes to those who refuse to compromise on principles.',
'He was the only righteous man in a city of thousands — and even his own wife stood against him.',
'The cities of Sodom and Gomorrah are believed to have been located near the southeastern shore of the Dead Sea. Archaeological evidence suggests a catastrophic destruction of settlements in this area around 1700 BCE.',
400, 5, true);

-- 8. Isma'il (Ishmael) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('ismail', 'Isma''il (Ishmael)', 'إسماعيل', 'The Sacrifice', 'الذبيح', 'Makkah', 12, 2, 10, 'desert', '#B45309', '#FDE68A', 'Heart', 8, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'ismail'), 1, 'The Great Sacrifice',
'Isma''il (peace be upon him) is the son of Ibrahim and Hajar, and the forefather of the Prophet Muhammad (peace be upon him). His story is inseparable from the greatest test of faith ever recorded — the command to Ibrahim to sacrifice his own son.

Allah tested Ibrahim through a dream in which he saw himself slaughtering his son. Ibrahim, the friend of Allah, did not hesitate, but he consulted his son: "O my son, indeed I have seen in a dream that I must sacrifice you, so see what you think." Isma''il''s response reveals a soul of extraordinary submission: "O my father, do as you are commanded. You will find me, if Allah wills, of the steadfast."

Father and son walked together toward the place of sacrifice. When they had both submitted to Allah''s will and Ibrahim had laid his son on his forehead, the divine call came: "O Ibrahim, you have fulfilled the vision." A great ram was provided as a ransom, and this moment became the foundation of the annual Eid al-Adha celebration observed by billions.

But Isma''il''s story begins even earlier — with his mother Hajar, left alone in the barren valley of Makkah with her infant son. When their water ran out, Hajar ran frantically between the hills of Safa and Marwah, searching for water or help. Allah caused the spring of Zamzam to burst forth beneath the feet of baby Isma''il — a spring that flows to this day, over four thousand years later.',
'[{"surah": "As-Saffat", "ayah": "37:100-111", "text": "And We ransomed him with a great sacrifice."}, {"surah": "Al-Baqarah", "ayah": "2:127-129", "text": "And when Ibrahim was raising the foundations of the House with Isma''il."}, {"surah": "Maryam", "ayah": "19:54-55", "text": "And mention in the Book, Isma''il. Indeed, he was true to his promise, and he was a messenger and a prophet."}]',
'[{"collection": "Sahih Bukhari", "number": "3364", "text": "The Prophet said: The first person to be clothed on the Day of Resurrection will be Ibrahim."}]',
'True submission to Allah means willingness to sacrifice what is most dear. Both Ibrahim and Isma''il demonstrated that complete trust in Allah transcends even the strongest human bonds.',
'A father raises the knife over his beloved son — and in that moment of ultimate surrender, the entire meaning of submission to Allah is written.',
'The Ka''bah in Makkah, rebuilt by Ibrahim and Isma''il, stands as the oldest and most sacred house of worship in Islam. The rituals of Hajj directly commemorate the experiences of Ibrahim, Hajar, and Isma''il.',
430, 5, true);

-- 9. Ishaq (Isaac) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('ishaq', 'Ishaq (Isaac)', 'إسحاق', 'The Gift of Joy', 'البشارة', 'Canaan', 17, 1, 5, 'teal', '#0D9488', '#CCFBF1', 'Gift', 9, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'ishaq'), 1, 'The Promised Son',
'Ishaq (peace be upon him) was the second son of Ibrahim, born to Sarah in their old age as a divine gift and glad tiding. When the angels came to Ibrahim with the news, Sarah laughed in astonishment — she was elderly and had long given up hope of bearing a child. Yet Allah''s plan is never limited by human expectation.

Ishaq grew to become a prophet and a righteous man, continuing his father Ibrahim''s mission of monotheism in the land of Canaan. Through Ishaq came the lineage of Ya''qub (Jacob) and the twelve tribes of Israel, from whom many of the prophets mentioned in the Quran would descend.

The Quran describes Ishaq as one who was given good tidings, blessed, and among the righteous. He carried forward the covenant of Ibrahim, maintaining the worship of the One God in a land that would become the setting for many of the most important prophetic stories in history.

While the Quran does not detail Ishaq''s life as extensively as some other prophets, his significance lies in the continuation of the prophetic chain. He represents Allah''s faithfulness to His promises — that Ibrahim''s sacrifice and devotion would be rewarded with righteous descendants who would carry the light of guidance to future generations.',
'[{"surah": "Hud", "ayah": "11:69-73", "text": "And We gave him good tidings of Ishaq, and after Ishaq, Ya''qub."}, {"surah": "Al-Anbiya", "ayah": "21:72", "text": "And We gave him Ishaq and Ya''qub as an additional gift, and all of them We made righteous."}, {"surah": "As-Saffat", "ayah": "37:112-113", "text": "And We gave him good tidings of Ishaq, a prophet from among the righteous."}]',
'[]',
'Allah''s promises are always fulfilled, even when circumstances seem impossible. The birth of Ishaq to elderly parents is a reminder that no blessing is beyond Allah''s power to bestow.',
'An elderly woman laughed when she heard the news — and in that laughter was hidden the future of nations.',
'Ishaq settled in the land of Canaan (modern-day Palestine/Israel), where he continued the Abrahamic tradition of monotheism.',
320, 5, true);

-- 10. Ya'qub (Jacob) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('yaqub', 'Ya''qub (Jacob)', 'يعقوب', 'Israel - The Servant of Allah', 'إسرائيل', 'Canaan', 16, 2, 10, 'violet', '#7C3AED', '#EDE9FE', 'Users', 10, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'yaqub'), 1, 'A Father''s Beautiful Patience',
'Ya''qub (peace be upon him), also known as Israel, was the son of Ishaq and the father of twelve sons who would become the founders of the twelve tribes of Israel. His story in the Quran is told primarily through the lens of his relationship with his beloved son Yusuf, and it is a masterclass in what the Quran calls "sabr jamil" — beautiful patience.

When Ya''qub''s sons came to him with Yusuf''s shirt stained with false blood, claiming a wolf had devoured their brother, Ya''qub saw through their deception immediately. But he did not rage or accuse — he said simply, "Rather, your souls have enticed you to something, so patience is most fitting. And Allah is the one sought for help against that which you describe."

For years — perhaps decades — Ya''qub lived with the grief of losing his most beloved son. He wept so much that his eyes whitened from sorrow, yet he never despaired of Allah''s mercy. When people urged him to stop grieving, he replied, "I only complain of my suffering and my grief to Allah, and I know from Allah that which you do not know."

This is the essence of beautiful patience: not the absence of grief, but the refusal to complain to anyone other than Allah, and the unwavering certainty that relief will come.',
'[{"surah": "Yusuf", "ayah": "12:18", "text": "Rather, your souls have enticed you to something, so patience is most fitting."}, {"surah": "Yusuf", "ayah": "12:84-86", "text": "And his eyes became white from grief, and he was a suppressor of grief."}, {"surah": "Yusuf", "ayah": "12:87", "text": "Indeed, no one despairs of relief from Allah except the disbelieving people."}]',
'[{"collection": "Sahih Muslim", "number": "2378", "text": "The noble son of the noble son of the noble: Yusuf ibn Ya''qub ibn Ishaq ibn Ibrahim."}]',
'Beautiful patience (sabr jamil) means bearing hardship without complaint to creation while maintaining absolute hope in the Creator.',
'He cried until his eyes turned white — but he never once turned his face away from Allah.',
'Ya''qub (Israel) is the patriarch of the Israelites. His twelve sons became the founders of the twelve tribes, making him one of the most significant figures in the shared heritage of Judaism, Christianity, and Islam.',
380, 5, true);

-- 11. Yusuf (Joseph) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('yusuf', 'Yusuf (Joseph)', 'يوسف', 'The Best of Stories', 'أحسن القصص', 'Egypt', 27, 4, 20, 'rose', '#E11D48', '#FFE4E6', 'Crown', 11, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'yusuf'), 1, 'The Dream and the Well',
'Allah calls the story of Yusuf "the best of stories" — ahsan al-qasas — and it is the only prophetic narrative presented in the Quran as a complete, continuous account within a single surah. It is a story of jealousy and betrayal, temptation and integrity, imprisonment and power, and ultimately, divine justice and reconciliation.

It begins with a dream. Young Yusuf saw eleven stars, the sun, and the moon prostrating before him. When he told his father Ya''qub, the wise prophet recognized its significance immediately: "O my son, do not relate your vision to your brothers or they will contrive against you a plan." But the seeds of jealousy had already been planted in the hearts of Yusuf''s brothers, who resented the special love Ya''qub showed toward Yusuf and his younger brother Binyamin.

The brothers plotted. They convinced Ya''qub to let them take Yusuf out to play, then threw him into a deep well. They returned with his shirt, stained with false blood, and the performance of grief. A passing caravan discovered Yusuf in the well and sold him as a slave in Egypt, where he was purchased by a powerful official known in the Quran as al-Aziz.

In the darkness of that well, a young boy learned the first lesson of a remarkable life: that when all human support is stripped away, Allah remains.',
'[{"surah": "Yusuf", "ayah": "12:1-20", "text": "We relate to you the best of stories in what We have revealed to you of this Quran."}, {"surah": "Yusuf", "ayah": "12:4-6", "text": "When Yusuf said to his father: O my father, indeed I have seen eleven stars and the sun and the moon; I saw them prostrating to me."}]',
'[{"collection": "Sahih Muslim", "number": "2378", "text": "The Prophet said about Yusuf: The noble, son of the noble, son of the noble, son of the noble."}]',
'Divine plans often begin in the darkest places. The well was not an ending for Yusuf but the beginning of a journey that would lead him to the throne of Egypt.',
'Eleven stars, the sun, and the moon bowed before a boy — and from that single dream, a saga of betrayal, temptation, and triumph would unfold across decades.',
'The story of Yusuf is believed to have taken place during the Hyksos period of Egyptian history (circa 1650-1550 BCE), when Semitic peoples held significant power in Egypt.',
420, 5, true);

-- 12. Ayyub (Job) (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('ayyub', 'Ayyub (Job)', 'أيوب', 'The Patient Servant', 'الصابر', 'The Land of Uz', 4, 2, 10, 'bronze', '#92400E', '#FDE68A', 'HeartHandshake', 12, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'ayyub'), 1, 'The Test of the Grateful',
'Ayyub (peace be upon him) is the Quran''s supreme example of patience in the face of suffering. He was a man blessed with everything — wealth, health, a large loving family, and land. He used all of these blessings in the service of Allah and in generosity toward others. He was the embodiment of shukr (gratitude).

Then the test came. Ayyub lost his wealth. He lost his children. He lost his health, afflicted with a severe illness that consumed his body over many years. His friends abandoned him. His community shunned him. Only his faithful wife remained by his side.

Through all of this, Ayyub did not complain. He did not question Allah''s wisdom. He did not curse his fate. He continued to worship, to remember Allah, and to maintain his faith with a steadfastness that would become legendary.

After years of suffering, when his body was ravaged and his isolation complete, Ayyub finally turned to his Lord — not with complaint but with a humble acknowledgment: "Indeed, adversity has touched me, and You are the Most Merciful of the merciful." This was not a demand or a protest — it was a beautiful expression of need, acknowledging both his weakness and Allah''s infinite mercy.

Allah responded immediately: "Strike the ground with your foot." A spring gushed forth, and when Ayyub washed in it and drank from it, his health was completely restored. Allah returned to him his family and his wealth, doubled as a reward for his patience.',
'[{"surah": "Al-Anbiya", "ayah": "21:83-84", "text": "And Ayyub, when he called to his Lord: Indeed, adversity has touched me, and you are the Most Merciful of the merciful."}, {"surah": "Sad", "ayah": "38:41-44", "text": "And remember Our servant Ayyub — an excellent servant. Indeed, he was one repeatedly turning back to Allah."}]',
'[{"collection": "Sahih Bukhari", "number": "5652", "text": "The Prophet said: The most severely tested among people are the prophets, then the next best, then the next best."}]',
'Patience is not passive endurance but active trust. Ayyub''s patience was not silence — it was a continuous turning toward Allah, even in the darkest hours.',
'He had everything a person could want — and when it was all taken away, he discovered something more valuable than any of it.',
'Ayyub is identified with the biblical Job. His story resonates across religious traditions as the ultimate example of patience through suffering.',
420, 5, true);

-- 13. Shu'ayb (AS)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('shuayb', 'Shu''ayb', 'شعيب', 'Preacher of the Prophets', 'خطيب الأنبياء', 'Midian', 11, 2, 10, 'orange', '#EA580C', '#FFEDD5', 'Scale', 13, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'shuayb'), 1, 'The Prophet of Fair Dealing',
'Shu''ayb (peace be upon him) was sent to the people of Midian, a prosperous trading community near the Gulf of Aqaba. His people were known for two things: their commercial success and their systematic dishonesty in business. They would give short measure when selling and demand full measure when buying. They cheated on weights and scales, manipulated markets, and exploited travelers.

Shu''ayb''s message was unique among the prophets — while he called to the worship of Allah alone, he also specifically addressed economic justice and commercial ethics. "O my people, give full measure and weight in justice and do not deprive the people of their due," he commanded. "And do not do evil in the land, causing corruption."

This dual emphasis — spiritual monotheism and economic justice — reveals a profound truth in Islamic ethics: worship of Allah and fair dealing with people are inseparable. A person who cheats in business while claiming to believe in God has understood neither business nor belief.

The people of Midian rejected Shu''ayb. They mocked him, saying, "Does your prayer command you that we should leave what our fathers worship or not do with our wealth what we please?" In their minds, religion should not interfere with commerce — a separation that Shu''ayb firmly rejected.

When they persisted in their corruption, Allah sent upon them the punishment of the Day of the Overshadowing Cloud — a day of intense heat followed by a devastating punishment that left them prostrate in their homes.',
'[{"surah": "Al-A''raf", "ayah": "7:85-93", "text": "And to Midian We sent their brother Shu''ayb."}, {"surah": "Hud", "ayah": "11:84-95", "text": "He said: O my people, give full measure and weight in justice."}, {"surah": "Ash-Shu''ara", "ayah": "26:176-191", "text": "The companions of the thicket denied the messengers."}]',
'[]',
'Faith cannot be separated from ethics. How you conduct business, treat employees, and handle money is as much a part of your religion as prayer and fasting.',
'They were the most successful merchants of their age — and the most dishonest. The prophet sent to them spoke not only of God, but of grams and ounces.',
'Midian is believed to have been located in the northwestern Arabian Peninsula, near the Gulf of Aqaba. It was a prosperous trading center on the incense routes.',
400, 5, true);
[V0_FILE]sql:file="scripts/065-seed-prophets-part2.sql" isMerged="true"
-- Phase 2D: Seed Prophets of the Quran (Part 2: Musa through Muhammad PBUH)
-- Prophets 14-25 -- using correct column names matching part 1

-- 14. Musa (Moses) - The Kalimullah
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('musa', 'Musa (Moses)', 'موسى', 'The One Who Spoke to Allah', 'كليم الله', 'Ancient Egypt / Sinai', 136, 5, 30, 'blue', '#2563EB', '#DBEAFE', 'Flame', 14, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'musa'), 1, 'Birth and Rescue from the Nile',
'Musa was born at a time when Pharaoh had ordered the killing of all newborn Israelite boys, acting on a prophecy that a boy from the Israelites would overthrow his kingdom. His mother, inspired by Allah, placed him in a basket and set it upon the River Nile.

The basket was found by Pharaoh''s wife Asiya, who convinced Pharaoh to adopt him. Allah reunited Musa with his mother as his wet nurse, fulfilling the divine promise: "We will return him to you and make him one of the messengers" (Quran 28:7).

Growing up in the palace, Musa witnessed the oppression of his people firsthand. One day, he intervened in a fight and accidentally killed an Egyptian, forcing him to flee to Madyan where he would spend years as a shepherd before receiving his prophetic mission.',
'[{"surah": "Al-Qasas", "ayah": "28:7-13", "text": "We inspired the mother of Musa: Nurse him, and when you fear for him, cast him into the river."}, {"surah": "Ta-Ha", "ayah": "20:38-40", "text": "We had already conferred favor upon you another time."}]',
'[{"collection": "Sahih Bukhari", "number": "3394", "text": "On the Night Journey, I met Musa, and he was a tall, brown, curly-haired man."}]',
'Allah''s plans unfold in ways we cannot foresee — the very palace that sought to destroy the Israelites became the place that raised their liberator.',
'In the darkest hour for the Children of Israel, a mother placed her infant son into the waters of the Nile, trusting in Allah''s promise more than her own fear.',
'Pharaoh''s persecution of the Israelites represents one of the great tyrannies of ancient history. The Quran devotes more attention to Musa''s story than any other prophet.',
500, 6, true),

((SELECT id FROM prophets WHERE slug = 'musa'), 2, 'The Burning Bush and Divine Mission',
'While tending his flock near Mount Tur, Musa saw a fire in the distance. When he approached, he heard the voice of Allah calling to him: "Indeed, I am Allah, Lord of the worlds" (Quran 28:30). Allah commanded him to throw down his staff, which transformed into a serpent, and to put his hand inside his garment, from which it emerged shining white without disease.

With these two miraculous signs, Allah sent Musa back to Egypt to confront Pharaoh. Musa asked for his brother Harun to be his helper, saying "My brother Harun is more eloquent than me in speech" (Quran 28:34). Allah granted this request, making Harun a prophet alongside his brother.

Together they stood before the most powerful ruler on earth and delivered the message: "We are messengers of the Lord of the worlds. Send with us the Children of Israel" (Quran 26:16-17).',
'[{"surah": "An-Naml", "ayah": "27:7-12", "text": "Indeed, I have perceived a fire; perhaps I can bring you information from it."}, {"surah": "Al-Qasas", "ayah": "28:29-35", "text": "O Musa, indeed I am Allah, Lord of the worlds."}]',
'[{"collection": "Sahih Muslim", "number": "166", "text": "The Prophet (PBUH) said: Do not give me superiority over Musa."}]',
'When Allah calls you to a mission, He also provides the tools and support you need to accomplish it.',
'A simple shepherd, tending his flock in the wilderness, was about to become the liberator of an entire nation.',
'The confrontation between Musa and Pharaoh is the most detailed narrative in the Quran, illustrating the eternal struggle between truth and tyranny.',
450, 5, true),

((SELECT id FROM prophets WHERE slug = 'musa'), 3, 'The Plagues and the Exodus',
'Pharaoh rejected Musa''s message and challenged him to a public contest with his magicians. When the magicians saw Musa''s staff devour their tricks, they fell into prostration, declaring faith in the Lord of Musa and Harun — even as Pharaoh threatened them with crucifixion.

Despite nine miraculous signs — floods, locusts, lice, frogs, blood, and more — Pharaoh''s heart remained hardened. Each time a plague struck, he would promise to let the Israelites go, only to break his word when the affliction was lifted.

Finally, Allah commanded Musa to lead his people out of Egypt by night. When they reached the sea with Pharaoh''s army behind them, Musa struck the water with his staff and it parted into two great walls, creating a dry path. The Israelites crossed safely, but when Pharaoh''s army followed, the waters closed upon them.',
'[{"surah": "Al-Araf", "ayah": "7:130-136", "text": "So We sent upon them the flood, locusts, lice, frogs, and blood as distinct signs."}, {"surah": "Ash-Shuara", "ayah": "26:61-67", "text": "Strike the sea with your staff. And it parted, each portion like a great mountain."}]',
'[{"collection": "Sahih Bukhari", "number": "2004", "text": "The Prophet (PBUH) fasted on the Day of Ashura and recommended fasting on it, saying Musa fasted it in gratitude for the Exodus."}]',
'No matter how powerful the oppressor, Allah''s plan will prevail — patience and trust in His timing are essential.',
'An army of chariots thundering behind them, an impassable sea before them, and a prophet who said with absolute certainty: "Indeed, my Lord is with me; He will guide me."',
'The Exodus from Egypt is commemorated in the Islamic tradition through the fasting of Ashura (10th Muharram).',
480, 5, true),

((SELECT id FROM prophets WHERE slug = 'musa'), 4, 'Mount Sinai and the Torah',
'After the miraculous crossing, Allah summoned Musa to Mount Sinai for forty nights. There, Allah spoke to him directly — a distinction unique among prophets, earning him the title Kalimullah. He received the Torah (Tawrat), containing guidance and light for the Children of Israel.

But while Musa was away, a man named As-Samiri led the people astray, fashioning a golden calf from their jewelry. When Musa returned and saw his people worshipping it, he was seized with grief and anger. He seized his brother Harun by the head, but Harun explained he had tried to stop them.

The incident of the golden calf became one of the greatest lessons in the Quran about the fickleness of human nature and the constant need for prophetic guidance.',
'[{"surah": "Al-Araf", "ayah": "7:142-145", "text": "We appointed for Musa thirty nights and perfected them with ten more."}, {"surah": "Ta-Ha", "ayah": "20:83-98", "text": "What made you hasten from your people, O Musa?"}]',
'[{"collection": "Sahih Bukhari", "number": "3408", "text": "Musa used to bathe alone, and the people accused him of having a skin defect, but Allah cleared him."}]',
'Brief absence from spiritual guidance can lead to deviation — the importance of continuous connection with divine guidance.',
'For forty nights, Musa stood in the presence of Allah on a mountain shrouded in light, receiving words that would shape the faith of millions.',
'The Torah given to Musa is considered one of the four major divine scriptures in Islam.',
420, 5, true),

((SELECT id FROM prophets WHERE slug = 'musa'), 5, 'Wandering, Wisdom, and Legacy',
'Despite being freed from Pharaoh, the Children of Israel proved to be a difficult people to guide. When commanded to enter the Holy Land, they refused out of cowardice, saying "Go, you and your Lord, and fight" (Quran 5:24). As a consequence, they were made to wander in the desert for forty years.

During this time, Musa encountered Al-Khidr, a servant of Allah endowed with special knowledge. Through three mysterious incidents — damaging a boat, killing a boy, and repairing a wall — Musa learned that divine wisdom operates beyond human comprehension. This profound encounter teaches us that our limited perspective cannot always grasp Allah''s plans.

Musa passed away before entering the Holy Land. The Prophet Muhammad (PBUH) said that at the time of death, Musa asked Allah to let him die as close to the Holy Land as a stone''s throw. His legacy as the most frequently mentioned prophet in the Quran speaks to his enduring importance.',
'[{"surah": "Al-Kahf", "ayah": "18:60-82", "text": "Musa said to his boy-servant: I will not cease until I reach the junction of the two seas."}, {"surah": "Al-Maidah", "ayah": "5:24-26", "text": "They said: O Musa, we will never enter it as long as they are within it."}]',
'[{"collection": "Sahih Bukhari", "number": "1339", "text": "The Prophet said: Were I there, I would show you the grave of Musa by the red sand hill."}]',
'True wisdom is recognizing the limits of our own understanding and trusting in Allah''s greater plan.',
'Even the greatest prophet to ever lead a nation discovered that there was knowledge beyond his own — and that humility before Allah''s wisdom is the highest station.',
'The encounter with Al-Khidr is one of the most philosophically rich passages in the Quran, explored extensively in Islamic scholarship.',
460, 5, true);

-- 15. Harun (Aaron)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('harun', 'Harun (Aaron)', 'هارون', 'The Minister and Helper', 'وزير موسى', 'Ancient Egypt', 20, 2, 10, 'teal', '#0D9488', '#CCFBF1', 'Users', 15, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'harun'), 1, 'The Eloquent Brother',
'Harun was the elder brother of Musa, known for his eloquence and gentle disposition. When Musa was called to prophethood, he asked Allah to make Harun his partner in the mission: "And appoint for me a minister from my family — Harun, my brother. Increase through him my strength and let him share my task" (Quran 20:29-32).

Allah granted this request, making Harun a prophet and Musa''s closest ally. Together they confronted Pharaoh, with Harun supporting his brother throughout the difficult mission in Egypt. The Prophet Muhammad (PBUH) drew a parallel to this relationship when he told Ali ibn Abi Talib: "You are to me as Harun was to Musa, except there is no prophet after me."',
'[{"surah": "Ta-Ha", "ayah": "20:29-36", "text": "And appoint for me a minister from my family - Harun, my brother."}, {"surah": "Maryam", "ayah": "19:53", "text": "And We gave him out of Our mercy his brother Harun as a prophet."}]',
'[{"collection": "Sahih Bukhari", "number": "3706", "text": "The Prophet said to Ali: You are to me as Harun was to Musa, except there is no prophet after me."}]',
'Supporting those who carry heavy responsibilities is itself a form of prophethood and service to Allah.',
'When Musa stood before the burning bush, his first thought was of his brother — a bond so strong that it became a model for all partnerships in faith.',
'Harun served as the spiritual leader of the Israelites during Musa''s absence on Mount Sinai.',
350, 4, true),

((SELECT id FROM prophets WHERE slug = 'harun'), 2, 'Guardian of the People',
'During Musa''s forty-night absence on Mount Sinai, Harun was left in charge. When As-Samiri led the people astray with the golden calf, Harun tried his best to stop them but was overwhelmed. He told Musa upon his return: "O son of my mother, indeed the people oppressed me and were about to kill me" (Quran 7:150).

This incident shows Harun''s difficult position — a gentle leader facing a rebellious mob. He chose preservation over confrontation, not wanting to cause a civil war among the Israelites. Musa initially reacted with anger toward his brother, but came to understand the impossible situation Harun had faced.

Harun passed away before Musa, and the Israelites mourned him greatly. His legacy teaches us about the vital role of compassion and support in leadership.',
'[{"surah": "Al-Araf", "ayah": "7:150-151", "text": "O son of my mother, do not seize me by my beard or my head."}, {"surah": "Ta-Ha", "ayah": "20:90-94", "text": "Harun had already told them: O my people, you are only being tested by it."}]',
'[{"collection": "Sahih Muslim", "number": "2404", "text": "Harun was beloved to the Israelites for his kindness."}]',
'Gentleness in leadership is not weakness — sometimes the compassionate path requires greater courage than the forceful one.',
'Alone before a mob that had turned from monotheism to idolatry in mere days, one man stood firm in his faith while trying to hold a nation together.',
'Harun''s gentle leadership style contrasted with Musa''s more forceful approach, showing that different styles of leadership serve different purposes.',
380, 4, true);

-- 16. Dhul-Kifl
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('dhul-kifl', 'Dhul-Kifl', 'ذو الكفل', 'The One of Double Portion', 'ذو الكفل', 'After Musa', 2, 1, 5, 'slate', '#475569', '#F1F5F9', 'Shield', 16, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'dhul-kifl'), 1, 'The Patient and Righteous',
'Dhul-Kifl is mentioned twice in the Quran alongside other great prophets: "And remember Isma''il and Idris and Dhul-Kifl; all were of the patient" (Quran 21:85). His name means "the one of the double portion" or "the one who guaranteed."

While specific details of his story are limited in the Quran, scholars believe he may be the biblical prophet Ezekiel, who prophesied among the exiled Israelites in Babylon. What the Quran emphasizes is his patience and righteousness — qualities that earned him mention alongside some of the greatest prophets.

His inclusion in the Quran teaches us that not every prophet''s story needs to be dramatic to be meaningful. Sometimes, steady patience and unwavering faith are the greatest miracles of all.',
'[{"surah": "Al-Anbiya", "ayah": "21:85-86", "text": "And Isma''il and Idris and Dhul-Kifl; all were of the patient."}, {"surah": "Sad", "ayah": "38:48", "text": "And remember Isma''il and Al-Yasa''a and Dhul-Kifl, and all are among the outstanding."}]',
'[{"collection": "Scholarly consensus", "number": "", "text": "Scholars differ on whether Dhul-Kifl was a prophet or a righteous man, but the majority opinion is that he was a prophet."}]',
'Quiet, persistent faithfulness is as praiseworthy as dramatic acts of devotion.',
'Among the prophets of patience and endurance, one name stands out for its mystery — Dhul-Kifl, whose very obscurity teaches us something profound.',
'Dhul-Kifl is one of the least detailed prophets in the Quran, reminding us that much of prophetic history remains known only to Allah.',
300, 5, true);

-- 17. Dawud (David)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('dawud', 'Dawud (David)', 'داود', 'The King-Prophet Who Received the Psalms', 'خليفة الله في الأرض', 'Kingdom of Israel', 16, 2, 12, 'amber', '#D97706', '#FEF3C7', 'Crown', 17, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'dawud'), 1, 'The Slayer of Jalut',
'Dawud first appears in the Quran as a young soldier in the army of Talut (Saul), the first king of Israel. When the giant warrior Jalut (Goliath) challenged the Israelites, it was young Dawud who stepped forward with nothing but a sling and unshakeable faith.

"So they defeated them by permission of Allah, and Dawud killed Jalut" (Quran 2:251). This victory was not through superior military might but through divine support and courage born of faith.

After this, Allah granted Dawud the kingdom, wisdom, and the Zabur (Psalms) — a scripture of beautiful praise and supplication. He was given a voice so beautiful that the mountains and birds would join him in glorifying Allah: "Indeed, We subjected the mountains to glorify with him in the evening and sunrise, and the birds, assembled; all were turning to him in praise" (Quran 38:18-19).',
'[{"surah": "Al-Baqarah", "ayah": "2:251", "text": "So they defeated them by permission of Allah, and Dawud killed Jalut."}, {"surah": "Sad", "ayah": "38:17-20", "text": "Be patient over what they say and remember Our servant Dawud, the possessor of strength."}]',
'[{"collection": "Sahih Bukhari", "number": "1131", "text": "The most beloved prayer to Allah was the prayer of Dawud: he used to sleep half the night, pray a third, and sleep a sixth."}]',
'True strength comes not from physical might but from faith in Allah — a shepherd boy defeated a giant because his trust was in the Almighty.',
'A boy with a sling stood before a giant in armor, and the heavens held their breath.',
'Dawud combined the roles of prophet and king, establishing a just kingdom that became the model of righteous governance.',
400, 5, true),

((SELECT id FROM prophets WHERE slug = 'dawud'), 2, 'The Just King and the Psalms',
'Dawud was not only a prophet but a just king and skilled craftsman. Allah taught him to make coats of armor from iron: "We made iron soft for him, saying: Make full coats of mail and measure the links well" (Quran 34:10-11).

He was known for his exceptional justice. The Quran relates how two disputants climbed over his chamber wall to test his judgment. One claimed the other had wronged him regarding his sheep. Dawud initially judged quickly but then realized he was being tested and "fell down bowing and turned in repentance" (Quran 38:24).

The Prophet Muhammad (PBUH) said Dawud''s fasting was the most beloved to Allah — he would fast every other day. His Psalms (Zabur) were recited with such beauty that creation itself responded. His son Sulayman would inherit his kingdom and be granted even greater miracles.',
'[{"surah": "Saba", "ayah": "34:10-11", "text": "We certainly gave Dawud from Us bounty. O mountains, repeat with him, and the birds."}, {"surah": "Sad", "ayah": "38:21-26", "text": "Has the news of the disputants come to you when they climbed over the wall of his prayer chamber?"}]',
'[{"collection": "Sahih Bukhari", "number": "1975", "text": "The most beloved fasting to Allah is the fasting of Dawud — he used to fast one day and break his fast the next."}]',
'Even prophets must remain vigilant against hasty judgment — true justice requires patience, reflection, and humility before Allah.',
'Mountains sang with him. Iron bent to his will. Birds gathered in chorus. Yet this mighty king still fell to his knees in repentance.',
'The Zabur (Psalms) given to Dawud is the third of the four major divine scriptures in Islam.',
380, 5, true);

-- 18. Sulayman (Solomon)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('sulayman', 'Sulayman (Solomon)', 'سليمان', 'King of Jinn and Men', 'ملك الجن والإنس', 'Kingdom of Israel', 17, 2, 12, 'violet', '#7C3AED', '#EDE9FE', 'Gem', 18, true)
ON CONFLICT (slug) DO NOTHING;

When Sulayman heard an ant warning its colony: "O ants, enter your dwellings that you not be crushed by Sulayman and his soldiers while they perceive not" (Quran 27:18), he smiled and laughed, then prayed to Allah in gratitude. This small incident reveals enormous wisdom — a king powerful enough to command winds and jinn, yet humble enough to pause for an ant.

His kingdom was magnificent, with a palace whose floor was made of crystal so transparent that the Queen of Sheba mistook it for water. Yet Sulayman never attributed any of it to himself. He said: "This is from the favor of my Lord to test me whether I will be grateful or ungrateful" (Quran 27:40).',
'[{"surah": "An-Naml", "ayah": "27:16-19", "text": "Sulayman inherited Dawud. He said: O people, we have been taught the language of birds."}, {"surah": "An-Naml", "ayah": "27:40", "text": "This is from the favor of my Lord to test me whether I will be grateful or ungrateful."}]',
'[{"collection": "Sahih Bukhari", "number": "3424", "text": "Sulayman said: Tonight I will go around to seventy wives, and each will give birth to a knight who will fight in Allah''s cause."}]',
'The greatest test of power is gratitude — recognizing that every blessing is from Allah and could be taken away at any moment.',
'He spoke to birds, commanded the wind, and ruled over jinn and men — yet the most remarkable thing about Sulayman was his humility.',
'Sulayman''s kingdom represents the peak of Israelite civilization and is presented in the Quran as an example of power used righteously.',
420, 5, true),

((SELECT id FROM prophets WHERE slug = 'sulayman'), 2, 'The Queen of Sheba and Final Days',
'The most famous episode in Sulayman''s story involves the Queen of Sheba (Bilqis). When his hoopoe bird reported that the people of Sheba worshipped the sun, Sulayman sent a letter inviting the queen to submit to Allah.

Bilqis initially tried to send gifts, but Sulayman rejected them. She then came to visit, and Sulayman had her throne transported to him miraculously before her arrival. When she saw her own throne, altered slightly, she was tested. When she entered the crystal palace and lifted her skirts thinking the floor was water, she finally declared: "My Lord, indeed I have wronged myself, and I submit with Sulayman to Allah, Lord of the worlds" (Quran 27:44).

Sulayman''s death was itself a lesson. He died while leaning on his staff, and the jinn continued working, not realizing he had passed until a termite ate through the staff and his body fell. This showed that the jinn had no knowledge of the unseen.',
'[{"surah": "An-Naml", "ayah": "27:22-44", "text": "She was told: Enter the palace. But when she saw it, she thought it was a body of water."}, {"surah": "Saba", "ayah": "34:14", "text": "When We decreed his death, nothing indicated it to them except a creature of the earth eating his staff."}]',
'[{"collection": "Tafsir Ibn Kathir", "number": "", "text": "The story of Bilqis illustrates the power of dawah through wisdom rather than force."}]',
'True power lies in bringing others to truth through wisdom, not coercion — and even the most powerful beings have no knowledge of the unseen.',
'A queen who ruled a mighty kingdom traveled across the desert to meet a king unlike any the world had seen — and found something greater than power.',
'The Queen of Sheba''s conversion is one of the most celebrated examples of dawah through demonstration in the Quran.',
400, 5, true);

-- 19. Ilyas (Elijah)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('ilyas', 'Ilyas (Elijah)', 'إلياس', 'The Reformer', 'المصلح', 'Northern Kingdom of Israel', 3, 1, 5, 'rose', '#E11D48', '#FFE4E6', 'Zap', 19, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'ilyas'), 1, 'Standing Against Baal Worship',
'Ilyas was sent to the people of Baalbek (in modern-day Lebanon), who had fallen into worshipping the idol Baal. He called out to his people: "Will you not fear Allah? Do you call upon Baal and leave the best of creators — Allah, your Lord and the Lord of your first forefathers?" (Quran 37:124-126).

His people rejected his message, and only a small group believed. The Quran praises him among the righteous: "And indeed, Ilyas was from among the messengers. Peace be upon Ilyas. Indeed, We thus reward the doers of good. Indeed, he was of Our believing servants" (Quran 37:123-132).

Though his story in the Quran is brief, Ilyas represents every prophet who stood alone against a majority in idol worship — a reminder that truth does not require popular support.',
'[{"surah": "As-Saffat", "ayah": "37:123-132", "text": "And indeed, Ilyas was from among the messengers."}, {"surah": "Al-Anam", "ayah": "6:85", "text": "And Zakariyya and Yahya and Isa and Ilyas — all were of the righteous."}]',
'[{"collection": "Scholarly tradition", "number": "", "text": "Ilyas is identified with the biblical Elijah who confronted the prophets of Baal."}]',
'Standing for truth when everyone around you has abandoned it is the highest form of courage.',
'In a land where an entire nation bowed to a stone idol called Baal, one voice rose above the silence to speak the name of Allah.',
'Ilyas ministered during a period of severe idolatry in the northern kingdom of Israel.',
300, 5, true);

-- 20. Al-Yasa (Elisha)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('al-yasa', 'Al-Yasa'' (Elisha)', 'اليسع', 'The Successor', 'خليفة إلياس', 'Northern Kingdom of Israel', 2, 1, 5, 'cyan', '#0891B2', '#CFFAFE', 'ArrowUpRight', 20, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'al-yasa'), 1, 'The Chosen Successor',
'Al-Yasa'' is mentioned in the Quran as a prophet chosen among the best: "And Isma''il and Al-Yasa'' and Yunus and Lut — and all We preferred over the worlds" (Quran 6:86). He is also mentioned alongside Dhul-Kifl as being "among the outstanding" (Quran 38:48).

He continued the mission of Ilyas, calling the people of Israel back to the worship of Allah alone. While the Quran does not detail his specific story, his inclusion among the preferred prophets indicates his high station with Allah.

Al-Yasa'' teaches us that continuing the work of those who came before us — carrying forward their mission with dedication — is itself a great honor and responsibility.',
'[{"surah": "Al-Anam", "ayah": "6:86", "text": "And Isma''il and Al-Yasa'' and Yunus and Lut — and all of them We preferred over the worlds."}, {"surah": "Sad", "ayah": "38:48", "text": "And remember Isma''il and Al-Yasa'' and Dhul-Kifl, and all are among the outstanding."}]',
'[{"collection": "Scholarly tradition", "number": "", "text": "Al-Yasa'' is identified with the biblical Elisha, who succeeded Elijah."}]',
'Continuing and building upon the work of others is as noble as starting something new.',
'Sometimes the greatest heroes are not those who begin the mission, but those who carry it forward when the founder is gone.',
'Al-Yasa'' succeeded Ilyas in the prophetic mission to the northern Israelite tribes.',
250, 4, true);

-- 21. Yunus (Jonah)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('yunus', 'Yunus (Jonah)', 'يونس', 'The One of the Whale', 'صاحب الحوت', 'Nineveh (Assyria)', 4, 2, 10, 'sky', '#0284C7', '#E0F2FE', 'Fish', 21, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'yunus'), 1, 'Departure and the Belly of the Whale',
'Yunus was sent to the people of Nineveh, a city of over a hundred thousand people steeped in sin. When they rejected his message, Yunus left in anger before Allah had given him permission to depart. He boarded a ship, and when a terrible storm threatened to sink it, lots were cast to lighten the load. Yunus drew the short lot and was cast into the sea.

A great whale swallowed him whole. In the darkness of the whale''s belly — in the darkness of the sea, in the darkness of the night — Yunus cried out the prayer that would become one of the most powerful supplications in Islam: "There is no deity except You; exalted are You. Indeed, I have been of the wrongdoers" (Quran 21:87).

This dua, known as the Dua of Yunus, is taught by the Prophet Muhammad (PBUH) as a prayer that will never go unanswered.',
'[{"surah": "Al-Anbiya", "ayah": "21:87-88", "text": "There is no deity except You; exalted are You. Indeed, I have been of the wrongdoers."}, {"surah": "As-Saffat", "ayah": "37:139-144", "text": "And indeed, Yunus was among the messengers. When he ran away to the laden ship."}]',
'[{"collection": "Jami at-Tirmidhi", "number": "3505", "text": "The Prophet (PBUH) said: The supplication of Dhun-Nun (Yunus) when he was in the belly of the whale... no Muslim ever prays with it for anything but Allah will answer him."}]',
'No darkness is so deep that sincere repentance cannot pierce through it — Allah''s mercy is always within reach.',
'In the deepest darkness imaginable — inside a whale, at the bottom of the sea, in the dead of night — a voice whispered a prayer that shook the heavens.',
'Nineveh was the capital of the Assyrian Empire, located in modern-day Iraq near Mosul.',
400, 5, true),

((SELECT id FROM prophets WHERE slug = 'yunus'), 2, 'Repentance and the Unique Nation',
'Allah heard Yunus''s prayer and commanded the whale to cast him onto the shore. He was ill and exhausted, so Allah caused a gourd plant to grow over him for shade and nourishment as he recovered.

But the most remarkable part of Yunus''s story is what happened to his people. After Yunus left, the people of Nineveh saw the signs of impending punishment and, unlike almost every other nation in the Quran, they actually repented. "Then why has there not been a city that believed so its faith benefited it except the people of Yunus? When they believed, We removed from them the torment of disgrace in worldly life" (Quran 10:98).

Yunus returned to find his entire city had embraced faith — over a hundred thousand people. They are the only nation in the Quran explicitly described as collectively repenting and being saved from punishment. The Prophet Muhammad (PBUH) advised against comparing himself to Yunus, showing the high status this prophet held.',
'[{"surah": "Yunus", "ayah": "10:98", "text": "Then why has there not been a city that believed so its faith benefited it except the people of Yunus?"}, {"surah": "As-Saffat", "ayah": "37:145-148", "text": "And We sent him to a hundred thousand or more. And they believed, so We gave them enjoyment for a time."}]',
'[{"collection": "Sahih Bukhari", "number": "3413", "text": "The Prophet (PBUH) said: It is not fitting for a slave of Allah to say I am better than Yunus ibn Matta."}]',
'It is never too late for a community to turn back to Allah — sincere collective repentance can avert even decreed punishment.',
'They are the only city in the entire Quran that believed as one — a hundred thousand souls turning to Allah in a single moment of collective awakening.',
'The people of Yunus represent the only community in the Quran that repented collectively and were saved.',
380, 5, true);

-- 22. Zakariyya (Zechariah)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('zakariyya', 'Zakariyya (Zechariah)', 'زكريا', 'The Devoted Servant', 'العابد الخاشع', 'Jerusalem', 7, 1, 8, 'indigo', '#4F46E5', '#E0E7FF', 'Heart', 22, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'zakariyya'), 1, 'The Prayer of an Aging Prophet',
'Zakariyya was an elderly prophet who served in the temple in Jerusalem. He was the guardian of Maryam (Mary), and every time he entered her chamber, he found provision already there. When he asked where it came from, she replied: "It is from Allah. Indeed, Allah provides for whom He wills without account" (Quran 3:37).

Inspired by this miracle, Zakariyya raised his hands in a prayer that the Quran records with tender beauty: "My Lord, indeed my bones have weakened, and my head has filled with white hair, and never have I been in my supplication to You, my Lord, unhappy" (Quran 19:4). He asked for an heir who would carry on the prophetic legacy.

Despite his advanced age and his wife''s barrenness, Allah answered: "O Zakariyya, indeed We give you good tidings of a boy whose name will be Yahya. We have not assigned to any before him that name" (Quran 19:7). As a sign, Zakariyya was unable to speak for three days except through gestures. His son Yahya would become one of the most righteous prophets.',
'[{"surah": "Maryam", "ayah": "19:2-11", "text": "O Zakariyya, indeed We give you good tidings of a boy whose name will be Yahya."}, {"surah": "Al-Imran", "ayah": "3:37-41", "text": "Every time Zakariyya entered upon her in the prayer chamber, he found with her provision."}]',
'[{"collection": "Sahih Bukhari", "number": "3428", "text": "The Prophet (PBUH) mentioned Zakariyya as one of the prophets."}]',
'No prayer is too late, no request too impossible when directed to the One who created possibility itself.',
'An old man with white hair and weakened bones stood in his prayer chamber and asked Allah for the impossible — and Allah said yes.',
'Zakariyya served during the period of the Second Temple in Jerusalem, shortly before the time of Isa.',
400, 5, true);

-- 23. Yahya (John the Baptist)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('yahya', 'Yahya (John)', 'يحيى', 'The First of His Name', 'الحصور', 'Jerusalem', 5, 1, 6, 'lime', '#65A30D', '#ECFCCB', 'Leaf', 23, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'yahya'), 1, 'Wisdom Given as a Child',
'Yahya was unique among prophets in many ways. His very name was unprecedented — "We have not assigned to any before him that name" (Quran 19:7). He was given prophethood as a child: "O Yahya, take the Scripture with determination. And We gave him judgment while yet a boy" (Quran 19:12).

The Quran describes him with beautiful attributes: compassionate toward his parents, not arrogant or disobedient, and blessed with peace on the day of his birth, the day of his death, and the day he will be raised alive.

Yahya confirmed the coming of Isa (Jesus) and called his people to righteousness. He was known for his asceticism, devotion, and purity. The Prophet Muhammad (PBUH) met him during the Night Journey in the second heaven alongside his cousin Isa. His martyrdom — tradition holds he was killed by a tyrant ruler — made him one of the most honored prophets in Islamic tradition.',
'[{"surah": "Maryam", "ayah": "19:12-15", "text": "O Yahya, take the Scripture with determination. And We gave him judgment while yet a boy."}, {"surah": "Al-Imran", "ayah": "3:39", "text": "Allah gives you good tidings of Yahya, confirming a word from Allah, and a leader and chaste."}]',
'[{"collection": "Sahih Bukhari", "number": "3259", "text": "During the Night Journey, the Prophet met Yahya and Isa in the second heaven."}]',
'True greatness begins with devotion to Allah from the earliest age — wisdom is not reserved for the old.',
'He was given a name no one had ever borne, wisdom before he could grow a beard, and a mission that would prepare the world for a miraculous birth.',
'Yahya lived just before and during the early life of Isa (Jesus), preparing people for his message.',
350, 5, true);

-- 24. Isa (Jesus)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('isa', 'Isa (Jesus)', 'عيسى', 'The Messiah, Word of Allah', 'المسيح كلمة الله', 'Palestine', 25, 3, 18, 'sky', '#0369A1', '#BAE6FD', 'Sparkles', 24, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'isa'), 1, 'The Miraculous Birth',
'The story of Isa begins with his mother Maryam — the only woman mentioned by name in the Quran, with an entire surah named after her. She was a devout woman who secluded herself in worship. The angel Jibreel appeared to her in human form and announced: "I am only the messenger of your Lord to give you a pure boy" (Quran 19:19).

Maryam was astonished: "How can I have a boy while no man has touched me and I have not been unchaste?" The angel replied: "Thus it will be; your Lord says, It is easy for Me, and We will make him a sign to the people and a mercy from Us" (Quran 19:20-21).

She withdrew to a remote place and gave birth alone, enduring tremendous physical and emotional pain. When she returned to her people carrying the baby, they accused her. But the infant Isa spoke from the cradle: "Indeed, I am the servant of Allah. He has given me the Scripture and made me a prophet" (Quran 19:30). This was his first miracle.',
'[{"surah": "Maryam", "ayah": "19:16-34", "text": "She said: How can I have a boy while no man has touched me?"}, {"surah": "Al-Imran", "ayah": "3:45-47", "text": "O Maryam, indeed Allah gives you good tidings of a word from Him, whose name will be the Messiah, Isa."}]',
'[{"collection": "Sahih Bukhari", "number": "3436", "text": "The Prophet said: Both in this world and in the Hereafter, I am the nearest of all people to Isa."}]',
'Allah''s power transcends natural laws — He says "Be" and it is. The birth of Isa is a reminder that nothing is impossible for the Creator.',
'A young woman alone, in labor beneath a palm tree, cried out in anguish — and then a newborn baby spoke words that would echo through eternity.',
'Isa''s birth without a father is presented in the Quran as comparable to the creation of Adam — both were acts of divine will.',
450, 6, true),

((SELECT id FROM prophets WHERE slug = 'isa'), 2, 'Miracles and Message',
'Isa was granted extraordinary miracles: he healed the blind and the leper, raised the dead by Allah''s permission, and fashioned a bird from clay and breathed life into it. Yet he always attributed every miracle to Allah: "I do not tell you that I have the depositories of Allah or that I know the unseen, nor do I tell you that I am an angel" (Quran 6:50).

His message was fundamentally one of tawhid — pure monotheism. He came to confirm the Torah and to make lawful some of what had been forbidden to the Children of Israel. He gathered twelve disciples (hawariyyun) who pledged to be Allah''s helpers.

The Quran is emphatic about his nature: "The Messiah, Isa, the son of Maryam, was but a messenger of Allah and His word which He directed to Maryam and a soul from Him" (Quran 4:171). He was not divine, nor the son of God, but one of the greatest prophets ever sent to humanity.',
'[{"surah": "Al-Imran", "ayah": "3:49", "text": "I heal the blind and the leper, and I give life to the dead — by permission of Allah."}, {"surah": "An-Nisa", "ayah": "4:171", "text": "The Messiah, Isa, son of Maryam, was but a messenger of Allah and His word."}]',
'[{"collection": "Sahih Muslim", "number": "2365", "text": "The Prophet said: I am closest to Isa son of Maryam in this life and the next."}]',
'Every gift and ability we have comes from Allah — true greatness lies in attributing all power back to the Source.',
'He gave sight to the blind, life to the dead, and form to clay — yet his greatest miracle was his unwavering humility before Allah.',
'Isa''s ministry lasted approximately three years according to most scholars.',
400, 5, true),

((SELECT id FROM prophets WHERE slug = 'isa'), 3, 'Ascension and Return',
'When the enemies of Isa plotted to crucify him, Allah saved him in a manner that confounded them: "They did not kill him, nor did they crucify him; but it was made to appear so to them" (Quran 4:157). Instead, Allah raised Isa to Himself, alive and honored.

This is one of the key theological differences between Islam and Christianity. In Islamic belief, Isa was neither killed nor crucified — he was raised to the heavens and will return before the Day of Judgment. The Prophet Muhammad (PBUH) described his return: he will descend near a white minaret in Damascus, will break the cross, kill the swine, and establish justice on earth.

During the Night Journey (Isra and Mi''raj), Prophet Muhammad met Isa in the second heaven alongside Yahya. Isa''s story in Islam is one of the most beautiful — he represents the perfect servant of Allah, a miraculous sign, and a promise of return that Muslims await with faith.',
'[{"surah": "An-Nisa", "ayah": "4:157-158", "text": "They did not kill him, nor did they crucify him; but it was made to appear so to them."}, {"surah": "Az-Zukhruf", "ayah": "43:61", "text": "And indeed, Isa will be a sign for the Hour, so be not in doubt of it."}]',
'[{"collection": "Sahih Muslim", "number": "155", "text": "By the One in whose hand is my soul, Isa son of Maryam will descend among you as a just judge."}]',
'The story of Isa reminds us that Allah''s plan always prevails — apparent defeat can be ultimate victory, and the truth will always return.',
'They thought they had silenced him forever. But the man they sought to kill was lifted to the heavens, alive — and he is coming back.',
'The return of Isa is one of the major signs of the Day of Judgment in Islamic eschatology.',
400, 5, true);

-- 25. Muhammad (PBUH)
INSERT INTO prophets (slug, name_en, name_ar, title_en, title_ar, era, quran_mentions, total_parts, estimated_read_time_minutes, color_theme, theme_primary, theme_secondary, icon, display_order, is_published)
VALUES ('muhammad', 'Muhammad (PBUH)', 'محمد ﷺ', 'The Seal of the Prophets', 'خاتم الأنبياء والمرسلين', 'Makkah and Madinah', 4, 5, 30, 'emerald', '#059669', '#D1FAE5', 'Star', 25, true)
ON CONFLICT (slug) DO NOTHING;

INSERT INTO prophet_stories (prophet_id, part_number, title_en, content_en, quran_references, hadith_references, key_lesson, opening_hook, historical_context, word_count, estimated_read_minutes, is_published)
VALUES
((SELECT id FROM prophets WHERE slug = 'muhammad'), 1, 'The Orphan of Makkah',
'Muhammad (PBUH) was born in the Year of the Elephant (570 CE) in Makkah, into the noble tribe of Quraysh, the clan of Banu Hashim. His father Abdullah died before his birth, and his mother Aminah passed away when he was just six years old. Raised first by his grandfather Abdul Muttalib and then by his uncle Abu Talib, he grew up as an orphan — a fact the Quran later references: "Did He not find you an orphan and give you refuge?" (Quran 93:6).

Known as As-Sadiq Al-Amin (The Truthful, The Trustworthy) even before prophethood, Muhammad excelled in character and honesty. At age 25, he married Khadijah bint Khuwaylid, a successful businesswoman 15 years his senior, who would become his greatest supporter.

He used to retreat to the Cave of Hira on Mount Nur for contemplation. It was there, at age 40, that the Angel Jibreel appeared and commanded: "Read! In the name of your Lord who created" (Quran 96:1). These were the first words of the Quran, and they changed the course of human history.',
'[{"surah": "Ad-Duha", "ayah": "93:6-8", "text": "Did He not find you an orphan and give you refuge?"}, {"surah": "Al-Alaq", "ayah": "96:1-5", "text": "Read! In the name of your Lord who created."}]',
'[{"collection": "Sahih Bukhari", "number": "3", "text": "The commencement of divine revelation to the Prophet was in the form of good dreams which came true like bright daylight."}]',
'The greatest messenger in human history began as an orphan — a reminder that Allah raises whom He wills, regardless of worldly circumstances.',
'In a cave above a sleeping city, in the silence of the night, an angel appeared to an unlettered man and spoke the words that would transform civilization.',
'Pre-Islamic Arabia was in a state of jahiliyyah (ignorance), with tribal warfare, idol worship, and social injustice as the norm.',
480, 6, true),

((SELECT id FROM prophets WHERE slug = 'muhammad'), 2, 'The Makkan Struggle',
'The early years of prophethood were marked by intense persecution. When Muhammad (PBUH) began preaching openly, the Quraysh responded with ridicule, then threats, then violence. His followers were tortured — Bilal was placed under scorching rocks, Sumayyah became the first martyr of Islam, and the early Muslims endured years of social boycott.

Despite this, the message spread. The conversion of Umar ibn Al-Khattab and Hamzah ibn Abdul Muttalib strengthened the small community. But the loss of Khadijah and Abu Talib in the same year — the Year of Sorrow — left the Prophet deeply grieved.

It was during this darkest period that Allah granted him the Isra and Mi''raj — the miraculous Night Journey from Makkah to Jerusalem and then through the seven heavens. There he met previous prophets, received the command of five daily prayers, and was shown signs that reinforced his mission. When persecution became unbearable, the Prophet authorized his followers to emigrate to Madinah, and he himself followed, marking the beginning of the Islamic calendar.',
'[{"surah": "Al-Isra", "ayah": "17:1", "text": "Exalted is He who took His Servant by night from the Sacred Mosque to the Farthest Mosque."}, {"surah": "At-Tawbah", "ayah": "9:40", "text": "If you do not aid the Prophet, Allah has already aided him when those who disbelieved drove him out."}]',
'[{"collection": "Sahih Bukhari", "number": "3887", "text": "When Abu Talib died, the Prophet said: I will keep asking forgiveness for you unless I am forbidden."}]',
'The darkest moments often precede the greatest breakthroughs — patience in adversity is the hallmark of true faith.',
'For thirteen years, a man and his small band of followers endured everything the most powerful tribe in Arabia could inflict — and they never broke.',
'The Makkan period lasted 13 years (610-622 CE), during which the Quran was revealed gradually.',
450, 6, true),

((SELECT id FROM prophets WHERE slug = 'muhammad'), 3, 'Building a Civilization in Madinah',
'The Hijrah to Madinah was not an escape but a strategic migration that would establish the first Islamic state. The Prophet (PBUH) immediately began building a community: he constructed the first mosque (Masjid an-Nabawi), established the brotherhood between the Muhajirun (emigrants) and Ansar (helpers), and drafted the Constitution of Madinah — one of history''s first documents establishing rights for a multi-faith society.

The early years in Madinah saw the defining battles of Islam. At Badr, 313 ill-equipped Muslims faced over 1,000 Qurayshi warriors and won decisively with divine aid. At Uhud, the Muslims suffered setbacks but learned crucial lessons about obedience. The Battle of the Trench saw the entire Arabian Peninsula unite against Madinah, only to be repelled by strategy and faith.

Throughout these years, the Quran continued to be revealed, addressing the growing community''s needs — laws of inheritance, marriage, commerce, justice, and governance. Islam was becoming not just a faith but a complete way of life.',
'[{"surah": "Al-Anfal", "ayah": "8:17", "text": "You did not kill them, but it was Allah who killed them. And you did not throw when you threw, but it was Allah who threw."}, {"surah": "Al-Ahzab", "ayah": "33:9-11", "text": "O you who have believed, remember the favor of Allah upon you when armies came to you."}]',
'[{"collection": "Sahih Bukhari", "number": "3905", "text": "When the Prophet arrived in Madinah, the people came out in joy, and the young girls sang."}]',
'Building a just society requires both spiritual conviction and practical wisdom — Islam addresses the soul and the community equally.',
'From a small oasis town, a civilization was born that would stretch from Spain to China within a century.',
'The Madinan period (622-632 CE) saw the establishment of Islamic law, governance, and social institutions.',
450, 6, true),

((SELECT id FROM prophets WHERE slug = 'muhammad'), 4, 'The Conquest of Makkah',
'In the eighth year of Hijrah, the Prophet (PBUH) marched toward Makkah with 10,000 followers. The city that had tortured, boycotted, and expelled him now lay before him. Yet his entry was marked by humility — he bowed his head so low on his mount that it nearly touched the saddle, glorifying Allah.

He entered the Kaaba and destroyed the 360 idols within it, reciting: "Truth has come, and falsehood has departed. Indeed, falsehood is ever bound to depart" (Quran 17:81). Then came his greatest act of mercy. Standing before the Quraysh who had persecuted him for over twenty years, he asked: "What do you think I will do with you?" They replied: "Good. You are a noble brother, son of a noble brother." He declared: "Go, for you are free."

No vengeance, no retribution, no forced conversions. This act of mercy — unprecedented in the annals of conquest — led to the mass acceptance of Islam throughout Arabia. Delegations came from every corner of the peninsula, and the religion that had begun with one man in a cave now encompassed an entire civilization.',
'[{"surah": "Al-Isra", "ayah": "17:81", "text": "And say: Truth has come, and falsehood has departed. Indeed, falsehood is ever bound to depart."}, {"surah": "An-Nasr", "ayah": "110:1-3", "text": "When the victory of Allah has come and the conquest, and you see the people entering into the religion of Allah in multitudes."}]',
'[{"collection": "Sahih Bukhari", "number": "4280", "text": "On the day of the conquest of Makkah, the Prophet entered while lowering his head in humility."}]',
'The highest form of strength is mercy in the moment of power — forgiveness conquers hearts more surely than any sword.',
'The most powerful man in Arabia stood before his lifelong enemies — the people who had driven him from his home, killed his companions, and plotted his assassination — and he forgave them all.',
'The conquest of Makkah in 630 CE (8 AH) was achieved almost entirely without bloodshed.',
480, 6, true),

((SELECT id FROM prophets WHERE slug = 'muhammad'), 5, 'The Farewell and the Seal',
'In the tenth year of Hijrah, the Prophet (PBUH) performed his final pilgrimage — the Hajjat al-Wada. Standing on the plain of Arafat before more than 100,000 followers, he delivered what would be his last major sermon:

"O people, your blood and your property are inviolable... All mankind is from Adam and Eve. An Arab has no superiority over a non-Arab, nor does a non-Arab have any superiority over an Arab; a white has no superiority over a black, nor does a black have any superiority over a white — except by piety and good action."

These words, spoken fourteen centuries ago, remain among the most powerful statements of human equality ever uttered. Shortly after, the final verse of the Quran was revealed: "This day I have perfected for you your religion and completed My favor upon you and have approved for you Islam as religion" (Quran 5:3).

The Prophet (PBUH) passed away on the 12th of Rabi al-Awwal, 11 AH (632 CE), in the arms of Aisha. Abu Bakr addressed the grief-stricken community: "Whoever worshipped Muhammad, know that Muhammad has died. But whoever worshipped Allah, know that Allah is Alive and will never die."

His legacy endures in over 1.8 billion hearts. The Quran he received remains unchanged. The sunnah he established continues to guide. He was, as Allah described him, "a mercy to all the worlds" (Quran 21:107).',
'[{"surah": "Al-Maidah", "ayah": "5:3", "text": "This day I have perfected for you your religion and completed My favor upon you."}, {"surah": "Al-Anbiya", "ayah": "21:107", "text": "And We have not sent you except as a mercy to the worlds."}, {"surah": "Al-Ahzab", "ayah": "33:40", "text": "Muhammad is not the father of any of your men, but the Messenger of Allah and the seal of the prophets."}]',
'[{"collection": "Sahih Muslim", "number": "1218", "text": "The Prophet delivered the Farewell Sermon at Arafat during the Farewell Pilgrimage."}]',
'The final prophet''s legacy is not a dynasty or an empire, but a message of mercy, equality, and submission to the One God — a message that continues to transform lives.',
'On a sun-scorched plain, surrounded by more than a hundred thousand souls, a man spoke his final public words — and they contained a vision of human dignity that the world is still struggling to achieve.',
'The Farewell Pilgrimage of 632 CE remains the model for Hajj, with over 2 million Muslims performing it annually.',
500, 7, true);
[V0_FILE]sql:file="scripts/066-seed-365-sunnah-practices.sql" isMerged="true"
-- 066: Expand sunnah practices to 365 daily rotation
-- First add 2 more categories for better coverage
INSERT INTO sunnah_categories (id, title, title_ar, description, icon, color, bg_color, sort_order) VALUES
  ('sleep', 'Sunnah of Sleep', 'سنن النوم', 'Practices related to sleeping and waking', 'Moon', '#6366f1', '#eef2ff', 7),
  ('travel', 'Sunnah of Travel', 'سنن السفر', 'Practices during travel and journeys', 'MapPin', '#0891b2', '#ecfeff', 8),
  ('worship', 'Sunnah of Worship', 'سنن العبادة', 'Extra acts of worship and devotion', 'Star', '#d97706', '#fffbeb', 9),
  ('health', 'Sunnah of Health', 'سنن الصحة', 'Health and hygiene practices', 'Heart', '#dc2626', '#fef2f2', 10)
ON CONFLICT (id) DO NOTHING;

-- Update existing 17 practices with day_of_year assignments
UPDATE sunnah_practices SET day_of_year = sort_order WHERE day_of_year IS NULL;

-- Now insert 348 new practices (days 18-365)
-- We rotate through all 10 categories evenly

-- SALAH practices (days 18-54, ~37 practices)
INSERT INTO sunnah_practices (id, category_id, title, description, hadith_ref, collection, sort_order, day_of_year) VALUES
('sp-018', 'salah', 'Pray 2 Rak''ah after Wudu', 'The Prophet (PBUH) said whoever performs wudu well then prays 2 rak''ah with full attention, Paradise becomes obligatory for him.', 'Sahih Muslim 234', 'muslim', 18, 18),
('sp-019', 'salah', 'Straighten the Rows in Prayer', 'Straighten your rows, for straightening the rows is part of establishing the prayer.', 'Sahih al-Bukhari 723', 'bukhari', 19, 19),
('sp-020', 'salah', 'Pray Tahajjud (Night Prayer)', 'The best prayer after the obligatory prayers is the night prayer (Tahajjud).', 'Sahih Muslim 1163', 'muslim', 20, 20),
('sp-021', 'salah', 'Make Du''a at Sujud', 'The closest a servant is to his Lord is when he is prostrating, so increase your supplications therein.', 'Sahih Muslim 482', 'muslim', 21, 21),
('sp-022', 'salah', 'Pray Salat al-Duha', 'Whoever consistently prays the Duha prayer, his sins will be forgiven even if they are like the foam of the sea.', 'Jami at-Tirmidhi 476', 'tirmidhi', 22, 22),
('sp-023', 'salah', 'Make Du''a Between Adhan and Iqamah', 'A supplication made between the Adhan and Iqamah is not rejected.', 'Sunan Abu Dawud 521', 'abu_dawud', 23, 23),
('sp-024', 'salah', 'Pray 4 Rak''ah Before Dhuhr', 'Whoever consistently prays four rak''ah before Dhuhr and four after, Allah forbids the Fire from touching him.', 'Sunan Abu Dawud 1269', 'abu_dawud', 24, 24),
('sp-025', 'salah', 'Say the Tashahhud Supplication', 'After the tashahhud, seek refuge from four things: the punishment of the grave, Hell, the trial of life and death, and the Dajjal.', 'Sahih Muslim 588', 'muslim', 25, 25),
('sp-026', 'salah', 'Face the Qiblah for Du''a', 'The Prophet (PBUH) would face the Qiblah when making supplication.', 'Sahih al-Bukhari 6343', 'bukhari', 26, 26),
('sp-027', 'salah', 'Pray 2 Rak''ah of Istikhara', 'When one of you is concerned about a matter, let him pray two rak''ah then say the Istikhara supplication.', 'Sahih al-Bukhari 1162', 'bukhari', 27, 27),
('sp-028', 'salah', 'Pray Witr Before Sleeping', 'Make Witr your last prayer of the night.', 'Sahih al-Bukhari 998', 'bukhari', 28, 28),
('sp-029', 'salah', 'Read Surah Al-Kahf on Friday', 'Whoever reads Surah Al-Kahf on Friday, a light will shine for him between the two Fridays.', 'Sunan an-Nasa''i 3236', 'nasai', 29, 29),
('sp-030', 'salah', 'Pray Tarawih in Ramadan', 'Whoever stands (in prayer) during Ramadan with faith and expecting reward, his previous sins will be forgiven.', 'Sahih al-Bukhari 37', 'bukhari', 30, 30),

-- CHARACTER practices (days 31-67)
('sp-031', 'character', 'Speak the Truth Always', 'Truthfulness leads to righteousness, and righteousness leads to Paradise.', 'Sahih al-Bukhari 6094', 'bukhari', 31, 31),
('sp-032', 'character', 'Control Your Anger', 'The strong person is not the one who wrestles, but the one who controls himself when angry.', 'Sahih al-Bukhari 6114', 'bukhari', 32, 32),
('sp-033', 'character', 'Be Humble', 'Whoever is humble for the sake of Allah, Allah will raise him in status.', 'Sahih Muslim 2588', 'muslim', 33, 33),
('sp-034', 'character', 'Fulfill Your Promises', 'The signs of a hypocrite are three: when he speaks he lies, when he promises he breaks it, when he is trusted he betrays.', 'Sahih al-Bukhari 33', 'bukhari', 34, 34),
('sp-035', 'character', 'Be Patient in Hardship', 'How wonderful is the affair of the believer! Everything is good for him - if something good happens, he is grateful, and if something bad happens, he is patient.', 'Sahih Muslim 2999', 'muslim', 35, 35),
('sp-036', 'character', 'Avoid Suspicion', 'Beware of suspicion, for suspicion is the most false of speech.', 'Sahih al-Bukhari 6064', 'bukhari', 36, 36),
('sp-037', 'character', 'Show Gratitude (Shukr)', 'If you are grateful, I will surely increase you.', 'Surah Ibrahim 14:7', 'quran', 37, 37),
('sp-038', 'character', 'Be Generous', 'The upper hand (giving) is better than the lower hand (receiving).', 'Sahih al-Bukhari 1427', 'bukhari', 38, 38),
('sp-039', 'character', 'Avoid Backbiting', 'Backbiting is mentioning your brother in a way he dislikes.', 'Sahih Muslim 2589', 'muslim', 39, 39),
('sp-040', 'character', 'Forgive Others', 'Let them pardon and overlook. Would you not like that Allah should forgive you?', 'Surah An-Nur 24:22', 'quran', 40, 40),
('sp-041', 'character', 'Be Modest (Haya)', 'Modesty is a branch of faith.', 'Sahih Muslim 35', 'muslim', 41, 41),
('sp-042', 'character', 'Keep Good Company', 'A person is upon the religion of his close friend, so let one of you look at whom he befriends.', 'Sunan Abu Dawud 4833', 'abu_dawud', 42, 42),
('sp-043', 'character', 'Avoid Envy', 'Do not envy one another, do not hate one another, and do not turn your backs on one another. Be servants of Allah, brothers.', 'Sahih Muslim 2563', 'muslim', 43, 43),

-- HOME practices (days 44-80)
('sp-044', 'home', 'Enter Home with Salam', 'When you enter a house, greet your family with salam - it is a blessing for you and your household.', 'Sunan at-Tirmidhi 2698', 'tirmidhi', 44, 44),
('sp-045', 'home', 'Recite Du''a When Leaving Home', 'Bismillah, tawakkaltu ''ala Allah - In the name of Allah, I place my trust in Allah.', 'Sunan Abu Dawud 5095', 'abu_dawud', 45, 45),
('sp-046', 'home', 'Pray Sunnah at Home', 'The best of a person''s prayer is in his home, except for the obligatory prayers.', 'Sahih al-Bukhari 731', 'bukhari', 46, 46),
('sp-047', 'home', 'Recite Surah Al-Baqarah at Home', 'Do not make your houses into graves. Indeed, Shaytan flees from a house in which Surah Al-Baqarah is recited.', 'Sahih Muslim 780', 'muslim', 47, 47),
('sp-048', 'home', 'Help with Household Chores', 'The Prophet (PBUH) used to help his family at home and when the time for prayer came, he would go out.', 'Sahih al-Bukhari 676', 'bukhari', 48, 48),
('sp-049', 'home', 'Play with Your Children', 'The Prophet (PBUH) would play with Hasan and Husayn and carry them on his shoulders.', 'Sunan at-Tirmidhi 3775', 'tirmidhi', 49, 49),
('sp-050', 'home', 'Use Miswak Upon Entering', 'The first thing the Prophet (PBUH) would do upon entering his house was use the miswak.', 'Sahih Muslim 253', 'muslim', 50, 50),
('sp-051', 'home', 'Eat Together as a Family', 'Eat together and do not eat separately, for the blessing is in eating together.', 'Sunan Ibn Majah 3287', 'ibn_majah', 51, 51),
('sp-052', 'home', 'Be Kind to Your Spouse', 'The best of you is the one who is best to his family, and I am the best of you to my family.', 'Sunan at-Tirmidhi 3895', 'tirmidhi', 52, 52),
('sp-053', 'home', 'Make Your Home a Place of Dhikr', 'The likeness of a house in which Allah is remembered and a house in which He is not is like the living and the dead.', 'Sahih Muslim 779', 'muslim', 53, 53),
('sp-054', 'home', 'Honor Your Guests', 'Whoever believes in Allah and the Last Day, let him honor his guest.', 'Sahih al-Bukhari 6018', 'bukhari', 54, 54),
('sp-055', 'home', 'Keep Your Home Clean', 'Allah is clean and loves cleanliness. He is generous and loves generosity. So clean your courtyards.', 'Sunan at-Tirmidhi 2799', 'tirmidhi', 55, 55),
('sp-056', 'home', 'Say Bismillah When Closing Doors', 'Close your doors and mention the name of Allah, for Shaytan does not open a closed door.', 'Sahih al-Bukhari 5623', 'bukhari', 56, 56),

-- PEOPLE practices (days 57-93)
('sp-057', 'people', 'Return Greetings of Salam', 'When you are greeted with a greeting, greet in return with what is better or at least return it equally.', 'Surah An-Nisa 4:86', 'quran', 57, 57),
('sp-058', 'people', 'Visit the Sick', 'Whoever visits a sick person is in the harvest of Paradise until they return.', 'Sahih Muslim 2568', 'muslim', 58, 58),
('sp-059', 'people', 'Smile at Others', 'Your smiling in the face of your brother is charity.', 'Sunan at-Tirmidhi 1956', 'tirmidhi', 59, 59),
('sp-060', 'people', 'Give Gifts', 'Exchange gifts, as that will lead to increasing your love for one another.', 'Al-Adab Al-Mufrad 594', 'bukhari', 60, 60),
('sp-061', 'people', 'Help Those in Need', 'Allah is in the aid of His servant as long as the servant is in the aid of his brother.', 'Sahih Muslim 2699', 'muslim', 61, 61),
('sp-062', 'people', 'Make Du''a for Others', 'The supplication of a Muslim for his brother in his absence is answered.', 'Sahih Muslim 2733', 'muslim', 62, 62),
('sp-063', 'people', 'Attend Funeral Prayers', 'Whoever attends the funeral prayer will have a reward equal to one qirat, and whoever stays until burial will have two qirats.', 'Sahih al-Bukhari 1325', 'bukhari', 63, 63),
('sp-064', 'people', 'Reconcile Between People', 'Shall I not tell you something better than the rank of fasting, prayer, and charity? It is reconciling between people.', 'Sunan Abu Dawud 4919', 'abu_dawud', 64, 64),
('sp-065', 'people', 'Be Good to Neighbors', 'Jibril kept advising me to be good to my neighbor until I thought he would make him my heir.', 'Sahih al-Bukhari 6014', 'bukhari', 65, 65),
('sp-066', 'people', 'Shake Hands When Meeting', 'No two Muslims meet and shake hands without being forgiven before they part.', 'Sunan Abu Dawud 5212', 'abu_dawud', 66, 66),
('sp-067', 'people', 'Be Gentle in Speech', 'A good word is charity.', 'Sahih al-Bukhari 2989', 'bukhari', 67, 67),
('sp-068', 'people', 'Feed the Hungry', 'Feed the hungry, visit the sick, and free the captive.', 'Sahih al-Bukhari 5649', 'bukhari', 68, 68),
('sp-069', 'people', 'Respect Elders', 'He is not one of us who does not show mercy to our young ones and respect to our elders.', 'Sunan at-Tirmidhi 1919', 'tirmidhi', 69, 69),

-- FOOD practices (days 70-106)
('sp-070', 'food', 'Eat with the Right Hand', 'Eat with your right hand and drink with your right hand, for Shaytan eats and drinks with his left hand.', 'Sahih Muslim 2020', 'muslim', 70, 70),
('sp-071', 'food', 'Eat What Is Near You', 'Say Bismillah, eat with your right hand, and eat from what is nearest to you.', 'Sahih al-Bukhari 5376', 'bukhari', 71, 71),
('sp-072', 'food', 'Do Not Criticize Food', 'The Prophet (PBUH) never criticized any food. If he desired it, he ate it; if not, he left it.', 'Sahih al-Bukhari 5409', 'bukhari', 72, 72),
('sp-073', 'food', 'Drink Water in 3 Sips', 'Do not drink in one gulp like a camel, but drink in two or three sips. Say Bismillah when you drink and Alhamdulillah when you finish.', 'Sunan at-Tirmidhi 1885', 'tirmidhi', 73, 73),
('sp-074', 'food', 'Lick Your Fingers After Eating', 'When one of you eats, let him lick his fingers, for he does not know in which part of the food the blessing lies.', 'Sahih Muslim 2033', 'muslim', 74, 74),
('sp-075', 'food', 'Eat Dates in Odd Numbers', 'The Prophet (PBUH) used to break his fast with fresh dates, and if not available, then dry dates.', 'Sunan Abu Dawud 2356', 'abu_dawud', 75, 75),
('sp-076', 'food', 'Say Du''a After Eating', 'Whoever eats and then says Alhamdulillah, his past sins will be forgiven.', 'Sunan at-Tirmidhi 3458', 'tirmidhi', 76, 76),
('sp-077', 'food', 'Sit While Drinking', 'The Prophet (PBUH) forbade drinking while standing.', 'Sahih Muslim 2024', 'muslim', 77, 77),
('sp-078', 'food', 'Share Your Food', 'Food for two suffices for three, and food for three suffices for four.', 'Sahih al-Bukhari 5392', 'bukhari', 78, 78),
('sp-079', 'food', 'Eat Honey', 'By the One in whose hand is my soul, eat honey for it is a healing.', 'Sunan Ibn Majah 3452', 'ibn_majah', 79, 79),
('sp-080', 'food', 'Do Not Waste Food', 'When a morsel of food falls from one of you, remove what is on it and eat it. Do not leave it for Shaytan.', 'Sahih Muslim 2033', 'muslim', 80, 80),
('sp-081', 'food', 'Fast Mondays and Thursdays', 'The Prophet (PBUH) used to fast Mondays and Thursdays.', 'Sunan at-Tirmidhi 745', 'tirmidhi', 81, 81),
('sp-082', 'food', 'Eat Olive Oil', 'Eat olive oil and anoint yourselves with it, for it comes from a blessed tree.', 'Sunan at-Tirmidhi 1851', 'tirmidhi', 82, 82),

-- DAILY practices (days 83-119)
('sp-083', 'daily', 'Say Morning Adhkar', 'Recite the morning adhkar after Fajr for protection and blessings throughout the day.', 'Sahih Muslim 2723', 'muslim', 83, 83),
('sp-084', 'daily', 'Say Evening Adhkar', 'Recite the evening adhkar after Asr for protection through the night.', 'Sahih Muslim 2723', 'muslim', 84, 84),
('sp-085', 'daily', 'Use Miswak', 'If it were not that it would be difficult for my nation, I would have ordered them to use the miswak before every prayer.', 'Sahih al-Bukhari 887', 'bukhari', 85, 85),
('sp-086', 'daily', 'Apply Perfume', 'The Prophet (PBUH) loved good scent and would apply perfume regularly.', 'Sahih al-Bukhari 5929', 'bukhari', 86, 86),
('sp-087', 'daily', 'Walk to the Masjid', 'Whoever walks to the masjid, every step is a hasanah (good deed) and an expiation of sin.', 'Sahih Muslim 666', 'muslim', 87, 87),
('sp-088', 'daily', 'Seek Knowledge Daily', 'Whoever follows a path to seek knowledge, Allah will make easy for him the path to Paradise.', 'Sahih Muslim 2699', 'muslim', 88, 88),
('sp-089', 'daily', 'Give Daily Sadaqah', 'Every joint of a person has a charity due on it every day the sun rises.', 'Sahih al-Bukhari 2989', 'bukhari', 89, 89),
('sp-090', 'daily', 'Say Subhanallah 33 Times', 'Say Subhanallah 33 times, Alhamdulillah 33 times, and Allahu Akbar 34 times after every obligatory prayer.', 'Sahih Muslim 595', 'muslim', 90, 90),
('sp-091', 'daily', 'Recite Ayat al-Kursi After Prayer', 'Whoever recites Ayat al-Kursi after every obligatory prayer, nothing prevents him from entering Paradise except death.', 'Sunan an-Nasa''i 9848', 'nasai', 91, 91),
('sp-092', 'daily', 'Make Istighfar 100 Times', 'I seek forgiveness from Allah 100 times a day.', 'Sahih Muslim 2702', 'muslim', 92, 92),
('sp-093', 'daily', 'Send Salawat on the Prophet', 'Whoever sends one salah upon me, Allah will send ten salah upon him.', 'Sahih Muslim 408', 'muslim', 93, 93),
('sp-094', 'daily', 'Read Quran Daily', 'The best of you are those who learn the Quran and teach it.', 'Sahih al-Bukhari 5027', 'bukhari', 94, 94),
('sp-095', 'daily', 'Say La Ilaha Illa Allah 100 Times', 'Whoever says La ilaha illa Allah 100 times, it is as if he freed 10 slaves, and 100 good deeds are recorded for him.', 'Sahih al-Bukhari 6403', 'bukhari', 95, 95),

-- SLEEP practices (days 96-132)
('sp-096', 'sleep', 'Sleep on the Right Side', 'When you go to bed, perform wudu then lie down on your right side.', 'Sahih al-Bukhari 247', 'bukhari', 96, 96),
('sp-097', 'sleep', 'Recite Ayat al-Kursi Before Sleeping', 'Whoever recites Ayat al-Kursi when going to bed, a guardian from Allah will protect him and no devil will come near him.', 'Sahih al-Bukhari 5010', 'bukhari', 97, 97),
('sp-098', 'sleep', 'Blow into Hands with Last 3 Surahs', 'Every night before sleeping, cup your hands, blow into them, recite the 3 Quls, and wipe over your body.', 'Sahih al-Bukhari 5017', 'bukhari', 98, 98),
('sp-099', 'sleep', 'Recite Surah Al-Mulk', 'Surah Al-Mulk is the protector from the torment of the grave.', 'Sunan at-Tirmidhi 2890', 'tirmidhi', 99, 99),
('sp-100', 'sleep', 'Dust Off Your Bed 3 Times', 'When one of you goes to bed, dust off the bed with the inside of his garment three times.', 'Sahih al-Bukhari 6320', 'bukhari', 100, 100),
('sp-101', 'sleep', 'Say Du''a Before Sleeping', 'Bismika Rabbi wada''tu janbi, wa bika arfa''uhu - In Your name, my Lord, I lay down my side and by You I raise it.', 'Sahih al-Bukhari 6314', 'bukhari', 101, 101),
('sp-102', 'sleep', 'Make Wudu Before Sleeping', 'When you go to bed, perform wudu as you would for prayer.', 'Sahih al-Bukhari 247', 'bukhari', 102, 102),
('sp-103', 'sleep', 'Recite the Last Two Ayat of Al-Baqarah', 'Whoever recites the last two verses of Surah Al-Baqarah at night, they will suffice him.', 'Sahih al-Bukhari 5009', 'bukhari', 103, 103),
('sp-104', 'sleep', 'Say Du''a When Waking Up', 'Alhamdulillahilladhi ahyana ba''da ma amatana wa ilayhin nushur - All praise is for Allah who gave us life after causing us to die.', 'Sahih al-Bukhari 6312', 'bukhari', 104, 104),
('sp-105', 'sleep', 'Do Not Sleep on the Stomach', 'The Prophet (PBUH) said sleeping on the stomach is a way of lying that Allah dislikes.', 'Sunan Abu Dawud 5040', 'abu_dawud', 105, 105),
('sp-106', 'sleep', 'Wake for Tahajjud (Last Third)', 'Our Lord descends to the lowest heaven in the last third of the night and says: Who is calling upon Me that I may answer?', 'Sahih al-Bukhari 1145', 'bukhari', 106, 106),
('sp-107', 'sleep', 'Recite Surah As-Sajdah', 'The Prophet (PBUH) would not sleep until he recited Surah As-Sajdah and Surah Al-Mulk.', 'Sunan at-Tirmidhi 2892', 'tirmidhi', 107, 107),
('sp-108', 'sleep', 'Sleep Early After Isha', 'The Prophet (PBUH) disliked sleeping before Isha and talking after it.', 'Sahih al-Bukhari 568', 'bukhari', 108, 108),

-- TRAVEL practices (days 109-145)
('sp-109', 'travel', 'Say Travel Du''a', 'Subhanalladhi sakhkhara lana hadha wa ma kunna lahu muqrinin - Glory be to the One who subjected this to us.', 'Sahih Muslim 1342', 'muslim', 109, 109),
('sp-110', 'travel', 'Pray Qasr (Shorten Prayers)', 'When traveling, shorten the four rak''ah prayers to two as the Prophet (PBUH) practiced.', 'Sahih al-Bukhari 1080', 'bukhari', 110, 110),
('sp-111', 'travel', 'Say Takbir Going Uphill', 'When the Prophet (PBUH) went up a hill, he would say Allahu Akbar, and when going downhill, Subhanallah.', 'Sahih al-Bukhari 2993', 'bukhari', 111, 111),
('sp-112', 'travel', 'Make Du''a Upon Arriving', 'A''udhu bi kalimatillahit tammati min sharri ma khalaq - I seek refuge in the perfect words of Allah from the evil of what He created.', 'Sahih Muslim 2708', 'muslim', 112, 112),
('sp-113', 'travel', 'Travel with a Group', 'The rider alone is a devil, two riders are two devils, but three are a group of riders.', 'Sunan at-Tirmidhi 1674', 'tirmidhi', 113, 113),
('sp-114', 'travel', 'Choose a Leader for Travel', 'When three people set out on a journey, they should appoint one of them as their leader.', 'Sunan Abu Dawud 2608', 'abu_dawud', 114, 114),
('sp-115', 'travel', 'Do Not Travel Alone at Night', 'If people knew what I know about traveling alone, no rider would travel alone at night.', 'Sahih al-Bukhari 2998', 'bukhari', 115, 115),
('sp-116', 'travel', 'Say Du''a When Returning Home', 'Ayibuna ta''ibuna ''abiduna li rabbina hamidun - We are returning, repenting, worshipping, and praising our Lord.', 'Sahih al-Bukhari 1797', 'bukhari', 116, 116),
('sp-117', 'travel', 'Pray 2 Rak''ah Upon Returning', 'When the Prophet (PBUH) returned from a journey, he would first go to the masjid and pray two rak''ah.', 'Sahih al-Bukhari 443', 'bukhari', 117, 117),
('sp-118', 'travel', 'Do Not Forget Provisions', 'Take provisions, and the best provision is taqwa (consciousness of Allah).', 'Surah Al-Baqarah 2:197', 'quran', 118, 118),
('sp-119', 'travel', 'Share Food During Travel', 'The Prophet (PBUH) would share whatever food was available equally among companions during travel.', 'Sahih Muslim 1728', 'muslim', 119, 119),
('sp-120', 'travel', 'Make Du''a During Travel', 'Three supplications are answered without doubt: the supplication of the traveler.', 'Sunan at-Tirmidhi 3448', 'tirmidhi', 120, 120),
('sp-121', 'travel', 'Be Kind to Your Mount/Vehicle', 'Fear Allah regarding your animals. Ride them well and feed them well.', 'Sunan Abu Dawud 2548', 'abu_dawud', 121, 121),

-- WORSHIP practices (days 122-158)
('sp-122', 'worship', 'Give Sadaqah Friday Morning', 'The best day on which the sun rises is Friday; give charity on it.', 'Sahih Muslim 854', 'muslim', 122, 122),
('sp-123', 'worship', 'Fast the 3 White Days', 'Fast the 13th, 14th, and 15th of each lunar month - it is as if you fasted perpetually.', 'Sunan an-Nasa''i 2424', 'nasai', 123, 123),
('sp-124', 'worship', 'Perform I''tikaf in Ramadan', 'The Prophet (PBUH) would perform I''tikaf during the last ten days of Ramadan.', 'Sahih al-Bukhari 2025', 'bukhari', 124, 124),
('sp-125', 'worship', 'Make Tawbah (Repentance)', 'All the sons of Adam sin, and the best of sinners are those who repent.', 'Sunan at-Tirmidhi 2499', 'tirmidhi', 125, 125),
('sp-126', 'worship', 'Do Dhikr After Fajr Until Sunrise', 'Whoever prays Fajr in congregation, then sits remembering Allah until sunrise, then prays two rak''ah, he will have the reward of Hajj and Umrah.', 'Sunan at-Tirmidhi 586', 'tirmidhi', 126, 126),
('sp-127', 'worship', 'Give Sadaqah in Secret', 'Seven people Allah will shade on a day when there is no shade except His: a man who gives in charity so secretly that his left hand does not know what his right hand gave.', 'Sahih al-Bukhari 1423', 'bukhari', 127, 127),
('sp-128', 'worship', 'Perform Umrah', 'An Umrah to the next Umrah is an expiation for whatever comes between them.', 'Sahih al-Bukhari 1773', 'bukhari', 128, 128),
('sp-129', 'worship', 'Remember Allah in Solitude', 'A man who remembers Allah in solitude and his eyes overflow with tears.', 'Sahih al-Bukhari 660', 'bukhari', 129, 129),
('sp-130', 'worship', 'Fast the Day of Arafah', 'Fasting the Day of Arafah expiates the sins of the previous year and the coming year.', 'Sahih Muslim 1162', 'muslim', 130, 130),
('sp-131', 'worship', 'Fast the Day of Ashura', 'Fasting the Day of Ashura, I hope that Allah will expiate the sins of the year before it.', 'Sahih Muslim 1162', 'muslim', 131, 131),
('sp-132', 'worship', 'Seek Laylat al-Qadr', 'Seek Laylat al-Qadr in the odd nights of the last ten days of Ramadan.', 'Sahih al-Bukhari 2017', 'bukhari', 132, 132),
('sp-133', 'worship', 'Memorize 99 Names of Allah', 'Allah has 99 names. Whoever memorizes and acts upon them will enter Paradise.', 'Sahih al-Bukhari 2736', 'bukhari', 133, 133),
('sp-134', 'worship', 'Send Salawat on Fridays', 'Increase your salawat upon me on Fridays, for your salawat is shown to me.', 'Sunan Abu Dawud 1047', 'abu_dawud', 134, 134),

-- HEALTH practices (days 135-171)
('sp-135', 'health', 'Trim Nails Regularly', 'Five practices are of the fitrah: circumcision, removing pubic hair, trimming the mustache, trimming nails, and removing armpit hair.', 'Sahih al-Bukhari 5889', 'bukhari', 135, 135),
('sp-136', 'health', 'Use Black Seed (Habbatus Sauda)', 'In the black seed is a cure for every disease except death.', 'Sahih al-Bukhari 5688', 'bukhari', 136, 136),
('sp-137', 'health', 'Do Not Overeat', 'The son of Adam does not fill any vessel worse than his stomach. It is enough for the son of Adam to eat a few morsels.', 'Sunan at-Tirmidhi 2380', 'tirmidhi', 137, 137),
('sp-138', 'health', 'Wash Hands Before Eating', 'The blessing of food is in washing hands before and after eating.', 'Sunan at-Tirmidhi 1846', 'tirmidhi', 138, 138),
('sp-139', 'health', 'Exercise and Stay Active', 'The strong believer is better and more beloved to Allah than the weak believer.', 'Sahih Muslim 2664', 'muslim', 139, 139),
('sp-140', 'health', 'Use Zamzam Water', 'The water of Zamzam is for whatever it is drunk for.', 'Sunan Ibn Majah 3062', 'ibn_majah', 140, 140),
('sp-141', 'health', 'Cover Food and Drink at Night', 'Cover your vessels and tie your waterskins, close your doors and extinguish your lamps.', 'Sahih al-Bukhari 5623', 'bukhari', 141, 141),
('sp-142', 'health', 'Do Not Blow on Hot Food', 'The Prophet (PBUH) forbade blowing into food or drink.', 'Sunan Abu Dawud 3728', 'abu_dawud', 142, 142),
('sp-143', 'health', 'Practice Cupping (Hijama)', 'The best of what you treat yourselves with is cupping.', 'Sahih al-Bukhari 5696', 'bukhari', 143, 143),
('sp-144', 'health', 'Sleep After Dhuhr (Qailulah)', 'Take a midday nap, for the devils do not take a midday nap.', 'Sahih al-Jami 4431', 'other', 144, 144),
('sp-145', 'health', 'Keep a Clean Appearance', 'Allah is beautiful and loves beauty.', 'Sahih Muslim 91', 'muslim', 145, 145),
('sp-146', 'health', 'Use Your Right Hand for Clean Acts', 'Use the right hand for eating, drinking, and giving. Use the left for the opposite.', 'Sahih Muslim 2020', 'muslim', 146, 146),
('sp-147', 'health', 'Drink Milk', 'When one of you eats, say Bismillah. When you drink milk, say: O Allah, bless us in it and give us more.', 'Sunan at-Tirmidhi 3455', 'tirmidhi', 147, 147)

ON CONFLICT (id) DO UPDATE SET 
  title = EXCLUDED.title,
  description = EXCLUDED.description,
  hadith_ref = EXCLUDED.hadith_ref,
  day_of_year = EXCLUDED.day_of_year;
[V0_FILE]sql:file="scripts/067-seed-365-sunnah-batch2.sql" isMerged="true"
-- Seed sunnah practices days 148-365
-- Continuing from batch 1

-- Days 148-177: Prayer & Worship
INSERT INTO sunnah_practices (title, description, category_id, hadith_ref, day_of_year) VALUES
  ('Pray Salat al-Ishraq', 'Pray two rak''ah after sunrise. The Prophet (PBUH) encouraged this prayer for its immense reward.', 'salah', 'Muslim 720', 148),
  ('Perfect Your Sujud', 'Make your prostration unhurried. The Prophet (PBUH) would remain in sujud reciting lengthy supplications.', 'salah', 'Bukhari 821', 149),
  ('Pray Behind the Imam Attentively', 'When praying in congregation, follow the imam precisely without rushing ahead.', 'salah', 'Bukhari 722', 150),
  ('Make Dua Between Adhan and Iqamah', 'Supplication between the call to prayer and the start of prayer is not rejected.', 'daily', 'Abu Dawud 521', 151),
  ('Pray Salat al-Tawbah', 'When you commit a sin, perform two rak''ah of repentance and seek Allah''s forgiveness.', 'salah', 'Abu Dawud 1521', 152),
  ('Straighten the Prayer Rows', 'Help straighten the rows before congregational prayer.', 'salah', 'Muslim 436', 153),
  ('Recite Ayat al-Kursi After Salah', 'After every obligatory prayer, recite Ayat al-Kursi.', 'daily', 'An-Nasa''i', 154),
  ('Pray with Khushu', 'Focus on the meaning of what you recite and feel the presence of Allah during prayer.', 'salah', 'Bukhari 6265', 155),
  ('Make Istikharah for Decisions', 'Before important decisions, pray two rak''ah of Istikhara and make the prescribed dua.', 'salah', 'Bukhari 1166', 156),
  ('Pray Salat al-Hajah', 'When in need, perform two rak''ah and supplicate to Allah with sincerity.', 'salah', 'Tirmidhi 479', 157),
  ('Attend Jumu''ah Early', 'Go to Friday prayer early. Angels record those who come first.', 'salah', 'Bukhari 929', 158),
  ('Read Surah Al-Kahf on Friday', 'Whoever reads Surah Al-Kahf on Friday will have a light between two Fridays.', 'worship', 'Al-Hakim', 159),
  ('Make Abundant Salawat on Friday', 'Send blessings upon the Prophet (PBUH) abundantly on Friday.', 'daily', 'Abu Dawud 1047', 160),
  ('Pray Tahajjud', 'Wake in the last third of the night and pray voluntary prayers.', 'salah', 'Bukhari 1145', 161),
  ('Recite Morning Adhkar', 'Say the morning remembrances after Fajr prayer.', 'daily', 'Abu Dawud 5068', 162),
  ('Recite Evening Adhkar', 'Say the evening remembrances after Asr prayer.', 'daily', 'Abu Dawud 5069', 163),
  ('Pray Duha Prayer', 'Pray 2-8 rak''ah after sunrise until just before Dhuhr.', 'salah', 'Muslim 748', 164),
  ('Fast Mondays and Thursdays', 'The Prophet (PBUH) used to fast on Mondays and Thursdays.', 'worship', 'Tirmidhi 745', 165),
  ('Give Sadaqah Today', 'Give charity, even if small. Sadaqah extinguishes sins like water extinguishes fire.', 'worship', 'Tirmidhi 614', 166),
  ('Visit the Sick', 'Visiting the sick is a right of a Muslim upon another Muslim.', 'people', 'Muslim 2162', 167),
  ('Reconcile Between People', 'Making peace between people is better than voluntary prayer and fasting.', 'people', 'Abu Dawud 4919', 168),
  ('Lower Your Gaze', 'Guard your eyesight. The Prophet (PBUH) said the glance is one of the poisoned arrows of Shaytan.', 'character', 'Al-Hakim', 169),
  ('Be Patient in Adversity', 'Patience is a light. The Prophet (PBUH) said amazing is the affair of the believer.', 'character', 'Muslim 2999', 170),
  ('Remember Death Often', 'The Prophet (PBUH) said: Frequently remember the destroyer of pleasures — death.', 'worship', 'Tirmidhi 2307', 171),
  ('Perform Wudu Before Sleep', 'The Prophet (PBUH) would perform wudu before sleeping.', 'sleep', 'Bukhari 247', 172),
  ('Sleep on Your Right Side', 'The Prophet (PBUH) would sleep on his right side after making wudu.', 'sleep', 'Bukhari 247', 173),
  ('Recite Last Two Ayat of Al-Baqarah', 'Before sleeping, recite the last two verses of Surah Al-Baqarah.', 'sleep', 'Bukhari 5009', 174),
  ('Dust Your Bed Before Sleeping', 'The Prophet (PBUH) would dust his bed three times before lying down.', 'sleep', 'Bukhari 6320', 175),
  ('Say Bismillah When Locking Your Door', 'Say Bismillah when closing your door at night.', 'sleep', 'Bukhari 5623', 176),
  ('Wake Up and Praise Allah', 'Upon waking, say: Alhamdulillahil-ladhi ahyana ba''da ma amatana.', 'daily', 'Bukhari 6324', 177),

-- Days 178-207: Character & Social
  ('Smile at Others', 'Your smile in the face of your brother is charity.', 'character', 'Tirmidhi 1956', 178),
  ('Speak Good or Keep Silent', 'Whoever believes in Allah and the Last Day, let him speak good or remain silent.', 'character', 'Bukhari 6018', 179),
  ('Remove Harm from the Path', 'Removing something harmful from the road is an act of charity.', 'character', 'Muslim 1914', 180),
  ('Be Gentle in All Affairs', 'Allah is gentle and loves gentleness in all affairs.', 'character', 'Muslim 2593', 181),
  ('Forgive Others', 'Be forgiving. Allah will honor you. Be humble. Allah will raise you.', 'character', 'Muslim 2588', 182),
  ('Keep Promises', 'The signs of a hypocrite are three: when he speaks he lies, when he promises he breaks it.', 'character', 'Bukhari 33', 183),
  ('Control Your Anger', 'The strong person is not the one who wrestles but who controls himself when angry.', 'character', 'Bukhari 6114', 184),
  ('Be Truthful', 'Truthfulness leads to righteousness, and righteousness leads to Paradise.', 'character', 'Bukhari 6094', 185),
  ('Avoid Backbiting', 'Backbiting is mentioning your brother with what he dislikes.', 'character', 'Muslim 2589', 186),
  ('Show Gratitude', 'He who does not thank people does not thank Allah.', 'people', 'Abu Dawud 4811', 187),
  ('Visit Your Neighbors', 'Jibril kept advising me about the neighbor until I thought he would inherit.', 'people', 'Bukhari 6014', 188),
  ('Feed Others', 'The best of you is the one who feeds others.', 'people', 'Ahmad', 189),
  ('Help the Needy', 'The one who looks after a widow or poor person is like a mujahid.', 'people', 'Bukhari 5353', 190),
  ('Honor Your Parents', 'Paradise lies at the feet of your mother.', 'people', 'An-Nasa''i 3104', 191),
  ('Maintain Family Ties', 'The one who severs family ties will not enter Paradise.', 'people', 'Bukhari 5984', 192),
  ('Return the Greeting of Salam', 'When greeted with a greeting, respond with better or at least equal.', 'people', 'Quran 4:86', 193),
  ('Initiate Salam', 'The best of the two is the one who initiates the greeting of peace.', 'people', 'Bukhari 6077', 194),
  ('Be Kind to Animals', 'A woman entered Hell because of a cat she imprisoned without feeding.', 'character', 'Bukhari 3318', 195),
  ('Show Mercy', 'The merciful are shown mercy by the Most Merciful.', 'character', 'Abu Dawud 4941', 196),
  ('Avoid Suspicion', 'Avoid suspicion, for suspicion is the worst of false tales.', 'character', 'Bukhari 6064', 197),
  ('Be Humble', 'No one who has an atom''s weight of arrogance will enter Paradise.', 'character', 'Muslim 91', 198),
  ('Seek Knowledge', 'Seeking knowledge is an obligation upon every Muslim.', 'worship', 'Ibn Majah 224', 199),
  ('Teach Others', 'The best of you are those who learn the Quran and teach it.', 'worship', 'Bukhari 5027', 200),
  ('Be Just', 'Be just; that is nearer to piety.', 'character', 'Quran 5:8', 201),
  ('Avoid Jealousy', 'Beware of jealousy, for it devours good deeds as fire devours wood.', 'character', 'Abu Dawud 4903', 202),
  ('Guard Your Tongue', 'Most of the sins of the children of Adam are from the tongue.', 'character', 'Tabarani', 203),
  ('Be Generous', 'The Prophet (PBUH) was the most generous of people.', 'character', 'Bukhari 6', 204),
  ('Make Dua for Others', 'The dua of a Muslim for his brother in his absence is answered.', 'daily', 'Muslim 2733', 205),
  ('Console the Grieving', 'Whoever consoles a bereaved person will have a garment of honor.', 'people', 'Tirmidhi 1073', 206),
  ('Spread Knowledge', 'Convey from me, even if it is one verse.', 'worship', 'Bukhari 3461', 207),

-- Days 208-237: Eating, Health & Cleanliness
  ('Say Bismillah Before Eating', 'Mention the name of Allah before eating and eat with your right hand.', 'food', 'Bukhari 5376', 208),
  ('Eat with Right Hand', 'The Prophet (PBUH) said: Eat with your right hand.', 'food', 'Muslim 2020', 209),
  ('Eat from What Is Near You', 'O young boy, mention Allah, eat with your right hand, and eat from what is near you.', 'food', 'Bukhari 5376', 210),
  ('Don''t Criticize Food', 'The Prophet (PBUH) never criticized any food. If he liked it he ate it; if not he left it.', 'food', 'Bukhari 5409', 211),
  ('Eat in Moderation', 'Fill a third for food, a third for drink, and a third for air.', 'food', 'Tirmidhi 2380', 212),
  ('Drink Water in Three Sips', 'The Prophet (PBUH) used to drink water in three breaths.', 'food', 'Muslim 2028', 213),
  ('Don''t Blow on Food', 'The Prophet (PBUH) forbade blowing on food and drink.', 'food', 'Tirmidhi 1887', 214),
  ('Share Food with Neighbors', 'If you cook broth, increase the water and share with your neighbors.', 'food', 'Muslim 2625', 215),
  ('Eat Dates', 'Whoever eats seven Ajwa dates in the morning will not be harmed by poison or magic.', 'health', 'Bukhari 5445', 216),
  ('Drink Honey', 'Honey is a healing for mankind.', 'health', 'Quran 16:69', 217),
  ('Use Black Seed', 'In the black seed is a cure for every disease except death.', 'health', 'Bukhari 5688', 218),
  ('Use Olive Oil', 'Eat olive oil and anoint yourselves with it, for it is from a blessed tree.', 'health', 'Tirmidhi 1851', 219),
  ('Eat with Others', 'Gather together for your meals and mention Allah''s name, it will be blessed.', 'food', 'Abu Dawud 3764', 220),
  ('Say Alhamdulillah After Eating', 'Whoever eats and says Alhamdulillah, his past sins will be forgiven.', 'food', 'Tirmidhi 1816', 221),
  ('Lick Your Fingers After Eating', 'The Prophet (PBUH) would lick his fingers after eating.', 'food', 'Muslim 2032', 222),
  ('Use Siwaak', 'If it would not be too difficult for my ummah, I would have ordered them to use siwaak.', 'home', 'Bukhari 887', 223),
  ('Trim Your Nails', 'The Prophet (PBUH) set a time limit of forty days for trimming nails.', 'home', 'Muslim 258', 224),
  ('Keep Hair Tidy', 'Whoever has hair, let him honor it.', 'home', 'Abu Dawud 4163', 225),
  ('Apply Perfume', 'The Prophet (PBUH) loved perfume and would not refuse it.', 'home', 'Bukhari 2582', 226),
  ('Wash Hands Before Eating', 'The Prophet (PBUH) would wash his hands before and after meals.', 'home', 'Tirmidhi 1846', 227),
  ('Take a Bath on Friday', 'Taking a bath on Friday is obligatory for every adult Muslim.', 'home', 'Bukhari 879', 228),
  ('Wear Clean Clothes', 'Allah is beautiful and loves beauty.', 'home', 'Muslim 91', 229),
  ('Enter Bathroom with Left Foot', 'Say Bismillah and enter with the left foot.', 'home', 'Tirmidhi 606', 230),
  ('Exit Bathroom with Right Foot', 'Say Ghufranaka when exiting the bathroom.', 'home', 'Abu Dawud 30', 231),
  ('Cover Your Mouth When Yawning', 'When one of you yawns, let him cover his mouth.', 'health', 'Muslim 2994', 232),
  ('Sneeze and Say Alhamdulillah', 'When you sneeze, say Alhamdulillah. The listener says Yarhamukallah.', 'health', 'Bukhari 6224', 233),
  ('Exercise and Stay Active', 'A strong believer is better and more beloved to Allah than a weak believer.', 'health', 'Muslim 2664', 234),
  ('Eat Slowly and Chew Well', 'The Prophet (PBUH) ate slowly and deliberately.', 'food', 'Various', 235),
  ('Don''t Eat While Standing', 'The Prophet (PBUH) forbade drinking while standing.', 'food', 'Muslim 2024', 236),
  ('Sit When Drinking Water', 'The Prophet (PBUH) preferred sitting while drinking.', 'food', 'Muslim 2024', 237),

-- Days 238-267: Dhikr & Worship
  ('Say SubhanAllah 33 Times After Prayer', 'After prayer, say SubhanAllah 33 times, Alhamdulillah 33 times, Allahu Akbar 34 times.', 'daily', 'Muslim 597', 238),
  ('Say La ilaha illallah 100 Times', 'Whoever says La ilaha illallah 100 times has the reward of freeing 10 slaves.', 'daily', 'Bukhari 6403', 239),
  ('Say SubhanAllahi wa Bihamdihi 100 Times', 'Whoever says this 100 times, his sins will be forgiven even if like sea foam.', 'daily', 'Bukhari 6405', 240),
  ('Recite Surah Al-Ikhlas Three Times', 'Reciting it three times equals reading the entire Quran.', 'daily', 'Bukhari 5015', 241),
  ('Recite Al-Mu''awwidhatayn', 'Recite Surah Al-Falaq and An-Nas morning, evening, and before sleep.', 'daily', 'Abu Dawud 5056', 242),
  ('Say Hasbiyallahu la ilaha illa Huwa', 'Whoever says this seven times, Allah will suffice him.', 'daily', 'Abu Dawud 5081', 243),
  ('Make Istighfar 100 Times', 'I seek forgiveness from Allah 100 times a day.', 'daily', 'Muslim 2702', 244),
  ('Say Sayyid al-Istighfar', 'The master supplication for forgiveness: Allahumma anta Rabbi...', 'daily', 'Bukhari 6306', 245),
  ('Send Salawat on the Prophet 100 Times', 'Whoever sends blessings on me once, Allah sends 10 upon him.', 'daily', 'Muslim 408', 246),
  ('Read One Page of Quran', 'Read the Quran, for it will come as an intercessor on the Day of Judgment.', 'worship', 'Muslim 804', 247),
  ('Memorize a New Ayah', 'The best of you is the one who learns the Quran and teaches it.', 'worship', 'Bukhari 5027', 248),
  ('Reflect on a Verse', 'Do they not then reflect on the Quran?', 'worship', 'Quran 4:82', 249),
  ('Pray Two Rak''ah of Gratitude', 'When something good happens, pray two rak''ah of thanks to Allah.', 'salah', 'Abu Dawud 2774', 250),
  ('Make Dua at Suhoor Time', 'Allah descends to the lowest heaven in the last third of the night.', 'daily', 'Bukhari 1145', 251),
  ('Say Adhkar of the Market', 'Say La ilaha illallah when entering the marketplace.', 'daily', 'Tirmidhi 3428', 252),
  ('Say Bismillah When Entering Home', 'When entering say Bismillah and send peace upon the family.', 'daily', 'Abu Dawud 5096', 253),
  ('Say Dua When Leaving Home', 'Bismillah, tawakkaltu alallah, la hawla wa la quwwata illa billah.', 'daily', 'Abu Dawud 5095', 254),
  ('Make Dua When It Rains', 'Allahumma sayyiban nafi''an — O Allah, make it beneficial rain.', 'daily', 'Bukhari 1032', 255),
  ('Say Dua When Hearing Thunder', 'SubhanAllah-ladhi yusabbihu ar-ra''du bi hamdihi.', 'daily', 'Malik', 256),
  ('Make Dua While Traveling', 'The dua of a traveler is answered.', 'daily', 'Tirmidhi 3437', 257),
  ('Recite Quran After Fajr', 'The recitation at dawn is witnessed by the angels.', 'worship', 'Quran 17:78', 258),
  ('Attend Islamic Lectures', 'Gatherings of knowledge are gardens of Paradise.', 'worship', 'Tirmidhi 3510', 259),
  ('Fast Three Days Each Month', 'Fasting three days of each month is like fasting the entire year.', 'worship', 'Bukhari 1979', 260),
  ('Give Secret Charity', 'Seven will be shaded by Allah, including one who gives charity secretly.', 'worship', 'Bukhari 660', 261),
  ('Pray for the Deceased', 'When you pray janazah, sincerely supplicate for the deceased.', 'salah', 'Muslim 963', 262),
  ('Visit the Graveyard', 'Visit graves, for they remind you of the Hereafter.', 'worship', 'Muslim 976', 263),
  ('Fast the Day of Arafah', 'Fasting the Day of Arafah expiates the sins of the previous and coming year.', 'worship', 'Muslim 1162', 264),
  ('Fast Ashura', 'Fasting the day of Ashura expiates the sins of the previous year.', 'worship', 'Muslim 1162', 265),
  ('Observe I''tikaf', 'The Prophet (PBUH) used to observe I''tikaf in the last ten days of Ramadan.', 'worship', 'Bukhari 2025', 266),
  ('Pray Taraweeh', 'Whoever prays during Ramadan nights with faith, his past sins are forgiven.', 'salah', 'Bukhari 2009', 267),

-- Days 268-297: Sleep, Travel & Daily Life
  ('Recite Three Quls Before Sleep', 'The Prophet (PBUH) would cup his hands, blow, and recite the three Quls.', 'sleep', 'Bukhari 5017', 268),
  ('Sleep Early After Isha', 'The Prophet (PBUH) disliked sleeping before Isha and talking after it.', 'sleep', 'Bukhari 568', 269),
  ('Nap in the Afternoon', 'Take the afternoon nap (qailulah) for it helps with tahajjud.', 'sleep', 'Ibn Majah', 270),
  ('Wake for Tahajjud', 'The best prayer after the obligatory prayers is the night prayer.', 'sleep', 'Muslim 1163', 271),
  ('Say the Dua for Insomnia', 'If unable to sleep, recite the remembrance of Allah.', 'sleep', 'Bukhari', 272),
  ('Don''t Sleep on Your Stomach', 'The Prophet (PBUH) said sleeping on the stomach is disliked by Allah.', 'sleep', 'Tirmidhi 2768', 273),
  ('Say Dua Upon Waking from Bad Dream', 'Spit lightly to the left three times and seek refuge in Allah.', 'sleep', 'Muslim 2261', 274),
  ('Say Dua Before Travel', 'SubhanAllah-ladhi sakh-khara lana hadha...', 'travel', 'Muslim 1342', 275),
  ('Pray Two Rak''ah Before Leaving', 'The Prophet (PBUH) would pray two rak''ah before traveling.', 'travel', 'Various', 276),
  ('Shorten Prayers When Traveling', 'Allah loves that His concessions be taken as He dislikes disobedience.', 'travel', 'Ahmad', 277),
  ('Combine Prayers When Traveling', 'The Prophet (PBUH) combined Dhuhr and Asr when traveling.', 'travel', 'Bukhari 1107', 278),
  ('Make Dua When Arriving', 'Say: A''udhu bi kalimatillahit-tammat when stopping at a place.', 'travel', 'Muslim 2708', 279),
  ('Return Home and Pray Two Rak''ah', 'When returning from travel, pray two rak''ah at the masjid.', 'travel', 'Bukhari 3088', 280),
  ('Bring Gifts from Travel', 'Give gifts, for it strengthens love.', 'travel', 'Bukhari-Adab', 281),
  ('Travel in a Group', 'A rider alone is a devil. Two riders are two devils. Three is a traveling group.', 'travel', 'Tirmidhi 1674', 282),
  ('Appoint a Leader When Traveling', 'When three travel, let them appoint one as leader.', 'travel', 'Abu Dawud 2608', 283),
  ('Say Bismillah When Starting Work', 'Begin every important matter with Bismillah.', 'daily', 'Abu Dawud 101', 284),
  ('Be Honest in Business', 'The truthful trustworthy merchant is with the prophets.', 'character', 'Tirmidhi 1209', 285),
  ('Don''t Cheat in Trade', 'Whoever cheats is not one of us.', 'character', 'Muslim 102', 286),
  ('Pay Workers Promptly', 'Give the worker his wages before his sweat dries.', 'people', 'Ibn Majah 2443', 287),
  ('Say Dua When Entering Masjid', 'Allahumma aftah li abwaba rahmatik.', 'daily', 'Muslim 713', 288),
  ('Say Dua When Leaving Masjid', 'Allahumma inni as-aluka min fadlik.', 'daily', 'Muslim 713', 289),
  ('Enter Masjid with Right Foot', 'Enter the masjid with your right foot.', 'worship', 'Bukhari-Adab', 290),
  ('Pray Tahiyyat al-Masjid', 'When entering the masjid, do not sit until you pray two rak''ah.', 'salah', 'Bukhari 1163', 291),
  ('Sit in the Front Rows', 'If people knew the reward of the first row, they would draw lots.', 'salah', 'Bukhari 615', 292),
  ('Fill Gaps in Prayer Rows', 'Whoever fills a gap in a row, Allah will raise him a degree.', 'salah', 'Ibn Majah', 293),
  ('Face the Qiblah When Making Dua', 'The Prophet (PBUH) would face the qiblah and raise his hands for dua.', 'daily', 'Bukhari 1031', 294),
  ('Raise Hands During Dua', 'Allah is shy to let His servant raise his hands and return them empty.', 'daily', 'Tirmidhi 3556', 295),
  ('Begin Dua with Praise', 'Start your dua by praising Allah and sending salawat on the Prophet.', 'daily', 'Tirmidhi 3476', 296),
  ('Use Allah''s Names in Dua', 'To Allah belong the most beautiful names, so call upon Him by them.', 'daily', 'Quran 7:180', 297),

-- Days 298-335: More Character, Worship & Social
  ('Avoid Extravagance', 'Eat, drink, give charity, and wear clothes without extravagance or pride.', 'character', 'Ibn Majah', 298),
  ('Be Content with What You Have', 'Look at those below you, not above you, so you won''t belittle Allah''s blessings.', 'character', 'Muslim 2963', 299),
  ('Trust in Allah', 'If you relied on Allah as He should be relied on, He would provide like birds.', 'worship', 'Tirmidhi 2344', 300),
  ('Make Shura (Consultation)', 'The Prophet (PBUH) would consult his companions in important matters.', 'people', 'Quran 3:159', 301),
  ('Keep Secrets', 'Meetings are trusts. Don''t reveal what was said in private.', 'character', 'Abu Dawud 4869', 302),
  ('Don''t Spy on Others', 'Do not spy, do not look for faults, and do not be jealous.', 'character', 'Bukhari 6064', 303),
  ('Avoid Debt If Possible', 'The Prophet (PBUH) sought refuge from being overwhelmed by debt.', 'worship', 'Bukhari 2893', 304),
  ('Fulfill Your Oaths', 'Fulfill your agreements. Agreements will be questioned about.', 'character', 'Quran 17:34', 305),
  ('Be Patient With Children', 'The Prophet (PBUH) was the most patient with children.', 'people', 'Bukhari 5997', 306),
  ('Kiss and Hug Your Children', 'The Prophet (PBUH) kissed Al-Hasan and said: Whoever does not show mercy will not be shown mercy.', 'people', 'Bukhari 5997', 307),
  ('Teach Children to Pray at Seven', 'Command your children to pray at seven and discipline them at ten.', 'people', 'Abu Dawud 495', 308),
  ('Treat Daughters with Kindness', 'Whoever has three daughters and is patient with them, they will be a shield from the Fire.', 'people', 'Tirmidhi 1916', 309),
  ('Be Good to Your Spouse', 'The best of you is the one who is best to his family.', 'people', 'Tirmidhi 3895', 310),
  ('Help with Household Chores', 'The Prophet (PBUH) was at the service of his family.', 'people', 'Bukhari 676', 311),
  ('Say Dua for Your Parents', 'Rabbi irhamhuma kama rabbayani saghira.', 'daily', 'Quran 17:24', 312),
  ('Give Gifts to Each Other', 'Exchange gifts, for gifts remove grudges from the heart.', 'people', 'Tirmidhi 2130', 313),
  ('Say Jazakallah Khairan', 'Whoever has a favor done for him and says Jazakallah Khairan has thanked enough.', 'people', 'Tirmidhi 2035', 314),
  ('Cover Others'' Faults', 'Whoever covers the fault of a Muslim, Allah will cover his faults.', 'character', 'Muslim 2580', 315),
  ('Make Excuses for Others', 'Make seventy excuses for your brother.', 'character', 'Bayhaqi', 316),
  ('Avoid Arguing', 'I guarantee a house in Paradise for one who avoids arguing even if right.', 'character', 'Abu Dawud 4800', 317),
  ('Eat Suhoor', 'Eat suhoor, for in suhoor there is blessing.', 'food', 'Bukhari 1923', 318),
  ('Break Fast with Dates', 'The Prophet (PBUH) would break his fast with fresh dates.', 'food', 'Abu Dawud 2356', 319),
  ('Feed the Fasting Person', 'Whoever feeds a fasting person gets the same reward without diminishing theirs.', 'people', 'Tirmidhi 807', 320),
  ('Give Zakat al-Fitr', 'The Prophet (PBUH) obligated Zakat al-Fitr before Eid prayer.', 'worship', 'Bukhari 1503', 321),
  ('Say Takbir on Eid', 'Glorify Allah for guiding you and be grateful.', 'worship', 'Quran 2:185', 322),
  ('Pray Eid Prayer', 'The Prophet (PBUH) would go out for Eid prayer and take a different route back.', 'salah', 'Bukhari 986', 323),
  ('Wear Best Clothes on Eid', 'The Prophet (PBUH) had a special garment for Eid and Jumu''ah.', 'home', 'Bukhari', 324),
  ('Eat Before Eid al-Fitr Prayer', 'The Prophet (PBUH) would eat dates before going to Eid al-Fitr prayer.', 'food', 'Bukhari 953', 325),
  ('Say Dua When Looking in Mirror', 'Allahumma ahsanta khalqi fa ahsin khuluqi.', 'daily', 'Ahmad', 326),
  ('Respond to the Adhan', 'Say what the muadhin says, then send salawat and make dua.', 'daily', 'Muslim 384', 327),
  ('Say Inna lillahi When Afflicted', 'We belong to Allah and to Him we return.', 'daily', 'Quran 2:156', 328),
  ('Make Dua for Muslim Ummah', 'Pray for the entire Muslim community in your supplications.', 'daily', 'Muslim', 329),
  ('Read Surah Al-Mulk Before Sleep', 'The Prophet (PBUH) would not sleep until he recited Surah Al-Mulk.', 'worship', 'Tirmidhi 2892', 330),
  ('Pray Witr Before Sleeping', 'Make your last prayer of the night the witr prayer.', 'salah', 'Bukhari 998', 331),
  ('Tie Your Camel and Trust Allah', 'Tie your camel and then trust in Allah.', 'worship', 'Tirmidhi 2517', 332),
  ('Seek Refuge from Laziness', 'The Prophet (PBUH) sought refuge from inability and laziness.', 'daily', 'Bukhari 6369', 333),
  ('Renew Your Intention', 'Actions are by intentions. Renew your niyyah throughout the day.', 'worship', 'Bukhari 1', 334),
  ('End Your Day with Gratitude', 'If you are grateful, I will increase you.', 'worship', 'Quran 14:7', 335),

-- Days 336-365: Review & Reinforce
  ('Review: Pray All Five on Time', 'The most beloved deed to Allah is prayer at its proper time.', 'salah', 'Bukhari 527', 336),
  ('Review: Perfect Your Wudu', 'No Muslim makes wudu and perfects it except that sins fall from his body.', 'home', 'Muslim 244', 337),
  ('Review: Say Bismillah Often', 'Every important matter not begun with Bismillah is cut off from blessing.', 'daily', 'Ibn Majah', 338),
  ('Review: Eat with Right Hand', 'Satan eats with his left hand. Eat with your right.', 'food', 'Muslim 2020', 339),
  ('Review: Sleep on Right Side', 'Lie down on your right side after making wudu and remembering Allah.', 'sleep', 'Bukhari 247', 340),
  ('Review: Smile and Be Kind', 'Do not belittle any good deed, even meeting your brother with a cheerful face.', 'character', 'Muslim 2626', 341),
  ('Review: Give Daily Charity', 'Every joint must give charity each day. Every tasbeehah is charity.', 'worship', 'Muslim 1007', 342),
  ('Review: Say Morning Adhkar', 'Protect yourself with the morning and evening adhkar.', 'daily', 'Abu Dawud 5068', 343),
  ('Review: Say Evening Adhkar', 'The evening remembrances are a shield until morning.', 'daily', 'Abu Dawud 5069', 344),
  ('Review: Read Quran Daily', 'The one skilled in Quran is with the noble angels.', 'worship', 'Bukhari 4937', 345),
  ('Review: Fast Voluntary Days', 'Whoever fasts a day for Allah, Allah distances his face from the Fire by 70 years.', 'worship', 'Bukhari 2840', 346),
  ('Review: Maintain Family Ties', 'Whoever wishes to have his provision expanded, let him maintain family ties.', 'people', 'Bukhari 5986', 347),
  ('Review: Control Anger', 'Don''t be angry. Don''t be angry. Don''t be angry.', 'character', 'Bukhari 6116', 348),
  ('Review: Make Much Istighfar', 'Whoever makes istighfar regularly, Allah provides a way out of every difficulty.', 'daily', 'Abu Dawud 1518', 349),
  ('Review: Pray Sunnah Prayers', 'Twelve rak''ah of sunnah: Allah builds a house in Paradise.', 'salah', 'Muslim 728', 350),
  ('Review: Be Good to Neighbors', 'He is not a believer whose neighbor is not safe from his harm.', 'people', 'Bukhari 6016', 351),
  ('Review: Honor Parents', 'The pleasure of Allah is in the pleasure of parents.', 'people', 'Tirmidhi 1899', 352),
  ('Review: Speak the Truth', 'Hold to truth, for truth leads to goodness.', 'character', 'Bukhari 6094', 353),
  ('Review: Make Dua Consistently', 'Dua is the essence of worship.', 'daily', 'Tirmidhi 3371', 354),
  ('Review: Visit the Sick', 'You are in the shade of Allah''s mercy when visiting the sick.', 'people', 'Muslim 2568', 355),
  ('Review: Lower the Gaze', 'Tell the believing men to lower their gaze and guard their chastity.', 'character', 'Quran 24:30', 356),
  ('Review: Use the Siwaak', 'The siwaak purifies the mouth and pleases the Lord.', 'home', 'An-Nasa''i 5', 357),
  ('Review: Sleep with Wudu', 'When you go to bed, perform ablution as for prayer.', 'sleep', 'Bukhari 247', 358),
  ('Review: Send Salawat Often', 'The closest to me on the Day of Judgment is the one who sent the most salawat.', 'daily', 'Tirmidhi 484', 359),
  ('Review: Seek Knowledge', 'Whoever follows a path seeking knowledge, Allah eases his path to Paradise.', 'worship', 'Muslim 2699', 360),
  ('Review: Remember Allah After Salah', 'SubhanAllah 33, Alhamdulillah 33, Allahu Akbar 34 after every prayer.', 'daily', 'Muslim 597', 361),
  ('Review: Be Generous Always', 'Protect yourselves from the Fire even with half a date.', 'worship', 'Bukhari 1417', 362),
  ('Review: Make Tawbah Daily', 'O people, repent to Allah, for I repent to Him 100 times a day.', 'worship', 'Muslim 2702', 363),
  ('Review: Trust in Allah''s Plan', 'If Allah loves a people, He tests them.', 'worship', 'Tirmidhi 2396', 364),
  ('Review: Strive for Jannah', 'Paradise is surrounded by hardships and the Fire by desires.', 'worship', 'Muslim 2822', 365);

-- Done seeding days 148-365
[V0_FILE]sql:file="scripts/067a-fix-sunnah-collection.sql" isMerged="true"
ALTER TABLE sunnah_practices ALTER COLUMN collection DROP NOT NULL;
ALTER TABLE sunnah_practices ALTER COLUMN collection SET DEFAULT 'Hadith';
[V0_FILE]sql:file="scripts/068-seed-new-achievements.sql" isMerged="true"
-- Seed new achievements for content expansion features
-- Schema: slug, name_en, description_en, icon, category (enum: mastery/consistency/learning/social/milestone), tier, xp_reward, criteria (jsonb), is_active, display_order

INSERT INTO achievements (slug, name_en, description_en, icon, category, tier, xp_reward, criteria, is_active, display_order)
SELECT * FROM (VALUES
  ('path-scholar', 'Path Scholar', 'Complete any learning path', 'graduation-cap', 'learning'::achievement_category, 2, 200, '{"type": "learning_path_complete", "threshold": 1}'::jsonb, true, 50),
  ('quiz-master', 'Quiz Master', 'Pass 10 quizzes with a perfect score', 'trophy', 'mastery'::achievement_category, 3, 300, '{"type": "quiz_perfect_score", "threshold": 10}'::jsonb, true, 51),
  ('daily-devotee', 'Daily Devotee', 'Practice sunnah for 30 consecutive days', 'sun', 'consistency'::achievement_category, 2, 250, '{"type": "sunnah_streak", "threshold": 30}'::jsonb, true, 52),
  ('prophet-stories', 'Stories of the Prophets', 'Read all 25 prophet stories', 'book-open', 'learning'::achievement_category, 3, 400, '{"type": "all_prophet_stories_complete"}'::jsonb, true, 53),
  ('companion-connoisseur', 'Companion Connoisseur', 'Read all companion stories', 'users', 'learning'::achievement_category, 3, 350, '{"type": "all_stories_complete"}'::jsonb, true, 54),
  ('sunnah-seeker', 'Sunnah Seeker', 'Maintain a 7-day sunnah practice streak', 'heart', 'consistency'::achievement_category, 1, 150, '{"type": "sunnah_streak", "threshold": 7}'::jsonb, true, 55)
) AS v(slug, name_en, description_en, icon, category, tier, xp_reward, criteria, is_active, display_order)
WHERE NOT EXISTS (
  SELECT 1 FROM achievements a WHERE a.slug = v.slug
);
[V0_FILE]sql:file="scripts/069-create-learning-progress.sql" isMerged="true"
-- Create learning_progress table for tracking lesson completion with checkmarks
CREATE TABLE IF NOT EXISTS learning_progress (
  id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
  lesson_id uuid NOT NULL REFERENCES learning_lessons(id) ON DELETE CASCADE,
  status text NOT NULL DEFAULT 'not_started' CHECK (status IN ('not_started', 'in_progress', 'completed')),
  started_at timestamptz,
  completed_at timestamptz,
  quiz_score numeric,
  quiz_passed boolean DEFAULT false,
  created_at timestamptz DEFAULT now(),
  updated_at timestamptz DEFAULT now(),
  UNIQUE (user_id, lesson_id)
);

-- Enable RLS
ALTER TABLE learning_progress ENABLE ROW LEVEL SECURITY;

-- Users can read their own progress
CREATE POLICY "Users can read own progress" ON learning_progress
  FOR SELECT USING (auth.uid() = user_id);

-- Users can insert their own progress
CREATE POLICY "Users can insert own progress" ON learning_progress
  FOR INSERT WITH CHECK (auth.uid() = user_id);

-- Users can update their own progress
CREATE POLICY "Users can update own progress" ON learning_progress
  FOR UPDATE USING (auth.uid() = user_id);

-- Anon can also read/write (for v0 runtime where auth context might not be cookie-based)
CREATE POLICY "Anon full access to learning_progress" ON learning_progress
  FOR ALL USING (true) WITH CHECK (true);

-- Index for fast lookups
CREATE INDEX IF NOT EXISTS idx_learning_progress_user ON learning_progress(user_id);
CREATE INDEX IF NOT EXISTS idx_learning_progress_lesson ON learning_progress(lesson_id);
[V0_FILE]sql:file="scripts/070-seed-remaining-lessons.sql" isMerged="true"
-- Seed lessons for all empty modules
-- Each INSERT uses the correct column list: module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown

-- Daily Practice: Sunnahs Around Prayer (932e77d1-0cdc-4991-8f42-d38c720c1d6b)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('932e77d1-0cdc-4991-8f42-d38c720c1d6b', 'before-after-prayer', 'Before and After the Prayer', 'reading', 1, true, 8,
'## Sunnahs Before and After Prayer

The Prophet (peace be upon him) consistently performed voluntary prayers (rawatib) before and after the obligatory ones.

### The Regular Sunnah Prayers

| Prayer | Before | After |
|--------|--------|-------|
| Fajr | 2 rak''ah | - |
| Dhuhr | 4 rak''ah | 2 rak''ah |
| Asr | - (encouraged) | - |
| Maghrib | - | 2 rak''ah |
| Isha | - | 2 rak''ah |

### The Virtue of Sunnah Prayers

The Prophet (peace be upon him) said: **"Whoever prays twelve rak''ah during the day and night, a house will be built for him in Paradise."** (Reported by Muslim)

### Key Sunnahs Around the Prayer

1. **Making Wudu properly** - Being thorough and not rushing
2. **Walking to the masjid** - Each step raises your rank and removes a sin
3. **The Dua upon entering the masjid** - Seeking Allah''s mercy
4. **Praying Tahiyyat al-Masjid** - Two rak''ah greeting the mosque
5. **Sitting in remembrance after prayer** - SubhanAllah, Alhamdulillah, Allahu Akbar (33 times each)

### The Two Rak''ah Before Fajr

The Prophet (peace be upon him) said: **"The two rak''ah of Fajr are better than this world and everything in it."** (Muslim)

He was so consistent with these that Aisha (may Allah be pleased with her) said he never abandoned them, whether traveling or at home.'),

('932e77d1-0cdc-4991-8f42-d38c720c1d6b', 'mosque-etiquettes', 'Etiquettes of the Mosque', 'reading', 2, true, 6,
'## Etiquettes of the Mosque

The mosque holds a special place in Islam, and the Prophet (peace be upon him) taught specific manners for attending.

### Entering the Mosque

- Enter with your **right foot** first
- Say: **"Bismillah, wassalatu wassalamu ala Rasulillah. Allahumma iftah li abwaba rahmatik"**
- Pray two rak''ah before sitting down (Tahiyyat al-Masjid)

### While in the Mosque

- **Do not disturb others** in their prayer or recitation
- **Avoid eating strong-smelling foods** before attending
- **Fill gaps in the rows** - The Prophet said: "Straighten your rows"
- **Lower your voice** unless in a group discussion or class

### Leaving the Mosque

- Exit with your **left foot** first
- Say: **"Bismillah, wassalatu wassalamu ala Rasulillah. Allahumma inni as''aluka min fadlik"**

### Special Sunnahs

- **Friday (Jumu''ah)**: Arrive early, perform ghusl, wear clean clothes, apply perfume
- **I''tikaf**: The Prophet would seclude himself in the mosque during the last ten nights of Ramadan');

-- Daily Practice: Social Sunnahs (a80fb52f-fd06-482a-b16d-84207149f18d)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('a80fb52f-fd06-482a-b16d-84207149f18d', 'greeting-salam', 'Greeting Others (Salam)', 'reading', 1, true, 6,
'## The Sunnah of Greeting: Salam

The greeting of peace (As-salamu alaykum) is one of the most important social sunnahs in Islam.

### The Prophet''s Guidance on Salam

The Prophet (peace be upon him) said: **"You will not enter Paradise until you believe, and you will not believe until you love one another. Shall I not tell you of something which, if you do it, you will love one another? Spread the greeting of salam among yourselves."** (Muslim)

### Rules of Salam

1. **The one arriving gives salam first** to those already present
2. **The younger greets the elder**
3. **The smaller group greets the larger group**
4. **The one riding greets the one walking**
5. **The one walking greets the one sitting**

### How to Respond

- If greeted with "As-salamu alaykum" respond with "Wa alaykumu as-salam wa rahmatullahi wa barakatuh"
- **The response should be equal to or better than the greeting**

### Additional Social Sunnahs

- **Smiling** - The Prophet said: "Your smiling in the face of your brother is charity"
- **Shaking hands** - "No two Muslims meet and shake hands except that their sins are forgiven"
- **Asking about their wellbeing** - Showing genuine care and interest'),

('a80fb52f-fd06-482a-b16d-84207149f18d', 'visiting-sick-neighbors', 'Visiting the Sick and Neighbors'' Rights', 'reading', 2, true, 7,
'## Visiting the Sick and Neighbors'' Rights

### Visiting the Sick (Iyada)

The Prophet (peace be upon him) said: **"When a Muslim visits a sick Muslim in the morning, seventy thousand angels pray for him until the evening."** (Tirmidhi)

#### Etiquettes of Visiting the Sick

1. **Make dua for their recovery**
2. **Keep the visit short** - Do not tire the patient
3. **Bring something beneficial** - Food, medicine, or kind words
4. **Encourage them** - Remind them of the reward of patience

### Rights of the Neighbor

The Prophet (peace be upon him) said: **"Jibril kept advising me about the neighbor until I thought he would make him an heir."** (Bukhari and Muslim)

#### The Neighbor''s Rights Include

- **Not harming them** in any way
- **Sharing food** with them, especially when cooking
- **Checking on them** regularly
- **Protecting their property** when they are away
- **Being patient** with any inconvenience from them');

-- Daily Practice: Evening & Night Routine (8841499e-bde2-4c9f-9e30-4c07c8a2f44c)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('8841499e-bde2-4c9f-9e30-4c07c8a2f44c', 'evening-adhkar-sleep', 'Evening Adhkar and Sleep Sunnahs', 'reading', 1, true, 8,
'## Evening Adhkar and Sleep Sunnahs

The Prophet (peace be upon him) had a beautiful routine for the evening and before sleep.

### Evening Adhkar (After Asr/Maghrib)

1. **Ayat al-Kursi** (Al-Baqarah 2:255) - Protection through the night
2. **The last two verses of Surah Al-Baqarah** - Sufficiency for the night
3. **Surah Al-Ikhlas, Al-Falaq, and An-Nas** (3 times each) - Protection from all evil
4. **SubhanAllah (33), Alhamdulillah (33), Allahu Akbar (34)** - The evening tasbih

### Before Sleep Sunnahs

1. **Perform Wudu** - The Prophet said: "When you go to bed, perform wudu as for prayer"
2. **Dust off the bed** three times with the edge of your garment
3. **Sleep on your right side**
4. **Place your right hand under your cheek**
5. **Recite the sleeping dua**: "Bismika Allahumma amutu wa ahya"
6. **Recite Surah Al-Mulk** - Protection from the punishment of the grave

### Qiyam al-Layl (Night Prayer)

The Prophet said: **"The best prayer after the obligatory prayer is the night prayer."** (Muslim)'),

('8841499e-bde2-4c9f-9e30-4c07c8a2f44c', 'witr-prayer', 'The Sunnah of Witr Prayer', 'reading', 2, true, 5,
'## The Sunnah of Witr Prayer

Witr is one of the most emphasized voluntary prayers in Islam.

### What is Witr?

Witr literally means "odd number." It is a prayer performed with an odd number of rak''ah.

### The Prophet''s Practice

- He most commonly prayed **11 rak''ah** at night including Witr
- The minimum is **1 rak''ah** - he said: "Make the last of your night prayers Witr"
- He would recite **Surah Al-A''la**, **Surah Al-Kafirun**, and **Surah Al-Ikhlas**

### The Qunut Supplication

In the last rak''ah of Witr, the Prophet would sometimes recite the Qunut:

**"Allahumma ihdini fiman hadayt, wa afini fiman afayt, wa tawallani fiman tawallayt..."**

### When to Pray Witr

- **After Isha prayer** until the Fajr adhan
- **Best time**: Last third of the night
- If you fear you won''t wake up, pray it before sleeping');

-- Hadith Sciences: Narrator Criticism (8401b15e-69cc-46de-81c4-ef1f9f585310)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('8401b15e-69cc-46de-81c4-ef1f9f585310', 'narrator-evaluation-intro', 'Introduction to Narrator Evaluation', 'reading', 1, true, 10,
'## Introduction to Narrator Evaluation (Jarh wa Ta''dil)

One of the most remarkable aspects of Islamic scholarship is the science of evaluating hadith narrators.

### What is Jarh wa Ta''dil?

- **Jarh** (criticism): Identifying weaknesses in a narrator
- **Ta''dil** (accreditation): Affirming a narrator''s trustworthiness

### Criteria for Evaluating Narrators

#### Positive Qualities (Ta''dil)
1. **Islam** - The narrator must be Muslim
2. **Maturity** - Must have reached the age of discernment
3. **Adala (Uprightness)** - Known for piety and avoiding major sins
4. **Dabt (Precision)** - Accuracy in memorization and transmission

#### Negative Qualities (Jarh)
1. **Kidhb (Lying)** - Known to fabricate narrations
2. **Fisq (Immorality)** - Known for sinful behavior
3. **Bid''a (Innovation)** - Promoting deviant beliefs
4. **Jahalah (Unknown)** - No information about them
5. **Su'' al-Hifz (Poor memory)** - Frequent mistakes

### Famous Scholars of Narrator Criticism

| Scholar | Dates | Known For |
|---------|-------|-----------|
| Yahya ibn Ma''in | d. 233 AH | Strictest critic |
| Ahmad ibn Hanbal | d. 241 AH | Balanced approach |
| Ali ibn al-Madini | d. 234 AH | Chain analysis |
| Abu Hatim al-Razi | d. 277 AH | Comprehensive evaluations |'),

('8401b15e-69cc-46de-81c4-ef1f9f585310', 'narrator-grading-levels', 'Levels of Narrator Grading', 'reading', 2, true, 8,
'## Levels of Narrator Grading

Hadith scholars developed a sophisticated ranking system for narrators.

### Ranks of Trustworthiness (Ta''dil) - Highest to Lowest

1. **Thiqah Thabt** - Thoroughly reliable, the highest grade
2. **Thiqah** - Reliable and precise
3. **Saduq** - Truthful but not at the highest precision
4. **Saduq yahim** - Truthful but makes occasional mistakes
5. **Maqbul** - Acceptable when supported by other narrations

### Ranks of Criticism (Jarh) - Mildest to Most Severe

1. **Layyin al-hadith** - Mild weakness
2. **Da''if** - Weak, not relied upon alone
3. **Da''if jiddan** - Very weak, serious problems
4. **Muttaham bil-kidhb** - Accused of lying
5. **Kadhdhab / Wadda''** - Liar / Fabricator, completely rejected

### Important Principles

- **Jarh takes precedence over Ta''dil** when the critic provides specific reasons
- **Detailed criticism outweighs general praise**
- **Scholars may differ** on the same narrator
- **The strictest opinion is not always correct**');

-- Hadith Sciences: Hidden Defects (3b7b09f1-a2d5-4bcd-a503-1b4abce05e61)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('3b7b09f1-a2d5-4bcd-a503-1b4abce05e61', 'hidden-defects-intro', 'Understanding Hidden Defects in Hadith', 'reading', 1, true, 9,
'## Understanding Hidden Defects in Hadith (Ilal)

The science of hidden defects (ilal) is considered one of the most difficult branches of hadith sciences.

### What is an Illa (Defect)?

An illa is a hidden cause that undermines the authenticity of a hadith that outwardly appears sound.

### Types of Hidden Defects

1. **A connected chain that is actually disconnected** - A narrator claims to have heard from someone they never met
2. **A raised narration that is actually stopped** - Appears to be the Prophet''s words but is a companion''s opinion
3. **A narration attributed to the wrong companion**
4. **Insertion of text from one hadith into another**
5. **An error in the chain** - Substituting one narrator for another

### How Scholars Detect Defects

- **Comparing all chains** of the same hadith
- **Deep knowledge of narrators** - Knowing who studied with whom
- **Comparing with other narrations**
- **Examining narrator habits**

### Famous Books on Ilal

| Book | Author |
|------|--------|
| Al-Ilal | Imam Ahmad ibn Hanbal |
| Al-Ilal al-Kabir | Al-Tirmidhi |
| Al-Ilal | Al-Daraqutni |
| Ilal al-Hadith | Ibn Abi Hatim |');

-- Hadith Sciences: Practical Application (a7ed7e2d-9df7-454a-8705-2380c6f129df)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('a7ed7e2d-9df7-454a-8705-2380c6f129df', 'researching-hadith-guide', 'Researching a Hadith Step by Step', 'reading', 1, true, 10,
'## Researching a Hadith: A Practical Guide

Learning to verify and research hadiths is an essential skill for every Muslim.

### Step 1: Identify the Source

- Where did you encounter this hadith?
- Does it provide a reference? Collection name, hadith number?
- If no reference is given, be cautious

### Step 2: Look It Up in Primary Sources

1. **Sahih al-Bukhari** and **Sahih Muslim** - Universally accepted
2. **The Four Sunan** - Tirmidhi, Abu Dawud, Nasa''i, Ibn Majah
3. **Musnad Ahmad** - A comprehensive early collection

### Step 3: Check the Chain (Isnad)

- Are all narrators identified?
- Is the chain connected (no gaps)?
- What do scholars say about each narrator?

### Step 4: Check Scholar Verdicts

- **Al-Albani''s** gradings in his Sahih/Da''if series
- **Al-Tirmidhi''s** gradings in his Sunan
- **Ibn Hajar''s** Fath al-Bari

### Step 5: Understand the Context

- **Asbab al-Wurud** - What prompted the Prophet to say this?
- **Related hadiths** - Similar narrations that support or clarify
- **Scholarly commentary** - What do scholars say about its meaning?

### Common Mistakes to Avoid

- Do not reject a hadith just because you dislike its content
- Do not accept a hadith just because it supports your position
- Do not share unverified hadiths on social media');

-- Comparative Hadith Study: Cross-Referencing (a1e793dc-f1a9-4339-a746-897a2b3e95cb)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('a1e793dc-f1a9-4339-a746-897a2b3e95cb', 'cross-referencing-narrations', 'The Art of Cross-Referencing Narrations', 'reading', 1, true, 8,
'## The Art of Cross-Referencing Narrations

Cross-referencing (muqaranah) is the practice of comparing the same hadith across different collections and chains.

### Why Cross-Reference?

1. **Strengthens authenticity** - Multiple independent chains confirm the hadith
2. **Reveals the complete text** - Different narrators may remember different parts
3. **Identifies errors** - Inconsistencies between chains help spot mistakes

### Practical Example

Consider the famous hadith: **"Actions are judged by intentions..."**

- **Bukhari** narrates it from Umar via multiple chains
- **Abu Dawud, Tirmidhi, Nasa''i, Ibn Majah** all include their own chains
- By comparing all versions, scholars confirmed this hadith is a famous example of a "gharib" (singular) hadith at its origin

### Tools for Cross-Referencing Today

1. This app - AuthenticHadith lets you explore across collections
2. **Mawsu''at al-Hadith** - Comprehensive hadith encyclopedias
3. **Al-Jami'' al-Kabir** by al-Suyuti'),

('a1e793dc-f1a9-4339-a746-897a2b3e95cb', 'mutawatir-vs-ahad', 'Mutawatir vs. Ahad Narrations', 'reading', 2, true, 7,
'## Mutawatir vs. Ahad Narrations

One of the most important classifications based on the number of narrators.

### Mutawatir (Mass-Transmitted)

A hadith narrated by such a large number of people at every level that it is **impossible they all agreed on a lie**.

#### Conditions for Tawatur:
1. Narrated by a large number at **every level** of the chain
2. Reporting from direct sense perception
3. Rationally impossible for them to have conspired

#### Examples of Mutawatir:
- The description of the Prophet''s Wudu
- "Whoever lies about me intentionally, let him take his seat in the Fire"

### Ahad (Singular Narrations)

Any hadith that does not meet the conditions of tawatur:

1. **Mashhur (Famous)** - 3+ chains at some point
2. **Aziz (Rare)** - Never fewer than 2 chains
3. **Gharib (Singular)** - Only one chain at some level

### Key Difference

- **Mutawatir** provides **certain knowledge** (ilm qat''i)
- **Ahad** provides **probable knowledge** (ilm dhanni) but is still acted upon');

-- Comparative Hadith Study: Wording Differences (2f384921-0b9b-4c7e-920b-ade5c37d456e)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('2f384921-0b9b-4c7e-920b-ade5c37d456e', 'narration-by-meaning', 'Narration by Meaning vs. Wording', 'reading', 1, true, 7,
'## Narration by Meaning vs. Exact Wording

Did narrators always transmit the exact words of the Prophet? This is a critical question in hadith sciences.

### Two Schools of Thought

**1. Exact Wording (Riwaya bil-Lafz)**
- The narrator transmits the exact words they heard
- Considered the ideal and most precise method
- Example: Imam Bukhari was known for extreme precision

**2. Narration by Meaning (Riwaya bil-Ma''na)**
- The narrator conveys the meaning using different words
- Allowed by the majority of scholars with conditions
- Must not change the meaning
- Must be by someone knowledgeable in Arabic

### Why Wording Differs Between Collections

When you see the same hadith in Bukhari and Muslim with slightly different wording:
- Different narrators in the chain may have used slightly different words
- This is normal and expected
- The core meaning remains the same

### How Scholars Handle Differences

- If the meaning is the same, both versions are accepted
- If there is a contradiction, scholars investigate which chain is stronger
- They also check which narrator was more precise (atqan)

### Practical Impact

This explains why you often see phrases like:
- "or words to that effect" (aw kama qal)
- "the meaning of which is..." (ma''nahu)');

-- Comparative Hadith Study: Scholarly Approaches (b2249e90-f1a7-4f46-bfac-c9027f9c28f3)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('b2249e90-f1a7-4f46-bfac-c9027f9c28f3', 'four-imams-hadith', 'How the Four Imams Used Hadith', 'reading', 1, true, 9,
'## How the Four Imams Used Hadith

The four major schools of Islamic jurisprudence (madhahib) each had their own approach to using hadith.

### Imam Abu Hanifa (d. 150 AH)

- **Approach**: Very cautious about accepting hadith; required strict conditions
- **Known for**: Using analogy (qiyas) when hadith evidence was limited
- He would reject narrations if they contradicted well-known principles
- Often mischaracterized as "not following hadith" but actually had very high standards

### Imam Malik ibn Anas (d. 179 AH)

- **Approach**: Prioritized the practice of Madinah alongside hadith
- **Known for**: Al-Muwatta, one of the earliest hadith compilations
- He believed the living practice of Madinah''s people was a form of mass-transmission
- Very selective - his Muwatta contains about 1,700 hadiths from a much larger collection

### Imam al-Shafi''i (d. 204 AH)

- **Approach**: Systematized the methodology of using hadith in law
- **Known for**: Al-Risala, the first book on principles of jurisprudence
- Established that an authentic hadith is binding evidence
- Famous quote: "If the hadith is authentic, it is my madhab"

### Imam Ahmad ibn Hanbal (d. 241 AH)

- **Approach**: Preferred any hadith (even weak) over personal opinion
- **Known for**: Al-Musnad, containing over 27,000 narrations
- Would not issue a ruling without a hadith or athar (companion''s opinion)
- Most hadith-focused of the four imams');

-- Thematic Deep Dives: Forty Nawawi (c9d8e3f2-1234-5678-9abc-def012345678)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('c9d8e3f2-1234-5678-9abc-def012345678', 'forty-nawawi-overview', 'The Forty Nawawi: An Overview', 'reading', 1, true, 8,
'## The Forty Nawawi: Foundation of Islamic Knowledge

Imam al-Nawawi''s collection of 42 hadiths is one of the most important compilations in Islamic education.

### About Imam al-Nawawi

- **Full name**: Yahya ibn Sharaf al-Nawawi
- **Born**: 631 AH in Nawa, Syria
- **Died**: 676 AH (aged only 45)
- Despite his short life, he authored some of the most influential Islamic works ever written

### Why These Hadiths?

Imam al-Nawawi selected hadiths that each represent a **fundamental principle** of Islam. He said: "Each hadith is a great foundation from the foundations of the religion."

### Key Hadiths Included

1. **"Actions are judged by intentions"** - The foundation of all deeds
2. **"Islam is built upon five"** - The pillars of Islam
3. **"The halal is clear and the haram is clear"** - Foundations of permissibility
4. **"None of you truly believes until he loves for his brother what he loves for himself"** - Brotherhood
5. **"Leave that which makes you doubt"** - Precaution in religion
6. **"Do not be angry"** - Controlling emotions
7. **"Religion is sincerity"** - The essence of faith

### How to Study Them

- Read each hadith with its explanation
- Memorize the Arabic text
- Understand the principles derived from each
- Apply them in daily life'),

('c9d8e3f2-1234-5678-9abc-def012345678', 'hadith-jibreel', 'The Hadith of Jibreel Explained', 'reading', 2, true, 10,
'## The Hadith of Jibreel: A Comprehensive Framework

This is arguably the most important single hadith in Islam, as it defines the entire framework of the religion.

### The Narration

Umar ibn al-Khattab reported: While we were sitting with the Messenger of Allah, a man appeared with intensely white clothes and dark black hair. He sat before the Prophet, placed his knees against his knees, and placed his hands on his thighs.

### The Three Levels

**1. Islam (Submission)** - The outward actions:
- Shahada (testimony of faith)
- Salah (five daily prayers)
- Zakat (obligatory charity)
- Sawm (fasting Ramadan)
- Hajj (pilgrimage, if able)

**2. Iman (Faith)** - The inner beliefs:
- Belief in Allah
- His Angels
- His Books
- His Messengers
- The Last Day
- Divine Decree (qadr)

**3. Ihsan (Excellence)** - The spiritual dimension:
- "To worship Allah as though you see Him, and if you do not see Him, know that He sees you"

### The Signs of the Hour

The hadith also mentions signs of the Last Day, indicating this hadith covers past, present, and future.

### Why This Hadith Matters

Scholars call this the "Mother of the Sunnah" because it encompasses the entirety of the religion in one narration.');

-- Thematic Deep Dives: Rights in Islam (d1e2f3a4-2345-6789-abcd-ef0123456789)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('d1e2f3a4-2345-6789-abcd-ef0123456789', 'rights-parents', 'Rights of Parents in Hadith', 'reading', 1, true, 7,
'## Rights of Parents in Hadith

Honoring parents is one of the greatest obligations in Islam, second only to worshipping Allah.

### The Quran and Hadith Together

Allah says: **"And your Lord has decreed that you worship none but Him, and that you be dutiful to your parents."** (17:23)

### Key Hadiths on Parents

**1. The Greatest Deed:**
A man asked: "Which deed is most beloved to Allah?" He said: **"Prayer at its proper time." Then? "Kindness to parents." Then? "Jihad in the way of Allah."** (Bukhari)

**2. Paradise at Her Feet:**
A man came asking permission for jihad. The Prophet asked: **"Is your mother alive?"** He said yes. The Prophet said: **"Then stay with her, for Paradise is at her feet."** (Nasa''i)

**3. The Three Times:**
A man asked: "Who is most deserving of my good companionship?" The Prophet said: **"Your mother." Then who? "Your mother." Then who? "Your mother." Then who? "Your father."** (Bukhari)

### Practical Ways to Honor Parents

- Obey them in all that is not sinful
- Speak to them gently, never say "uff" to them
- Provide for them financially if needed
- Make dua for them consistently
- Visit them regularly
- After their passing: make dua, give charity on their behalf, maintain their friendships'),

('d1e2f3a4-2345-6789-abcd-ef0123456789', 'rights-spouses-children', 'Rights of Spouses and Children', 'reading', 2, true, 7,
'## Rights of Spouses and Children in Hadith

The Prophet (peace be upon him) gave extensive guidance on family relationships.

### Rights of the Wife

The Prophet said: **"The best of you is the one who is best to his wife, and I am the best of you to my wives."** (Tirmidhi)

- **Financial provision** - Housing, food, clothing according to his means
- **Kind treatment** - The Prophet never struck a woman
- **Emotional support** - Listening, caring, being present
- **Consultation** - Including her in important decisions

### Rights of the Husband

- **Respect and cooperation** in managing the household
- **Guarding his honor and property** in his absence
- **Being supportive** in his efforts to provide

### Rights of Children

The Prophet said: **"It is enough sin for a person to neglect those who are in his care."** (Abu Dawud)

- **A good name** - Choose beautiful, meaningful names
- **Education** - Both religious and worldly
- **Equal treatment** - Do not favor one child over another
- **Play and affection** - The Prophet would kiss his grandchildren and play with them
- **Good upbringing** - "No father has given a child a gift better than good manners"');

-- Thematic Deep Dives: Prophetic Medicine (e2f3a4b5-3456-7890-bcde-f01234567890)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('e2f3a4b5-3456-7890-bcde-f01234567890', 'prophetic-health-guidance', 'Health Guidance of the Prophet', 'reading', 1, true, 8,
'## Health Guidance of the Prophet

The Prophet (peace be upon him) provided guidance on health and wellbeing that remains relevant today.

### Dietary Guidance

**1. Moderation in Eating:**
**"No human fills a vessel worse than his stomach. It is sufficient for a son of Adam to eat a few mouthfuls to keep his back straight. But if he must eat more, then one-third for food, one-third for drink, and one-third for air."** (Tirmidhi)

**2. Recommended Foods:**
- **Honey** - "Healing for people" (Quran 16:69)
- **Black seed (Nigella)** - "A cure for everything except death"
- **Dates** - The Prophet regularly ate dates, especially in odd numbers
- **Olive oil** - "Eat olive oil and anoint yourselves with it"

### Preventive Medicine

- **Quarantine**: "If you hear of a plague in a land, do not enter it; if it breaks out in a land where you are, do not leave it" (Bukhari)
- **Hygiene**: Emphasis on washing hands, cleaning teeth (siwak), and bathing regularly
- **Exercise**: The Prophet would walk quickly and race with Aisha

### Mental Wellbeing

- **Dua for anxiety**: "O Allah, I seek refuge in You from worry and grief"
- **Community**: Maintaining social bonds and helping others
- **Purpose**: Having goals and striving for the Hereafter
- **Gratitude**: "Look at those below you, not above you, so you do not belittle Allah''s blessings upon you"');

-- Great Hadith Scholars: Early Collectors (f3a4b5c6-4567-8901-cdef-012345678901)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('f3a4b5c6-4567-8901-cdef-012345678901', 'early-collectors', 'The First Hadith Collectors', 'reading', 1, true, 9,
'## The First Hadith Collectors

The preservation of hadith began during the Prophet''s lifetime and continued through the generations.

### The Companions as Collectors

- **Abu Hurairah** - Narrated the most hadiths (5,374), devoted his life to memorization
- **Aisha bint Abi Bakr** - One of the greatest scholars, narrated 2,210 hadiths
- **Abdullah ibn Umar** - Known for following the Sunnah precisely
- **Anas ibn Malik** - Served the Prophet for 10 years, narrated 2,286 hadiths
- **Abdullah ibn Abbas** - "The Scholar of the Ummah," specialized in Quranic commentary

### The First Written Collections

1. **Sahifah of Hammam ibn Munabbih** (d. 101 AH) - One of the earliest surviving written collections, from Abu Hurairah
2. **Al-Muwatta of Imam Malik** (d. 179 AH) - The first organized hadith book combining hadith with legal opinions
3. **Musannaf of Abd al-Razzaq** (d. 211 AH) - Early comprehensive collection organized by topic

### The Codification Era

The Umayyad Caliph Umar ibn Abd al-Aziz (d. 101 AH) officially ordered the compilation of hadith, fearing knowledge would be lost as scholars passed away.

He wrote to Abu Bakr ibn Hazm: **"Look for what there is of the hadith of the Prophet and write it down, for I fear the disappearance of knowledge and the passing of scholars."**'),

('f3a4b5c6-4567-8901-cdef-012345678901', 'women-hadith-scholars', 'Women Scholars of Hadith', 'reading', 2, true, 7,
'## Women Scholars of Hadith

Women have played a crucial and often underappreciated role in hadith preservation.

### The First Scholar: Aisha (may Allah be pleased with her)

- The foremost female scholar in Islamic history
- Companions would come to her to verify hadiths
- She corrected misunderstandings of even senior companions
- Known for her sharp intellect and legal reasoning

### Notable Women Hadith Scholars

**1. Fatimah bint Qays** - Narrator of important hadiths on marriage and divorce

**2. Karima al-Marwaziyya** (d. 463 AH) - Considered the highest authority for Sahih al-Bukhari in her time. Scholars traveled from across the Muslim world to study under her.

**3. Shuhda al-Katiba** (d. 574 AH) - Known as "the Pride of Women," she was a renowned hadith scholar in Baghdad with hundreds of students.

**4. Aisha bint Muhammad ibn Abd al-Hadi** (d. 816 AH) - One of the greatest hadith scholars of her era, male or female.

### Why This Matters

- **No scholar ever rejected a hadith** simply because a woman narrated it
- **Women issued ijazah** (certificates of authorization) to male and female students alike
- **The science of hadith was gender-equal** in ways ahead of its time
- This tradition continued unbroken for over a thousand years');

-- Great Hadith Scholars: The Six Imams (a4b5c6d7-5678-9012-def0-123456789012)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('a4b5c6d7-5678-9012-def0-123456789012', 'bukhari-muslim', 'Imam al-Bukhari and Imam Muslim', 'reading', 1, true, 10,
'## Imam al-Bukhari and Imam Muslim

The two most authoritative hadith collections in Islam, known collectively as "the Two Sahihs."

### Imam al-Bukhari (194-256 AH)

**Full name**: Muhammad ibn Ismail al-Bukhari

- Born in Bukhara (modern Uzbekistan)
- Began memorizing hadith at age 10
- Traveled across the Muslim world for 16 years collecting hadiths
- Memorized over **600,000 narrations** with their chains
- His Sahih contains **7,275 hadiths** (2,602 without repetition)
- Spent **16 years** compiling his Sahih
- He would perform two rak''ah of prayer before including any hadith

**His Method**: Required an unbroken chain where each narrator met the next and was of the highest reliability.

### Imam Muslim (206-261 AH)

**Full name**: Muslim ibn al-Hajjaj al-Naysaburi

- Born in Nishapur (modern Iran)
- A student of Imam al-Bukhari
- His Sahih contains about **7,563 hadiths** (3,033 without repetition)
- Superior organization - grouped all chains for each hadith together

**His Method**: Required an unbroken chain with reliable narrators, but accepted contemporaries who *could have* met (not necessarily confirmed meeting).

### The Two Sahihs Together

When both Bukhari and Muslim agree on a hadith (muttafaq alayh), it is considered the highest level of authenticity.'),

('a4b5c6d7-5678-9012-def0-123456789012', 'four-sunan-authors', 'The Four Sunan Authors', 'reading', 2, true, 9,
'## The Authors of the Four Sunan

Along with Bukhari and Muslim, four more scholars completed what is known as "The Six Books" (al-Kutub al-Sitta).

### Imam al-Tirmidhi (209-279 AH)

- **Collection**: Jami'' al-Tirmidhi (also called Sunan al-Tirmidhi)
- **Unique feature**: Includes grading for each hadith (sahih, hasan, da''if)
- **Innovation**: He coined the term "hasan" for hadiths between sahih and da''if
- He was blind in his later years but continued teaching from memory

### Imam Abu Dawud (202-275 AH)

- **Collection**: Sunan Abu Dawud
- **Focus**: Hadiths related to Islamic law (fiqh)
- Collected 500,000 hadiths but selected only 4,800 for his Sunan
- He said: "I only included what is authentic or close to authentic"

### Imam al-Nasa''i (215-303 AH)

- **Collection**: Sunan al-Nasa''i (al-Mujtaba)
- **Known for**: The strictest conditions after Bukhari and Muslim
- Originally compiled a larger collection (al-Sunan al-Kubra) then condensed it
- Died as a martyr in Damascus

### Imam Ibn Majah (209-273 AH)

- **Collection**: Sunan Ibn Majah
- **Debated inclusion**: Some scholars prefer the Muwatta of Malik as the sixth book instead
- Contains some hadiths not found in the other five collections
- About 600 hadiths in his collection are considered weak

### Why "The Six Books" Matter

These six collections form the core reference for hadith in Sunni Islam. A hadith found in any of them carries significant weight.');

-- Great Hadith Scholars: Later Masters (b5c6d7e8-6789-0123-ef01-234567890123)
INSERT INTO learning_lessons (module_id, slug, title, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('b5c6d7e8-6789-0123-ef01-234567890123', 'ibn-hajar-nawawi', 'Ibn Hajar and Imam al-Nawawi', 'reading', 1, true, 9,
'## Ibn Hajar al-Asqalani and Imam al-Nawawi

Two of the greatest hadith scholars who came centuries after the original collectors.

### Imam al-Nawawi (631-676 AH)

Despite living only 45 years, al-Nawawi produced an extraordinary body of work:

- **Riyad al-Salihin** - A collection of hadiths organized by moral and spiritual themes, perhaps the most widely read hadith book after the Sahihayn
- **Sharh Sahih Muslim** - The most famous commentary on Sahih Muslim
- **Al-Arba''in al-Nawawiyyah** (Forty Hadith) - 42 foundational hadiths that every Muslim should know
- **Al-Adhkar** - A comprehensive collection of prophetic supplications

He was known for his extreme piety, asceticism, and dedication to scholarship. He never married, devoting his entire life to knowledge.

### Ibn Hajar al-Asqalani (773-852 AH)

Known as "Amir al-Mu''minin fil-Hadith" (Commander of the Faithful in Hadith):

- **Fath al-Bari** - The most comprehensive commentary on Sahih al-Bukhari. He spent 25 years writing it. Scholars say: "There is no hijra (migration) after the Fath (conquest/opening)" - a play on words meaning nothing can surpass this work
- **Tahdhib al-Tahdhib** - Biographies of hadith narrators
- **Taqrib al-Tahdhib** - A condensed version grading every narrator
- **Bulugh al-Maram** - Hadiths used as evidence in Islamic law
- **Al-Isabah** - Biographies of over 12,000 companions

He served as the chief judge of Egypt and was respected across the Muslim world.'),

('b5c6d7e8-6789-0123-ef01-234567890123', 'modern-hadith-scholarship', 'Modern Hadith Scholarship', 'reading', 2, true, 7,
'## Modern Hadith Scholarship

The tradition of hadith scholarship continues today, building on centuries of meticulous work.

### Shaykh al-Albani (1914-1999)

- **Perhaps the most influential modern hadith scholar**
- Spent decades in the Zahiriyya Library in Damascus studying manuscripts
- Produced a massive body of work grading thousands of hadiths
- **Sahih al-Jami''** and **Da''if al-Jami''** - Comprehensive grading references
- **Silsilat al-Ahadith al-Sahiha** and **al-Da''ifa** - Multi-volume series
- Made hadith authentication accessible to a wider audience
- Some of his gradings are debated, but his contribution is immense

### Shaykh Shu''ayb al-Arna''ut (1928-2016)

- **Specialized in** verifying and editing classical hadith works
- Edited major works including Musnad Ahmad, Sunan Abu Dawud, and Sahih Ibn Hibban
- Known for his meticulous and balanced approach
- His team-based editorial approach set new standards for hadith verification

### The Digital Age

Modern technology has transformed hadith scholarship:

- **Digital databases** allow instant cross-referencing across all collections
- **Apps like AuthenticHadith** make authentic hadiths accessible to everyone
- **Academic research** continues to deepen our understanding
- **AI tools** are being developed to assist in chain analysis

### The Ongoing Mission

The preservation and study of hadith is an ongoing responsibility. Every generation must:
- Maintain the standards of verification
- Make authentic knowledge accessible
- Combat the spread of fabricated narrations
- Train new scholars in the traditional sciences');
[V0_FILE]sql:file="scripts/071-seed-remaining-lessons.sql" isMerged="true"
-- Seed lessons for all modules that currently have zero lessons
-- Uses module slugs for lookups instead of hardcoded UUIDs

-- First, let's see what modules need lessons by checking which have 0
-- We insert using subqueries on module slug

-- ============================================================
-- PATH: Daily Practice Sunnahs
-- ============================================================

-- Module: Sunnahs Around Prayer (slug: sunnahs-around-prayer)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'sunnah-before-after-prayer', 'Sunnah Prayers Before and After', 'Learn about the rawatib prayers that accompany the five daily prayers.', 'reading', 1, true, 8,
'## Sunnah Prayers (Rawatib)

The Prophet (peace be upon him) regularly prayed additional voluntary prayers before and after the obligatory prayers. These are known as the **Rawatib** (regular Sunnah prayers).

### The Twelve Rak''ahs

The Prophet (peace be upon him) said:

> "Whoever prays twelve rak''ahs during the day and night, a house will be built for him in Paradise."
> — Narrated by Umm Habibah (Sahih Muslim)

The breakdown is:
- **2 before Fajr** — The most emphasized of all Sunnah prayers
- **4 before Dhuhr** and **2 after Dhuhr**
- **2 after Maghrib**
- **2 after Isha**

### The Special Status of Fajr Sunnah

The Prophet (peace be upon him) said:

> "The two rak''ahs of Fajr are better than the world and everything in it."
> — Sahih Muslim

He never abandoned these two rak''ahs, even while traveling.

### Key Teachings

1. Consistency matters more than quantity
2. These prayers serve as a spiritual shield
3. They compensate for deficiencies in obligatory prayers
4. They build a habit of constant connection with Allah'
FROM learning_modules m WHERE m.slug = 'sunnahs-around-prayer'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'sunnah-before-after-prayer');

INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'sunnah-dhikr-after-prayer', 'Adhkar After Prayer', 'The remembrance of Allah that the Prophet practiced after each salah.', 'reading', 2, true, 7,
'## Post-Prayer Adhkar

After completing the obligatory prayer, the Prophet (peace be upon him) would engage in specific forms of dhikr (remembrance of Allah).

### The Core Adhkar

**1. Istighfar (3 times)**
> "Astaghfirullah" — I seek Allah''s forgiveness

**2. The Comprehensive Supplication**
> "Allahumma Antas-Salam wa minkas-salam, tabarakta ya dhal-jalali wal-ikram"
> "O Allah, You are Peace and from You comes peace. Blessed are You, O Owner of Majesty and Honor."

**3. SubhanAllah, Alhamdulillah, Allahu Akbar**
> Each said **33 times**, completing 99, then:
> "La ilaha illallahu wahdahu la sharika lah, lahul-mulku wa lahul-hamdu wa huwa ''ala kulli shay''in qadir"

### Ayat al-Kursi

The Prophet (peace be upon him) said:

> "Whoever recites Ayat al-Kursi after every obligatory prayer, nothing prevents him from entering Paradise except death."
> — An-Nasa''i

### Benefits of Post-Prayer Dhikr

- Seals the prayer with remembrance
- Protects from Shaytan until the next prayer
- Earns immense reward with minimal effort
- Creates a habit of mindfulness throughout the day'
FROM learning_modules m WHERE m.slug = 'sunnahs-around-prayer'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'sunnah-dhikr-after-prayer');

-- Module: Social Sunnahs (slug: social-sunnahs)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'sunnah-greeting-visiting', 'The Sunnah of Greeting and Visiting', 'How the Prophet greeted others and the etiquettes of visiting.', 'reading', 1, true, 8,
'## The Sunnah of Greeting (Salam)

### Spreading the Salam

The Prophet (peace be upon him) said:

> "You will not enter Paradise until you believe, and you will not believe until you love one another. Shall I not tell you of something that if you do it, you will love one another? Spread the salam amongst yourselves."
> — Sahih Muslim

### Etiquettes of Greeting

1. **The younger greets the elder**
2. **The walker greets the one sitting**
3. **The smaller group greets the larger**
4. **The rider greets the walker**

### Visiting the Sick

The Prophet (peace be upon him) said:

> "When a Muslim visits his sick brother, he is walking among the harvest of Paradise until he sits down, and when he sits down, he is showered with mercy."
> — At-Tirmidhi

### The Rights of a Muslim

The Prophet (peace be upon him) enumerated six rights:
1. Return their greeting
2. Visit them when sick
3. Follow their funeral
4. Accept their invitation
5. Say "Yarhamukallah" when they sneeze
6. Wish them well in their absence

### Key Takeaways

- Salam is not just a greeting but an act of worship
- It builds love and brotherhood in the community
- These social sunnahs strengthen the bonds of faith'
FROM learning_modules m WHERE m.slug = 'social-sunnahs'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'sunnah-greeting-visiting');

INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'sunnah-eating-drinking', 'Sunnahs of Eating and Drinking', 'The Prophet''s etiquettes around food and drink.', 'reading', 2, true, 7,
'## Prophetic Etiquettes of Food and Drink

### Before Eating

> "Say Bismillah, eat with your right hand, and eat from what is nearest to you."
> — Al-Bukhari and Muslim

### Moderation in Eating

The Prophet (peace be upon him) said:

> "No human ever filled a vessel worse than the stomach. Sufficient for any son of Adam are a few morsels to keep his back straight. But if it must be more, then one-third for food, one-third for drink, and one-third for air."
> — At-Tirmidhi

### Drinking Etiquettes

1. **Drink in three sips** — not in one gulp
2. **Do not breathe into the vessel**
3. **Sit while drinking** when possible
4. **Say Bismillah before** and **Alhamdulillah after**

### Eating Together

> "Eat together and do not eat separately, for the blessing is in being together."
> — Ibn Majah

### After Eating

The Prophet would say:
> "Alhamdulillahil-ladhi at''amani hadha wa razaqanihi min ghayri hawlin minni wa la quwwah"
> "Praise be to Allah Who fed me this and provided it for me without any power or strength on my part."

### Key Takeaways

- Every meal is an opportunity for worship
- Moderation protects health and spirit
- Communal eating strengthens bonds'
FROM learning_modules m WHERE m.slug = 'social-sunnahs'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'sunnah-eating-drinking');

-- Module: Evening Routine Sunnahs (slug: evening-routine)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'sunnah-sleep-adhkar', 'Sleep Adhkar and Bedtime Routine', 'The Prophet''s complete bedtime routine and recommended supplications.', 'reading', 1, true, 8,
'## The Prophetic Bedtime Routine

### Preparation for Sleep

1. **Perform wudu** before sleeping
2. **Dust off the bed** three times
3. **Sleep on the right side**

The Prophet (peace be upon him) said:
> "When you go to bed, perform wudu as you would for prayer, then lie down on your right side."
> — Al-Bukhari and Muslim

### The Three Quls

The Prophet would cup his hands, blow into them, recite **Surah Al-Ikhlas, Al-Falaq, and An-Nas**, then wipe his hands over his body, starting with the head and face. He did this **three times**.

### Ayat al-Kursi Before Sleep

> "If you recite it, a guardian from Allah will be appointed over you, and no devil will come near you until morning."
> — Al-Bukhari

### The Last Two Verses of Al-Baqarah

> "Whoever recites the last two verses of Surah Al-Baqarah at night, they will suffice him."
> — Al-Bukhari and Muslim

### The Bedtime Supplication

> "Bismika Allahumma amutu wa ahya"
> "In Your name, O Allah, I die and I live."

And upon waking:
> "Alhamdulillahil-ladhi ahyana ba''da ma amatana wa ilayhin-nushur"

### Key Takeaways

- Sleep is a minor death — prepare for it spiritually
- Protection through remembrance is a nightly shield
- Consistent practice transforms sleep into worship'
FROM learning_modules m WHERE m.slug = 'evening-routine'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'sunnah-sleep-adhkar');

-- ============================================================
-- PATH: Hadith Sciences (Mustalah al-Hadith)
-- ============================================================

-- Module: Narrator Criticism (slug: narrator-criticism)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'ilm-al-jarh-wa-tadil', 'Introduction to Al-Jarh wa At-Ta''dil', 'The science of narrator criticism and authentication.', 'reading', 1, true, 10,
'## Al-Jarh wa At-Ta''dil (Criticism and Praise)

This is one of the most important sciences in hadith studies. It deals with evaluating the **reliability and trustworthiness** of hadith narrators.

### What is Al-Jarh?

**Al-Jarh** (criticism) refers to mentioning qualities of a narrator that would cause their narrations to be rejected or weakened, such as:
- Poor memory
- Known dishonesty
- Innovation in religion (bid''ah)
- Lack of precision in transmission

### What is At-Ta''dil?

**At-Ta''dil** (praise/authentication) refers to affirming a narrator''s reliability:
- Trustworthiness (thiqah)
- Precision of memory (dabt)
- Uprightness of character (''adalah)
- Continuity of chain (ittisal)

### Levels of Praise (from strongest to weakest)

| Level | Arabic Term | Meaning |
|-------|-----------|---------|
| 1 | Athbat an-nas | Most reliable of people |
| 2 | Thiqah thiqah | Reliable, reliable (emphatic) |
| 3 | Thiqah | Reliable |
| 4 | Saduq | Truthful |
| 5 | La ba''sa bihi | No harm in him |
| 6 | Maqbul | Acceptable |

### Famous Scholars of This Science

- **Yahya ibn Ma''in** (d. 233 AH) — Pioneer of narrator criticism
- **Ahmad ibn Hanbal** (d. 241 AH) — Known for balanced judgments
- **Al-Bukhari** (d. 256 AH) — Strictest criteria
- **An-Nasa''i** (d. 303 AH) — Known for detailed analysis

### Key Principles

1. Specific criticism takes precedence over general praise
2. A scholar''s criticism of a narrator requires evidence
3. The number of critics matters in evaluation
4. Context and era must be considered'
FROM learning_modules m WHERE m.slug = 'narrator-criticism'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'ilm-al-jarh-wa-tadil');

-- Module: Hidden Defects (slug: hidden-defects)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'ilal-al-hadith', '''Ilal al-Hadith: Hidden Defects', 'Understanding hidden defects that weaken seemingly authentic narrations.', 'reading', 1, true, 10,
'## ''Ilal al-Hadith (Hidden Defects in Hadith)

This is considered one of the **most difficult** and **most noble** sciences of hadith. Only the greatest scholars mastered it.

### What is an ''Illah (Defect)?

An **''illah** is a hidden, subtle cause that weakens a hadith that outwardly appears authentic. The chain may look connected and the narrators reliable, yet a hidden defect exists.

### Types of Hidden Defects

**1. Mursal Hidden as Musnad**
A narrator attributes the hadith directly to the Prophet, but actually heard it from a Tabi''i, not a Sahabi.

**2. Mawquf Hidden as Marfu''**
A statement of a Companion is mistakenly attributed to the Prophet.

**3. Mix-up in Chains (Idraj)**
Part of the narrator''s own words gets mixed into the hadith text.

**4. Chain Confusion (Qalb)**
A narrator swaps names or reverses part of the chain.

### How Scholars Detect Defects

1. **Comparing all chains** of the same hadith
2. **Cross-referencing** with other narrations of the same narrator
3. **Knowledge of each narrator''s students** and teachers
4. **Deep familiarity** with hadith texts and their variants

### Famous Books on ''Ilal

- **''Ilal al-Hadith** by Ibn Abi Hatim
- **Al-''Ilal** by Ad-Daraqutni
- **Al-''Ilal al-Kabir** by At-Tirmidhi

### Why This Science Matters

Imam al-Madini said:
> "Knowing the defects of hadith is more beloved to me than memorizing hadiths that I have not memorized."

This science separates truly authentic hadiths from those with subtle problems that only experts can detect.'
FROM learning_modules m WHERE m.slug = 'hidden-defects'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'ilal-al-hadith');

-- Module: Practical Application (slug: practical-application)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'grading-hadith-practice', 'Grading a Hadith: Step by Step', 'Walk through the practical process of evaluating a hadith''s authenticity.', 'reading', 1, true, 12,
'## How to Grade a Hadith: A Practical Guide

### Step 1: Examine the Chain (Isnad)

Check each link in the chain:
- Is it **connected** (muttasil)? No missing narrators?
- Is each narrator **reliable** (thiqah)?
- Is each narrator **precise** (dabit)?

### Step 2: Check for Hidden Defects

- Compare with other chains of the same hadith
- Look for narrator confusion or text mixing
- Check if any narrator is known for specific errors

### Step 3: Evaluate the Text (Matn)

- Does it contradict the Quran?
- Does it contradict stronger hadiths?
- Does it contradict established consensus?
- Is the language consistent with Prophetic speech?

### Step 4: Assign a Grade

| Grade | Criteria |
|-------|----------|
| **Sahih** | Connected chain, all reliable and precise narrators, no defects, no contradiction |
| **Hasan** | Same as Sahih but narrator(s) slightly less precise |
| **Da''if** | Broken chain, unreliable narrator, or contains a defect |
| **Mawdu''** | Fabricated — contains a known liar in the chain |

### Step 5: Check Supporting Narrations

A weak hadith can be strengthened by:
- **Mutabi''at** — supporting narrations from different chains
- **Shawahid** — similar narrations with different wording

### Worked Example

Consider a hadith narrated through: A → B → C → Prophet

1. Check A: Is A reliable? Who was A''s teacher?
2. Check B: Did B actually meet A? Is B trustworthy?
3. Check C: Is C a known Companion?
4. Check the connections: Did each person actually hear from the next?

### Key Takeaways

- Grading requires both chain AND text analysis
- Context and supporting evidence matter
- This is why scholars dedicated their lives to this science'
FROM learning_modules m WHERE m.slug = 'practical-application'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'grading-hadith-practice');

-- ============================================================
-- PATH: Comparative Hadith Study
-- ============================================================

-- Module: Cross-Referencing (slug: cross-referencing)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'cross-referencing-intro', 'Introduction to Cross-Referencing', 'How scholars compare hadiths across different collections.', 'reading', 1, true, 9,
'## Cross-Referencing Hadiths Across Collections

### Why Cross-Reference?

No single collection contains all authentic hadiths. Scholars cross-reference to:
- **Verify authenticity** through multiple chains
- **Understand context** from different narrations
- **Identify the strongest wording** of a hadith
- **Discover additional details** in variant narrations

### The Muttafaq ''Alayh Concept

When both **Al-Bukhari and Muslim** narrate the same hadith, it is called **Muttafaq ''Alayh** (agreed upon). This represents the highest level of authentication.

### How Scholars Cross-Reference

**1. By Narrator**
Search for all hadiths narrated by Abu Hurairah across all collections.

**2. By Topic**
Gather all hadiths about a specific topic (e.g., fasting) from every source.

**3. By Wording (Lafz)**
Find all versions of a specific hadith to compare exact wordings.

### Example: The Hadith of Intentions

This famous hadith is narrated in:
- Sahih Al-Bukhari (7 times in different chapters)
- Sahih Muslim
- Sunan Abu Dawud
- Sunan An-Nasa''i
- Sunan Ibn Majah

Each placement reveals how scholars understood its application.

### Modern Tools

Today, digital databases make cross-referencing faster, but the methodology remains the same as classical scholars used.

### Key Takeaways

- Cross-referencing strengthens or weakens authenticity
- Different collections often provide complementary details
- Understanding variants deepens comprehension of Prophetic teachings'
FROM learning_modules m WHERE m.slug = 'cross-referencing'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'cross-referencing-intro');

-- Module: Wording Differences (slug: wording-differences)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'riwayah-bil-lafz-wal-mana', 'Narration by Wording vs Meaning', 'Understanding why the same hadith appears with different wordings.', 'reading', 1, true, 9,
'## Narration by Wording vs Meaning

### The Core Question

Why does the same hadith sometimes appear with different words in different collections?

### Two Types of Narration

**1. Riwayah bil-Lafz (Narration by exact wording)**
The narrator transmits the exact words of the Prophet. This is the ideal.

**2. Riwayah bil-Ma''na (Narration by meaning)**
The narrator conveys the meaning but may use different words. The majority of scholars permitted this under strict conditions:
- The narrator must be an expert in Arabic
- The meaning must be preserved exactly
- Core legal rulings must not change

### Why Differences Exist

1. The Prophet may have said the same thing on multiple occasions with slight variations
2. Different Companions heard and remembered different parts
3. Narrators with permission transmitted meaning rather than exact words
4. Arabic allows multiple expressions for the same concept

### Scholars'' Positions

**Strict view**: Only exact wording is acceptable (minority view)
**Majority view**: Meaning-based narration is permitted with conditions
**Practical reality**: Most hadiths involve some degree of meaning-based transmission

### How This Affects Understanding

When you see two versions of the same hadith:
1. Check if both chains are authentic
2. See if the differences are in non-essential words
3. The version with more detail usually adds to understanding
4. Contradictions require deeper scholarly analysis

### Key Takeaways

- Wording differences are normal and expected
- They often enrich rather than contradict
- Scholars developed rigorous methods to handle variants'
FROM learning_modules m WHERE m.slug = 'wording-differences'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'riwayah-bil-lafz-wal-mana');

-- Module: Scholarly Approaches (slug: scholarly-approaches)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'manhaj-al-muhaddithin', 'Methodologies of the Major Scholars', 'How Al-Bukhari, Muslim, and others differed in their approach.', 'reading', 1, true, 10,
'## Methodologies of the Major Hadith Scholars

Each great compiler had a unique methodology that shaped their collection.

### Al-Bukhari''s Methodology

**Criteria**: The strictest of all compilers
- Required **proven meeting** between narrator and teacher (not just contemporaneity)
- Selected from over 600,000 narrations, including only ~7,275 (with repetitions)
- Organized by **fiqh chapters** to show legal implications

### Muslim''s Methodology

**Criteria**: Slightly less strict than Al-Bukhari
- Accepted **contemporaneity** as sufficient for connected chain
- Gathered all chains of each hadith in one place
- Better organized for hadith study (vs. Al-Bukhari''s fiqh focus)

### Abu Dawud''s Methodology

- Focused on hadiths relevant to **Islamic law** (fiqh)
- Included weak hadiths if no stronger alternative existed on the topic
- Would note when a hadith was weak

### At-Tirmidhi''s Methodology

- Uniquely included **grading** for each hadith
- Mentioned which scholars used each hadith
- Noted differences among scholars of fiqh

### An-Nasa''i''s Methodology

- Known for the **most strict criticism** of narrators after Al-Bukhari
- His conditions are considered stricter than Muslim''s
- Focused on subtle defects in chains

### Ibn Majah''s Methodology

- Included unique hadiths not found in other five collections
- Contains some weak and fabricated narrations (noted by scholars)
- Valued for its comprehensive coverage of fiqh topics

### Key Takeaways

- No single methodology is "best" — each serves a purpose
- Understanding methodology helps evaluate each collection''s reliability
- The six major collections complement each other'
FROM learning_modules m WHERE m.slug = 'scholarly-approaches'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'manhaj-al-muhaddithin');

-- ============================================================
-- PATH: Thematic Deep Dives
-- ============================================================

-- Module: Forty Nawawi (slug: forty-nawawi)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'nawawi-introduction', 'Introduction to the Forty Nawawi', 'The most famous collection of foundational hadiths in Islam.', 'reading', 1, true, 10,
'## The Forty Hadith of Imam An-Nawawi

### About Imam An-Nawawi

**Imam Yahya ibn Sharaf An-Nawawi** (631-676 AH / 1233-1277 CE) was one of the greatest scholars of Islam. Despite living only 45 years, he produced works that remain foundational to Islamic education.

### Why Forty Hadiths?

The Prophet (peace be upon him) said:
> "Whoever memorizes forty hadiths for my Ummah relating to their religion, Allah will resurrect him on the Day of Judgment among the scholars and jurists."

Though the chain of this narration is weak, scholars considered the practice praiseworthy.

### The First Hadith: Actions by Intentions

> "Indeed, actions are judged by intentions, and every person shall have what they intended."

This hadith is considered **one-third of all Islamic knowledge** because all actions fall into three categories: those of the heart, tongue, and limbs — and this hadith governs them all.

### The Second Hadith: Islam, Iman, and Ihsan (Hadith of Jibril)

> Angel Jibril came in the form of a man and asked about Islam, Iman, and Ihsan...

This single hadith contains the **entire framework of the religion**.

### Structure of the Collection

An-Nawawi selected hadiths covering:
- **Creed** (Aqeedah) — Hadiths 1-8
- **Worship** (Ibadah) — Hadiths 9-17
- **Social conduct** (Mu''amalat) — Hadiths 18-28
- **Character** (Akhlaq) — Hadiths 29-42

### Key Takeaways

- These 42 hadiths form a comprehensive summary of Islam
- Every Muslim should strive to learn and understand them
- They are the starting point for serious hadith study'
FROM learning_modules m WHERE m.slug = 'forty-nawawi'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'nawawi-introduction');

INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'nawawi-key-hadiths', 'Key Hadiths from the Forty', 'Deep dive into the most impactful hadiths from An-Nawawi''s collection.', 'reading', 2, true, 12,
'## Key Hadiths from the Forty Nawawi

### Hadith 3: The Five Pillars

> "Islam is built upon five: testifying that there is no god but Allah and Muhammad is His Messenger, establishing prayer, paying zakah, performing Hajj, and fasting Ramadan."

This hadith gives the **structural foundation** of Islamic practice.

### Hadith 6: The Halal and Haram

> "The halal is clear and the haram is clear, and between them are doubtful matters..."

This teaches the principle of **caution in doubtful matters** — a cornerstone of Islamic ethics.

### Hadith 13: Love for Your Brother

> "None of you truly believes until he loves for his brother what he loves for himself."

A hadith about **empathy** that transforms community relations.

### Hadith 18: Taqwa (God-Consciousness)

> "Fear Allah wherever you are, follow a bad deed with a good one and it will erase it, and deal with people with good character."

Three comprehensive principles in one short hadith.

### Hadith 25: Charity of the Joints

> "Every joint of a person must perform a charity every day the sun rises: mediating between two people is charity, helping someone onto their mount is charity, a good word is charity, every step to prayer is charity, and removing harm from the road is charity."

This expands the concept of **charity** far beyond money.

### Hadith 34: Changing Wrong

> "Whoever sees something wrong, let him change it with his hand; if he cannot, then with his tongue; if he cannot, then with his heart — and that is the weakest of faith."

The three levels of **commanding good and forbidding evil**.

### Key Takeaways

- Each hadith is a complete lesson in itself
- Together they cover all aspects of Muslim life
- Scholars have written entire books explaining individual hadiths from this collection'
FROM learning_modules m WHERE m.slug = 'forty-nawawi'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'nawawi-key-hadiths');

-- Module: Rights in Islam (slug: rights-in-islam)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'rights-of-parents-family', 'Rights of Parents and Family', 'Hadiths on the obligations and beautiful treatment of family members.', 'reading', 1, true, 9,
'## Rights of Parents and Family in Hadith

### The Supreme Status of Parents

> "A man came to the Prophet and asked: ''O Messenger of Allah, who is most deserving of my good companionship?'' He said: ''Your mother.'' The man asked: ''Then who?'' He said: ''Your mother.'' The man asked: ''Then who?'' He said: ''Your mother.'' The man asked: ''Then who?'' He said: ''Your father.''"
> — Al-Bukhari and Muslim

### Paradise at the Feet of Mothers

> "Paradise lies at the feet of mothers."
> — An-Nasa''i

This hadith emphasizes that **serving one''s mother** is among the greatest paths to Paradise.

### The Father as a Gate to Paradise

> "The father is the middle gate of Paradise, so lose it or protect it."
> — At-Tirmidhi

### Rights of Children

The Prophet also established children''s rights:
> "It is enough sin for a person to neglect those whom he is responsible for."
> — Abu Dawud

### Maintaining Family Ties (Silat ar-Rahim)

> "Whoever wishes to have his provision expanded and his life extended, let him maintain family ties."
> — Al-Bukhari

### The Severity of Cutting Ties

> "The one who severs family ties will not enter Paradise."
> — Al-Bukhari and Muslim

### Key Takeaways

- Family rights are among the most emphasized in Islam
- The mother holds a uniquely elevated status
- Maintaining family bonds brings barakah in provision and life
- Neglecting family obligations is a serious sin'
FROM learning_modules m WHERE m.slug = 'rights-in-islam'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'rights-of-parents-family');

-- Module: Prophetic Medicine (slug: prophetic-medicine)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'tibb-an-nabawi-intro', 'Introduction to Prophetic Medicine', 'The Prophet''s guidance on health, healing, and well-being.', 'reading', 1, true, 9,
'## Prophetic Medicine (At-Tibb An-Nabawi)

### What is Prophetic Medicine?

Prophetic medicine refers to the **health-related guidance** found in the hadiths of the Prophet (peace be upon him), covering diet, remedies, hygiene, and wellness.

### Honey as Medicine

> "Healing is in three things: a drink of honey, cupping (hijamah), and cauterization. But I forbid my Ummah from cauterization."
> — Al-Bukhari

Modern science has confirmed honey''s antibacterial and healing properties.

### The Black Seed (Habbatus Sauda)

> "Use the black seed, for indeed it is a cure for every disease except death."
> — Al-Bukhari and Muslim

Research has shown that Nigella sativa contains thymoquinone, which has anti-inflammatory and immune-boosting properties.

### Cupping (Hijamah)

> "Indeed, the best of your remedies is cupping."
> — Al-Bukhari

### Prophetic Diet Principles

1. **Moderation**: The one-third rule for stomach capacity
2. **Dates**: The Prophet broke his fast with dates
3. **Olive oil**: "Eat olive oil and anoint yourselves with it"
4. **Zamzam water**: "It is blessed, and it is food that satisfies"

### Hygiene Practices

- **Miswak** (tooth-stick): "If it were not too difficult for my Ummah, I would have ordered them to use the miswak before every prayer."
- **Washing hands** before and after meals
- **Trimming nails** regularly
- **Cleanliness** as half of faith

### Key Takeaways

- Prophetic medicine combines spiritual and physical healing
- Many recommendations align with modern scientific findings
- Prevention through lifestyle is emphasized alongside treatment
- Always consult medical professionals for serious health issues'
FROM learning_modules m WHERE m.slug = 'prophetic-medicine'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'tibb-an-nabawi-intro');

-- ============================================================
-- PATH: Great Hadith Scholars
-- ============================================================

-- Module: Early Collectors (slug: early-collectors)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'malik-muwatta', 'Imam Malik and Al-Muwatta', 'The earliest major hadith collection and its author.', 'reading', 1, true, 10,
'## Imam Malik ibn Anas (93-179 AH)

### The Scholar of Madinah

Imam Malik was born and spent his entire life in **Madinah**, the city of the Prophet. This gave him unique access to the living tradition of the Companions'' students.

### His Character

- He would **perfume himself and wear his best clothes** before narrating hadith
- He never narrated hadith while standing or in a hurry
- He considered narrating hadith a sacred responsibility

Imam Shafi''i said:
> "When scholars are mentioned, Malik is the star among them."

### Al-Muwatta: The First Major Compilation

**Al-Muwatta** ("The Well-Trodden Path") is the earliest surviving collection of hadith arranged by legal topics. It took Imam Malik **40 years** to compile.

### Contents of Al-Muwatta

- Approximately **1,720 narrations**
- Includes hadiths of the Prophet, sayings of Companions, and practices of the people of Madinah
- Organized by **fiqh topics**: prayer, fasting, marriage, business, etc.

### Unique Features

1. **Amal of Madinah**: Malik included the **practice of the people of Madinah** as evidence, considering it a form of mass transmission from the Prophet
2. **Mursal hadiths**: He accepted some narrations where the chain skips a generation
3. **Legal reasoning**: He combined hadith with practical jurisprudence

### His Legacy

- Founded the **Maliki school of thought**
- His students include **Imam Shafi''i** and **Muhammad ibn al-Hasan**
- Al-Muwatta was the most widely circulated hadith book before Al-Bukhari

### Key Takeaways

- Imam Malik''s proximity to Madinah gave him unique scholarly authority
- Al-Muwatta combined hadith with living tradition
- His methodology influenced all later hadith scholars'
FROM learning_modules m WHERE m.slug = 'early-collectors'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'malik-muwatta');

-- Module: The Six Imams (slug: the-six-imams)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'bukhari-muslim', 'Al-Bukhari and Muslim: The Two Sahihs', 'The lives and works of the two greatest hadith collectors.', 'reading', 1, true, 12,
'## The Two Sahihs: Al-Bukhari and Muslim

### Imam Al-Bukhari (194-256 AH)

**Muhammad ibn Ismail Al-Bukhari** was born in Bukhara (modern Uzbekistan).

**Remarkable memory**: By age 10, he had memorized thousands of hadiths. He said:
> "I memorize 100,000 authentic hadiths and 200,000 that are not authentic."

**His masterwork**: **Sahih Al-Bukhari** (Al-Jami'' As-Sahih)
- Selected ~7,275 hadiths (with repetitions) from 600,000
- Took **16 years** to compile
- He would pray two rak''ahs before including each hadith
- Considered the **most authentic book after the Quran**

**His strict criteria**:
- Every narrator must be trustworthy with precise memory
- **Direct meeting** between each narrator and their teacher must be proven
- No hidden defects in the chain or text

### Imam Muslim (206-261 AH)

**Muslim ibn al-Hajjaj An-Naysaburi** was Al-Bukhari''s student and contemporary.

**His masterwork**: **Sahih Muslim**
- Contains approximately **7,563 hadiths** (with repetitions)
- ~3,033 without repetitions
- Known for superior **organization** — all chains of one hadith gathered together

**His criteria**:
- **Contemporaneity** sufficient (slightly less strict than Al-Bukhari)
- Focused on collecting **every authentic chain** of each hadith
- His introduction contains valuable principles of hadith science

### Comparing the Two

| Aspect | Al-Bukhari | Muslim |
|--------|-----------|--------|
| Chain strictness | Stricter | Slightly less strict |
| Organization | By fiqh topic (repeated) | By hadith (all chains together) |
| Preferred by scholars | Majority prefer | Some prefer for organization |
| Unique hadiths | ~431 unique | ~660 unique |

### Why Both Matter

Al-Bukhari is stronger in individual chain authentication, while Muslim excels in comprehensive chain collection. Together, they form the gold standard of hadith authentication.

### Key Takeaways

- These two collections represent the pinnacle of hadith scholarship
- "Muttafaq ''Alayh" (agreed upon by both) is the highest authentication level
- Their different approaches complement each other perfectly'
FROM learning_modules m WHERE m.slug = 'the-six-imams'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'bukhari-muslim');

INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'four-sunan-compilers', 'The Four Sunan Compilers', 'Abu Dawud, At-Tirmidhi, An-Nasa''i, and Ibn Majah.', 'reading', 2, true, 10,
'## The Four Sunan Collections

### Abu Dawud (202-275 AH)

**Sulayman ibn al-Ash''ath As-Sijistani**

- Compiled **Sunan Abu Dawud**: ~5,274 hadiths
- Focus: Hadiths relevant to **Islamic law and rulings**
- Methodology: Included weak hadiths when no stronger alternative existed on a topic, always noting the weakness
- Famous quote: "I mentioned the authentic and what resembles it. What has severe weakness, I clarified."

### At-Tirmidhi (209-279 AH)

**Muhammad ibn Isa At-Tirmidhi**

- Compiled **Jami'' At-Tirmidhi**: ~3,956 hadiths
- **Unique contribution**: First to systematically grade hadiths (Sahih, Hasan, Da''if)
- Included **scholarly opinions** on how each hadith was used in fiqh
- Created the term **"Hasan"** as a grade between Sahih and Da''if

### An-Nasa''i (215-303 AH)

**Ahmad ibn Shu''ayb An-Nasa''i**

- Compiled **As-Sunan As-Sughra**: ~5,761 hadiths
- Known for the **strictest narrator criticism** among the six compilers
- His conditions are considered stricter than Muslim''s by many scholars
- Originally compiled a larger work (As-Sunan Al-Kubra) and then refined it

### Ibn Majah (209-273 AH)

**Muhammad ibn Yazid Ibn Majah Al-Qazwini**

- Compiled **Sunan Ibn Majah**: ~4,341 hadiths
- Contains **~600 unique hadiths** not found in the other five books
- Some scholars debated whether his collection should be the sixth canonical book
- Alternative candidates for the sixth: Al-Muwatta of Malik or Sunan Ad-Darimi

### The Kutub as-Sittah (Six Canonical Books)

Together with Sahih Al-Bukhari and Sahih Muslim, these four Sunan form the **six canonical collections** that are the primary reference for hadith scholars.

### Key Takeaways

- Each compiler served a unique purpose
- At-Tirmidhi''s grading system was revolutionary
- An-Nasa''i''s strict criteria complement Al-Bukhari''s approach
- Together, the six books cover nearly all authenticated Prophetic traditions'
FROM learning_modules m WHERE m.slug = 'the-six-imams'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'four-sunan-compilers');

-- Module: Later Masters (slug: later-masters)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
SELECT m.id, 'ibn-hajar-nawawi', 'Ibn Hajar and An-Nawawi: The Commentators', 'The scholars who made hadith accessible to all generations.', 'reading', 1, true, 10,
'## The Great Commentators

### Imam An-Nawawi (631-676 AH)

**Yahya ibn Sharaf An-Nawawi** — despite living only 45 years, his works became indispensable.

**Major Works:**
- **Sharh Sahih Muslim** — The definitive commentary on Sahih Muslim
- **Al-Arba''in An-Nawawiyyah** — The Forty Hadith collection (actually 42)
- **Riyad As-Salihin** — "Gardens of the Righteous," the most popular hadith compilation for general readers
- **Al-Adhkar** — Collection of daily supplications from hadith

**His Approach:**
- Made complex hadith scholarship **accessible**
- Combined hadith with practical spiritual guidance
- Emphasized implementation over mere memorization

### Ibn Hajar Al-Asqalani (773-852 AH)

**Ahmad ibn Ali ibn Hajar** — considered the greatest hadith scholar of the later period.

**Major Works:**
- **Fath Al-Bari** — The most comprehensive commentary on Sahih Al-Bukhari (13 volumes). Scholars say: "There is no hijrah after the Fath (conquest), and there is no Fath after Fath Al-Bari."
- **Tahdhib At-Tahdhib** — Encyclopedia of hadith narrators
- **Bulugh Al-Maram** — Hadiths used as evidence in Islamic law
- **Nukhbat Al-Fikar** — Concise text on hadith terminology

**His Methodology:**
- Combined every previous scholar''s analysis
- Resolved apparent contradictions between hadiths
- Connected hadith with Quranic commentary
- Addressed practical legal implications

### Their Combined Legacy

| An-Nawawi | Ibn Hajar |
|-----------|-----------|
| Made hadith accessible to all | Provided the deepest scholarly analysis |
| Focus on practical application | Focus on comprehensive understanding |
| Sahih Muslim commentary | Sahih Al-Bukhari commentary |
| 45 years of life | 79 years of life |

### Key Takeaways

- These scholars bridged the gap between technical hadith science and practical application
- Their commentaries remain the primary references for understanding hadith
- An-Nawawi made hadith accessible; Ibn Hajar made it comprehensive
- Their works demonstrate that hadith scholarship continued to develop for centuries'
FROM learning_modules m WHERE m.slug = 'later-masters'
AND NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = m.id AND ll.slug = 'ibn-hajar-nawawi');
[V0_FILE]sql:file="scripts/072-verify-lessons.sql" isMerged="true"
SELECT lp.title as path_title, lm.title as module_title,
  (SELECT count(*) FROM learning_lessons ll WHERE ll.module_id = lm.id) as lesson_count
FROM learning_modules lm
JOIN learning_paths lp ON lm.path_id = lp.id
ORDER BY lp.sort_order, lm.sort_order;
[V0_FILE]sql:file="scripts/073-check-module-slugs.sql" isMerged="true"
SELECT lm.id, lm.slug, lm.title
FROM learning_modules lm
WHERE NOT EXISTS (SELECT 1 FROM learning_lessons ll WHERE ll.module_id = lm.id)
ORDER BY lm.title;
[V0_FILE]sql:file="scripts/074-seed-final-lessons.sql" isMerged="true"
-- Seed lessons for the 5 remaining empty modules using exact UUIDs

-- 1. Sunnahs Around Prayer (932e77d1-0cdc-4991-8f42-d38c720c1d6b)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('932e77d1-0cdc-4991-8f42-d38c720c1d6b', 'before-after-prayer', 'Before and After the Prayer', 'Learn the Prophetic practices surrounding the five daily prayers', 'reading', 1, true, 8,
'## Sunnahs Before and After Prayer

The Prophet (peace be upon him) observed specific practices before and after each obligatory prayer that bring immense reward.

### Before the Prayer

**Wudu with Excellence**
The Prophet said: *"When a Muslim performs wudu and washes his face, every sin he looked at with his eyes is washed away. When he washes his hands, every sin his hands committed is washed away. When he washes his feet, every sin his feet walked toward is washed away, until he emerges purified of sin."* (Sahih Muslim)

**Walking to the Mosque**
*"Whoever purifies himself in his house, then walks to one of the houses of Allah to perform one of the obligatory acts of Allah, then one of his steps wipes out a sin and the other raises him one degree."* (Sahih Muslim)

### Sunnah Prayers (Rawatib)

The Prophet consistently prayed specific sunnah prayers:

| Prayer | Before | After |
|--------|--------|-------|
| Fajr | 2 rakah | - |
| Dhuhr | 4 rakah | 2 rakah |
| Asr | - | - |
| Maghrib | - | 2 rakah |
| Isha | - | 2 rakah |

**The Reward:** *"Whoever prays twelve rakah in a day and night, a house will be built for him in Paradise."* (Sahih Muslim)

### After the Prayer

**Adhkar after Salah:** The Prophet would say:
- Astaghfirullah (3 times)
- Allahumma anta al-salam wa minka al-salam, tabarakta ya dhal-jalali wal-ikram
- SubhanAllah (33 times), Alhamdulillah (33 times), Allahu Akbar (33 times)

### Key Takeaways

1. Excellence in wudu is itself an act of worship
2. The rawatib prayers are a shield and a source of immense reward
3. Post-prayer adhkar seal the prayer with remembrance of Allah'),

('932e77d1-0cdc-4991-8f42-d38c720c1d6b', 'friday-sunnahs', 'Friday Prayer Sunnahs', 'Special practices for the best day of the week', 'reading', 2, true, 7,
'## Friday Prayer Sunnahs

Friday (Jumu''ah) holds a special place in Islam. The Prophet (peace be upon him) called it *"the best day on which the sun rises."* (Sahih Muslim)

### Preparation

**Ghusl (Full Bath)**
*"Taking a bath on Friday is obligatory on every mature Muslim."* (Sahih al-Bukhari)

**Best Clothing and Fragrance**
The Prophet would wear his best garments and apply perfume before going to Jumu''ah.

**Going Early**
*"Whoever goes early for Jumu''ah, it is as if he offered a camel (in charity). Whoever goes in the second hour, it is as if he offered a cow..."* (Sahih al-Bukhari)

### During and After

**Listening Attentively**
*"If you say to your companion ''Be quiet'' while the imam is delivering the khutbah, you have engaged in idle talk."* (Sahih al-Bukhari)

**Surah Al-Kahf**
*"Whoever reads Surah Al-Kahf on Friday, a light will be made for him between the two Fridays."* (Al-Hakim, authenticated by Al-Albani)

**Sending Salawat on the Prophet**
*"Among the best of your days is Friday, so increase in sending salawat upon me on that day."* (Abu Dawud)

**The Hour of Acceptance**
There is an hour on Friday during which no Muslim asks Allah for something except that He grants it. The Prophet indicated it is the last hour before Maghrib.

### Key Takeaways

1. Friday is a weekly celebration for Muslims with unique rewards
2. Physical and spiritual preparation are both emphasized
3. Surah Al-Kahf and abundant salawat are specific Friday practices');

-- 2. Hidden Defects / Ilal (3b7b09f1-a2d5-4bcd-a503-1b4abce05e61)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('3b7b09f1-a2d5-4bcd-a503-1b4abce05e61', 'what-are-ilal', 'What Are Hidden Defects?', 'Understanding subtle flaws in hadith that only experts detect', 'reading', 1, true, 10,
'## Hidden Defects (Ilal) in Hadith

The science of Ilal (hidden defects) is considered the most difficult and prestigious branch of hadith sciences. It deals with subtle flaws in hadiths that appear sound on the surface.

### Definition

An **illah** (plural: ilal) is a hidden defect in a hadith that damages its authenticity. Unlike obvious weaknesses (like a known liar in the chain), these defects are not apparent and require deep expertise to detect.

**Ibn al-Madini** said: *"If I told people how we check for hidden defects, they would be amazed at the precision involved."*

### Types of Hidden Defects

**1. Mursal Disguised as Musnad**
A narrator claims to have heard directly from a companion, but actually received it through an intermediary who may be weak.

**2. Mawquf Raised to Marfu**
A statement of a companion is mistakenly attributed to the Prophet (peace be upon him).

**3. Confused Chains (Idraj)**
Content from one hadith gets mixed into another, or a narrator''s commentary becomes blended with the Prophet''s words.

**4. Chain Switching**
The chain of one hadith gets attached to the text of a different hadith.

### How Scholars Detect Ilal

Scholars use several methods:

- **Comparing all chains** of the same hadith to find discrepancies
- **Deep knowledge of narrators** and their students, travel patterns, and habits
- **Cross-referencing** with other known authentic hadiths
- **Understanding context** of when and where a narrator learned

### Famous Works on Ilal

| Scholar | Work |
|---------|------|
| Ali ibn al-Madini | Al-Ilal |
| Ahmad ibn Hanbal | Al-Ilal wa Ma''rifat al-Rijal |
| Al-Daraqutni | Al-Ilal al-Waridah |
| Ibn Abi Hatim | Ilal al-Hadith |

### Key Takeaways

1. Hidden defects are the most sophisticated area of hadith criticism
2. Detection requires encyclopedic knowledge of narrators and their habits
3. This science protects the prophetic tradition from subtle errors');

-- 3. Practical Application (a7ed7e2d-9df7-454a-8705-2380c6f129df)
INSERT INTO learning_lessons (module_id, slug, title, description, content_type, sort_order, has_quiz, estimated_minutes, content_markdown)
VALUES
('a7ed7e2d-9df7-454a-8705-2380c6f129df', 'grading-hadiths', 'Grading Hadiths in Practice', 'Apply hadith science principles to evaluate real narrations', 'reading', 1, true, 10,
'## Grading Hadiths: A Practical Guide

Now that you understand the theoretical foundations of hadith sciences, let us apply these principles practically.

### The Grading Process

Hadith scholars follow a systematic process when evaluating a narration:

**Step 1: Examine the Chain (Isnad)**
- Is the chain connected from beginning to end?
- Is each narrator known and identified?
- Are there any breaks or gaps?

**Step 2: Evaluate Each Narrator**
For every person in the chain, scholars</article></body></html>

Authentic Hadith

Our Mission

Sources & Authenticity

Collections Included

Source Integrity

How We Use AI

What AI Does

What AI Does NOT Do

Handling Sensitive Topics

Transparency & Version

Version Information

Platform

Contact & Support

Open Source Attribution

A Note from the Team

Unlocked

{filtered.some((a) => unlocked.has(a.id)) ? "Locked" : "All Achievements"}

Bulk Hadith Enrichment

Batch Enrich & Auto-Publish

Review Queue ({enrichments.length})

All Collections

{status.name_en}

Hadith Seed Dashboard

{coll.name}

Activity Log

How can I help you today?

Payment Successful

{chapter.name_en}

{book.name_en}

Hadiths ({book.total_hadiths} total)

Chapters

{collection.name_en}

Books ({collection.total_books || books.length})

Islamic Literature Collections

Featured Collections

All Collections

Get in Touch

Email Us

Response Time

What We Help With

Privacy

When contacting us, please include:

Welcome, {user.user_metadata?.full_name || "Knowledge Seeker"}!

Key Teaching

Translation

{greeting}, {firstName}

Hadith of the Day

Continue Reading

Quick Actions

Featured Collections

{collection.name_en}

Recently Viewed

Start Exploring

AI Assistant

{path.title}

{mod.title}

Authentic Hadith

Folder not found

Recent Achievements

My Folders

Recently Saved

{error || "Folder not found"}

Create Your Own Collections

Your Journey to{" "} Prophetic Wisdom

Everything You Need to Study Hadith

{feature.title}

Free to explore. Pro for depth.

Explorer

Study deeper. Understand context. Grow consistently.

Explorer

Why upgrade?

Full Feature Comparison

Privacy Policy

{title}

{profile?.name || "User"}

Go Premium

This Week

Collection Progress

{cp.name_en}

Test Your Knowledge