import React, { useState, useEffect, useMemo, useRef } from "react"; import { createRoot } from "react-dom/client"; import { Users, History, BookOpen, Search, ChevronRight, Info, Scroll, Church, Mic2, FileText, Compass, Library, Flame, Globe, ArrowRightLeft, LayoutGrid, Layers, ListChecks, Cross, BookMarked, ShieldCheck, Heart, Zap, Anchor, Feather, } from "lucide-react"; import { Chart, registerables } from "chart.js"; import { psalmBriefs } from "./psalmBriefs.js"; Chart.register(...registerables); Chart.defaults.color = "#64748b"; Chart.defaults.borderColor = "#dff4f6"; Chart.defaults.font.family = "'Inter', sans-serif"; const glossaryEntries = [ { title: "Acrostic", terms: ["acrostic"], definition: "A poetic structure where lines or stanzas begin with successive letters of the Hebrew alphabet. In the Psalms, acrostics often signal order, completeness, and careful meditation.", }, { title: "Alliteration", terms: ["alliteration"], definition: "The repetition of similar consonant sounds. Hebrew poetry can use sound patterns to make a line memorable or to intensify its emotional force.", }, { title: "Anthropomorphism", terms: ["anthropomorphism", "anthropomorphisms", "anthropomorphic", "anthropomorphis"], definition: "Language that describes God with human body imagery, such as hands, eyes, ears, arm, or face. It does not mean God has a physical body; it communicates His personal action, attention, power, and nearness in terms we can grasp.", }, { title: "Anthropopathism", terms: ["anthropopathism", "anthropopathic"], definition: "Language that describes God with human emotions or inner responses. It helps readers understand divine love, anger, grief, or compassion without reducing God to human limitation.", }, { title: "Antithetic Parallelism", terms: ["antithetic parallelism"], definition: "A Hebrew poetic pattern where the second line contrasts the first. It is common in wisdom psalms, especially when the righteous and wicked are set side by side.", }, { title: "Apostrophe", terms: ["apostrophe"], definition: "A literary device where the speaker directly addresses someone or something absent, unseen, or personified. In the Psalms, the poet may address enemies, the soul, creation, or even abstract realities.", }, { title: "Assonance", terms: ["assonance"], definition: "The repetition of vowel sounds. Like alliteration, it gives poetic texture and can make a Hebrew phrase more vivid or memorable.", }, { title: "Canonical", terms: ["canonical"], definition: "Related to the final ordered shape of Scripture. A canonical reading asks how a psalm works where it stands in the Psalter and in the whole Bible.", }, { title: "Chiasm", terms: ["chiasm", "chiasmus", "chiastic"], definition: "A mirrored literary structure, often described as A-B-B-A or A-B-C-B-A. It draws attention to the center or turning point of a poem and helps show how the psalm is arranged.", }, { title: "Climactic Parallelism", terms: ["climactic parallelism", "staircase parallelism"], definition: "A poetic pattern where a phrase is repeated and then extended, creating a rising or stair-step effect. It often gives worship lines a sense of momentum and emphasis.", }, { title: "Communal Lament", terms: ["communal lament"], definition: "A lament spoken by or for the covenant community rather than only one individual. These psalms bring national grief, defeat, exile, or disaster before God.", }, { title: "Covenant", terms: ["covenant", "covenantal"], definition: "A solemn relationship established by God with promises, obligations, and signs. In the Psalms, covenant language often recalls God's steadfast commitment to Israel, David, and ultimately the Messiah.", }, { title: "Davidic Covenant", terms: ["Davidic covenant"], definition: "God's promise that David's royal line would endure and that a son of David would rule. Messianic readings of the Psalms often flow from this covenant.", }, { title: "Doxology", terms: ["doxology"], definition: "A formal expression of praise to God. The five books of the Psalter each close with doxological praise, marking the movement from prayer toward worship.", }, { title: "Delayed Identification", terms: ["delayed identification"], definition: "A literary technique where the poet withholds the identity of a speaker, subject, or object until later in the poem. This creates suspense and helps the reader feel the movement of discovery.", }, { title: "Enallage", terms: ["enallage"], definition: "A grammatical shift, such as a change in person, number, or tense, used for rhetorical effect. In poetry, these shifts can make the speaker's experience feel immediate or dramatic.", }, { title: "Enthronement Psalm", terms: ["enthronement psalm", "enthronement"], definition: "A psalm that celebrates the Lord as King. These psalms proclaim divine rule over creation, nations, justice, and worship.", }, { title: "Hesed", terms: ["hesed"], definition: "A rich Hebrew word for the Lord's covenant love, loyal mercy, and steadfast kindness. It is love that keeps promise and moves toward the needy with faithfulness.", }, { title: "Hyperbole", terms: ["hyperbole"], definition: "Intentional exaggeration used for emphasis. Psalmists use it to express intense fear, grief, wonder, or praise without requiring wooden literalism.", }, { title: "Imperative Parallelism", terms: ["imperative parallelism"], definition: "A form of parallelism built around repeated commands. It is common in calls to worship, where the repeated imperatives summon the congregation, nations, or creation to praise.", }, { title: "Imagery", terms: ["imagery"], definition: "Concrete picture-language that lets the reader see, feel, or imagine truth. The Psalms often use images such as rocks, rivers, trees, shields, light, storms, and shepherds.", }, { title: "Imprecatory", terms: ["imprecatory", "imprecation"], definition: "A prayer calling on God to judge evil and vindicate the righteous. These psalms entrust justice to God rather than private revenge.", }, { title: "Inclusio", terms: ["inclusio"], definition: "A framing device where similar words or ideas appear at the beginning and end of a section. It signals the boundaries and main concern of a poem.", }, { title: "Individual Lament", terms: ["individual lament"], definition: "A lament spoken from the suffering of one person. It usually includes complaint, petition, trust, and often a turn toward praise.", }, { title: "Lament", terms: ["lament", "laments"], definition: "A faithful prayer of pain, protest, grief, fear, or confusion brought honestly before God. Biblical lament is not unbelief; it is suffering spoken in covenant relationship.", }, { title: "Lex Talionis", terms: ["lex talionis"], definition: "The principle of measured justice often summarized as eye for eye. In psalm interpretation, it can describe prayers that ask God to return evil upon evildoers in fitting judgment.", }, { title: "Keyword Repetition", terms: ["keyword repetition", "keywords"], definition: "The deliberate reuse of a significant word or root. Repetition helps trace a psalm's main concern and often marks its structure or emotional emphasis.", }, { title: "Liturgical", terms: ["liturgical", "liturgy"], definition: "Related to public worship. A liturgical note explains how a psalm may have functioned in temple worship, festivals, processions, confession, or congregational praise.", }, { title: "Maskil", terms: ["maskil"], definition: "A Hebrew term in some psalm superscriptions, likely meaning a contemplative, instructive, or skillful song. Its exact musical or literary function is debated.", }, { title: "Merism", terms: ["merism", "merisms", "merismus"], definition: "A figure of speech that names two extremes to include everything between them. For example, heaven and earth can mean the whole creation, and sitting down and rising up can mean all ordinary activity.", }, { title: "Messianic", terms: ["messianic"], definition: "Related to the Messiah, God's anointed King. A messianic psalm may directly speak of the king, establish a royal pattern, or find fuller fulfillment in Christ.", }, { title: "Metaphor", terms: ["metaphor", "metaphorical"], definition: "A comparison that speaks of one thing as another, such as the Lord as rock, shepherd, shield, or sun. Metaphor compresses theology into vivid poetic images.", }, { title: "Metaphorical Shift", terms: ["metaphorical shift"], definition: "A movement from one controlling image to another. For example, Psalm 23 moves from the Lord as shepherd to the Lord as host, enriching the theology of care and welcome.", }, { title: "Miktam", terms: ["miktam"], definition: "A Hebrew term found in several Davidic superscriptions. Its precise meaning is uncertain, but it likely identifies a type of song, inscription, or treasured composition.", }, { title: "Midrash", terms: ["midrash", "midrash tehillim"], definition: "Jewish interpretive reflection on Scripture. Midrash Tehillim is a rabbinic collection of interpretive comments and homiletical reflections on the Psalms.", }, { title: "Onomatopoeia", terms: ["onomatopoeia", "onomatopoeic"], definition: "A sound effect where words imitate or echo the thing described. In poetry, sound can reinforce meaning, motion, noise, or emotional tone.", }, { title: "Nature Parallelism", terms: ["nature parallelism"], definition: "Parallelism that uses creation imagery to develop the thought. Mountains, seas, trees, animals, clouds, and fields become poetic witnesses to God's rule or the worshiper's experience.", }, { title: "Parallelism", terms: ["parallelism", "parallelisms"], definition: "The basic rhythm of Hebrew poetry, where one line is paired with another through repetition, contrast, completion, or intensification. The meaning often emerges by reading the lines together.", }, { title: "Paronomasia", terms: ["paronomasia"], definition: "Wordplay based on similar sounds or related roots. Hebrew poets use it to connect ideas, sharpen irony, or make a line memorable.", }, { title: "Parousia", terms: ["parousia"], definition: "A New Testament term for the coming or appearing of Christ. In Psalms study, it may appear when a psalm's judgment or kingdom themes are read in light of Christ's return.", }, { title: "Penitential", terms: ["penitential"], definition: "Related to repentance and confession of sin. The traditional penitential psalms give language for guilt, mercy, cleansing, and restored joy.", }, { title: "Personification", terms: ["personification"], definition: "A poetic device where non-human things are described as if they act like persons. The Psalms may personify seas, mountains, righteousness, wisdom, or creation itself.", }, { title: "Physiological Metaphor", terms: ["physiological metaphor"], definition: "A metaphor drawn from the body, such as bones, throat, heart, eyes, or hands. The psalmist uses bodily language to make spiritual distress or renewal concrete.", }, { title: "Refrain", terms: ["refrain"], definition: "A repeated line or phrase that structures a poem. Refrains often mark stanzas and reinforce the central burden or hope of the psalm.", }, { title: "Rhetorical Question", terms: ["rhetorical question"], definition: "A question asked to make a point rather than to request information. In the Psalms, rhetorical questions often expose folly, intensify praise, or press a theological conclusion.", }, { title: "Rashi", terms: ["rashi"], definition: "A major medieval Jewish commentator whose concise explanations shaped Jewish interpretation of the Hebrew Bible. In Psalm notes, Rashi often clarifies grammar, historical setting, and traditional Jewish readings.", }, { title: "Sapiential", terms: ["sapiential"], definition: "Wisdom-oriented. A sapiential psalm teaches the way of wisdom, the contrast between righteous and wicked, or the moral order of life under God.", }, { title: "Selah", terms: ["selah"], definition: "A Hebrew liturgical or musical marker found in many psalms. Its exact meaning is uncertain, but it likely signals a pause, lift, interlude, or moment for reflection.", }, { title: "Shekinah", terms: ["shekinah", "shekhinah"], definition: "A Jewish term associated with the dwelling or manifest presence of God. It is often used to speak of God's nearness among His people.", }, { title: "Sheol", terms: ["sheol"], definition: "The Hebrew term for the realm of the dead or the grave. In the Psalms, Sheol often represents death, silence, helplessness, or distance from earthly praise.", }, { title: "Simile", terms: ["simile"], definition: "An explicit comparison using like or as. Psalmists use similes such as the righteous being like a tree or enemies being like chaff.", }, { title: "Superscription", terms: ["superscription", "superscriptions"], definition: "The heading attached to a psalm, often naming an author, historical occasion, musical direction, or genre. These headings are part of the received Hebrew text.", }, { title: "Synonymous Parallelism", terms: ["synonymous parallelism"], definition: "A poetic pattern where the second line restates or reinforces the first with related wording. It deepens the idea rather than merely repeating it.", }, { title: "Synthetic Parallelism", terms: ["synthetic parallelism"], definition: "A poetic pattern where the second line completes, develops, or extends the thought of the first. The paired lines build a fuller statement together.", }, { title: "Talmud", terms: ["talmud"], definition: "A central collection of rabbinic discussion on law, interpretation, ethics, and tradition. Psalm references in the Talmud often show how Jewish teachers used the Psalms devotionally and legally.", }, { title: "Targum", terms: ["targum"], definition: "An ancient Aramaic rendering or paraphrase of the Hebrew Scriptures. Targums often preserve interpretive traditions as well as translation.", }, { title: "Terse Imagery", terms: ["terse imagery", "terse construction"], definition: "Compressed poetic wording that says much with few words. Hebrew poetry often relies on brevity, letting images carry theological and emotional weight.", }, { title: "Theophany", terms: ["theophany", "theophanic"], definition: "A visible or dramatic manifestation of God, often described with storm, fire, thunder, earthquake, cloud, or cosmic disturbance. Theophany language reveals divine majesty and judgment.", }, { title: "Torah", terms: ["torah"], definition: "The Hebrew word often translated law, but more broadly meaning instruction or teaching. In the Psalms, Torah is God's life-giving word that forms wisdom, worship, and obedience.", }, { title: "Typology", terms: ["typology", "typological", "type", "antitype"], definition: "A way of reading Scripture where earlier persons, events, offices, or patterns point forward to fuller fulfillment in Christ. David, Zion, temple, sacrifice, king, and righteous sufferer can function typologically.", }, { title: "Wisdom Psalm", terms: ["wisdom psalm", "wisdom literature"], definition: "A psalm shaped by instruction, moral contrast, and reflection on the blessed life. These psalms teach readers how to live before God with discernment.", }, { title: "Wordplay", terms: ["wordplay", "linguistic wordplay"], definition: "A meaningful play on sound, spelling, root, or double meaning. Hebrew wordplay can connect ideas that are difficult to reproduce fully in translation.", }, { title: "Yahweh", terms: ["yahweh", "yhwh"], definition: "The covenant name of the Lord revealed to Israel. English Bibles often represent it as LORD in small capitals.", }, { title: "Zion", terms: ["zion"], definition: "The hill of Jerusalem associated with David's city, the temple, divine kingship, and God's dwelling among His people. In the Psalms, Zion often becomes a theological symbol of God's reign and presence.", }, ]; const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); const glossaryLookup = new Map(); glossaryEntries.forEach((entry) => { entry.terms.forEach((term) => glossaryLookup.set(term.toLowerCase(), entry)); }); const glossaryPattern = new RegExp( `\\b(${glossaryEntries.flatMap((entry) => entry.terms).sort((a, b) => b.length - a.length).map(escapeRegExp).join("|")})\\b`, "gi", ); const normalizeFinderText = (value) => String(value || "") .toLowerCase() .replace(/[^a-z0-9\s:-]/g, " ") .replace(/\s+/g, " ") .trim(); const textIncludesFinderPhrase = (text, phrase) => { if (!phrase) return false; if (/\d/.test(phrase)) { return new RegExp(`\\b${escapeRegExp(phrase)}(?::|\\b(?!\\d))`, "i").test(text); } return text.includes(phrase); }; const ntBookNames = [ "1 thessalonians", "2 thessalonians", "1 corinthians", "2 corinthians", "1 timothy", "2 timothy", "1 peter", "2 peter", "1 john", "2 john", "3 john", "matthew", "romans", "galatians", "ephesians", "philippians", "colossians", "hebrews", "revelation", "luke", "john", "acts", "mark", "titus", "philemon", "james", "jude", ].sort((a, b) => b.length - a.length); const parseReferenceQuery = (query) => { const book = ntBookNames.find((name) => query === name || query.startsWith(`${name} `)); if (!book) return null; const rest = query.slice(book.length).trim(); if (!rest) return null; const match = rest.match(/^(\d+)(?::(\d+)(?:-\d+)?)?$/); if (!match) return null; return { book, chapter: match[1], verse: match[2] || "", phrase: `${book} ${match[1]}${match[2] ? `:${match[2]}` : ""}`, }; }; const slugify = (value) => String(value || "") .toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, ""); const cardAnchorId = (title) => `deep-dive-card-${slugify(title)}`; const collectCardText = (card) => { const pieces = [card?.title, card?.content]; if (Array.isArray(card?.sections)) { card.sections.forEach((section) => pieces.push(section.label, section.content)); } if (Array.isArray(card?.items)) { card.items.forEach((item) => { if (item && typeof item === "object") { pieces.push(item.source, item.reference, item.type, item.text); } else { pieces.push(item); } }); } if (card?.outline) { pieces.push(card.outline.theme); (card.outline.items || []).forEach((item) => pieces.push(item.label, item.range)); } return pieces.filter(Boolean).join(" "); }; const deepDiveTocItems = [ ["Historical Background", "Background"], ["Context Type", "Context"], ["Poetic Features", "Poetry"], ["Scholarly Voices", "Voices"], ["NT Cross-Reference Tracker", "NT"], ["Christ in the Old Testament", "Christ"], ["Brief Outline", "Outline"], ["Jewish Tradition", "Jewish"], ["Brief Exposition", "Exposition"], ]; const quickFilters = [ { id: "lament", label: "lament", psalms: [3,4,5,6,7,10,12,13,17,22,25,31,35,38,42,44,51,55,69,74,77,80,88,102,109,130,137,143] }, { id: "forgiveness", label: "forgiveness", psalms: [6,25,32,38,51,65,85,86,103,130,143] }, { id: "fear", label: "fear", psalms: [3,4,23,27,34,46,56,57,62,91,94,118,121] }, { id: "praise", label: "praise", psalms: [8,19,29,33,66,96,100,103,104,111,113,117,135,136,145,146,147,148,149,150] }, { id: "messianic", label: "messianic", psalms: [2,16,22,24,40,45,69,72,89,110,118,132] }, { id: "wisdom", label: "wisdom", psalms: [1,19,32,34,37,49,73,78,90,112,119,127,128] }, { id: "trust", label: "trust", psalms: [11,16,23,27,31,46,56,62,63,91,121,125,131] }, { id: "thanksgiving", label: "thanksgiving", psalms: [18,30,32,34,40,66,92,107,116,118,124,136,138] }, ]; const themePathways = [ { id: "afraid", title: "When You Feel Afraid", desc: "Prayers of refuge, courage, and steadied trust.", psalms: [3, 23, 27, 34, 46, 56, 91, 121], }, { id: "forgiveness", title: "When You Need Forgiveness", desc: "Confession, mercy, cleansing, and restored joy.", psalms: [6, 32, 38, 51, 103, 130, 143], }, { id: "suffering", title: "When You Are Suffering", desc: "Honest lament for pain, waiting, and unanswered questions.", psalms: [13, 22, 42, 44, 69, 88, 102, 137], }, { id: "praise", title: "Learning to Praise", desc: "Creation, rescue, kingship, gratitude, and final hallelujah.", psalms: [8, 19, 100, 103, 104, 145, 146, 148, 150], }, { id: "messianic", title: "Messianic Hope", desc: "Royal promise, righteous suffering, priestly kingship, and victory.", psalms: [2, 16, 22, 45, 69, 72, 110, 118], }, { id: "wisdom", title: "Wisdom for the Way", desc: "The blessed life, Torah delight, and steady obedience.", psalms: [1, 19, 37, 73, 90, 112, 119, 127, 128], }, ]; const featuredFinderPsalms = [1, 2, 22, 23, 32, 51, 73, 88, 90, 110, 119, 150]; const App = () => { const [activePsalm, setActivePsalm] = useState(1); const [brief, setBrief] = useState(psalmBriefs[1]); const [explorerData, setExplorerData] = useState({ type: null, data: null }); const [error, setError] = useState(null); const [finderQuery, setFinderQuery] = useState(""); const [finderFilter, setFinderFilter] = useState(null); const [activePathway, setActivePathway] = useState(null); const [visibleFinderCount, setVisibleFinderCount] = useState(12); const authChartRef = useRef(null); const eraChartRef = useRef(null); const genreChartRef = useRef(null); const canonicalChartRef = useRef(null); const introStepRefs = useRef([]); const [visibleIntroSteps, setVisibleIntroSteps] = useState([0]); const [glossaryTooltip, setGlossaryTooltip] = useState(null); const authorshipData = [ { id: "david", name: "David", role: "Sweet Singer of Israel (73 Psalms)", bio: "The primary author and covenantal heart of the Psalter. David's life from shepherd to king gives the collection a living backdrop for prayer, danger, kingship, repentance, and hope. His psalms give the book a strongly messianic and pastoral center.", psalms: [2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,34,35,36,37,38,39,40,41,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,68,69,70,86,101,103,108,109,110,122,124,131,133,138,139,140,141,142,143,144,145] }, { id: "asaph", name: "Asaph", role: "Levitical Choirmaster (12 Psalms)", bio: "Leader of one of David's music guilds. Asaph's work focuses on God's role as Sovereign Judge, grappling with communal history and theodicy.", psalms: [50,73,74,75,76,77,78,79,80,81,82,83] }, { id: "korah", name: "Sons of Korah", role: "Temple Gatekeepers (11 Psalms)", bio: "A Levitical guild of musicians whose psalms often linger around Zion, sanctuary, exile, and holy longing. Their poems give the worshiper a language for desiring God's presence when life feels distant from it.", psalms: [42,44,45,46,47,48,49,84,85,87,88] }, { id: "solomon", name: "Solomon", role: "The Wise King (2 Psalms)", bio: "Author of Ps 72 and Ps 127. These psalms bring royal hope and wisdom reflection together, showing that justice, blessing, labor, and household life all depend on the Lord.", psalms: [72, 127] }, { id: "moses", name: "Moses", role: "The Man of God (1 Psalm)", bio: "Author of Ps 90, the oldest prayer in the collection. This foundational text contrasts God's eternity with human frailty and teaches the people of God to number their days wisely.", psalms: [90] }, { id: "heman", name: "Heman the Ezrahite", role: "Sage of Sorrow (1 Psalm)", bio: "Author of Ps 88, the darkest individual lament. It modeled for the church how faith clings to God even in total darkness.", psalms: [88] }, { id: "ethan", name: "Ethan the Ezrahite", role: "The Covenant Poet (1 Psalm)", bio: "Author of Ps 89, reflecting on the tension between God's 'steadfast love' and the historical collapse of the monarchy.", psalms: [89] }, { id: "anon", name: "Anonymous", role: "Editorial & Remnant (49 Psalms)", bio: "Anonymous hymns help shape the final form of the Psalter. Many stand at important turning points, teaching the reader to move from wisdom to worship, from exile to restoration, and from lament to praise.", psalms: [1,10,33,43,66,67,71,91,92,93,94,95,96,97,98,99,100,102,104,105,106,107,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,128,129,130,132,134,135,136,147,148,149,150] }, ]; const genresData = [ { title: "Lament", desc: "Cries of distress to God that teach faithful prayer in pain, fear, injustice, and confusion.", psalms: [3,4,5,6,7,10,12,13,17,22,25,26,28,31,35,38,39,42,44,54,55,56,57,59,60,61,64,69,70,71,74,77,79,80,83,85,86,88,89,94,109,140,141,142,143] }, { title: "Hymn / Praise", desc: "Adoration of God's character and power, often used as corporate praise and spiritual reorientation.", psalms: [8,19,29,33,46,47,48,65,66,67,68,76,81,84,87,92,93,95,96,97,98,99,100,103,104,105,111,113,114,117,135,136,145,146,147,148,149,150] }, { title: "Songs of Ascent", desc: "Ps 120-134. Traditionally used by pilgrims journeying to Jerusalem.", psalms: [120, 121, 122, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134] }, { title: "Penitential", desc: "Seven classic hymns of repentance focusing on human depravity.", psalms: [6, 32, 38, 51, 102, 130, 143] }, { title: "Imprecatory", desc: "Prayers for divine judgment against extreme evil.", psalms: [35, 55, 58, 59, 69, 79, 83, 109, 137] }, { title: "Wisdom / Torah", desc: "Instructional hymns on the moral order, the blessed life, and the formative delight of God's word.", psalms: [1, 19, 36, 37, 49, 73, 78, 112, 119] }, { title: "Royal / Messianic", desc: "Focuses on the Davidic office and Christ.", psalms: [2, 18, 20, 21, 45, 72, 89, 101, 110, 132, 144] }, { title: "Thanksgiving", desc: "Testimonies shared after deliverance, recounting divine rescue.", psalms: [18, 30, 32, 34, 40, 66, 92, 116, 118, 138] }, ]; const erasData = [ { id: "monarchy", title: "Pre-Exilic (Monarchy)", years: "~1000 - 586 BCE", desc: "First Temple era focusing on royal establishment, military victory, and Davidic covenant theology.", psalms: [2,3,4,5,6,7,8,9,11,12,13,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,34,35,36,38,39,40,41,45,46,47,48,50,51,52,54,55,56,57,58,59,60,61,62,63,64,65,68,72,75,76,78,81,82,83,84,86,87,101,103,108,109,110,131,132,133,138,139,140,141,142,143,144,145] }, { id: "captivity", title: "Exilic (Captivity)", years: "586 - 538 BCE", desc: "Written during the Babylonian exile. Marked by national mourning, questions of divine faithfulness, and intense longing.", psalms: [10,14,42,43,44,49,53,69,70,71,73,74,77,79,80,85,88,89,90,94,102,126,130,137] }, { id: "restoration", title: "Post-Exilic (Restoration)", years: "538 BCE onwards", desc: "Second Temple period focusing on Torah meditation, pilgrim journeys, and final liturgical arrangements.", psalms: [1,33,37,66,67,91,92,93,95,96,97,98,99,100,104,105,106,107,108,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,127,128,129,134,135,136,146,147,148,149,150] }, ]; const canonicalBooksData = [ { id: "book-i", title: "Book I", role: "Psalms 1-41", desc: "Book I is heavily Davidic and personal. It begins with the two gates into the Psalter: the blessed life formed by Torah and the royal Son whom the nations must kiss. Its theology teaches that the righteous suffer, pray, confess, and wait under the care of the Lord, while the Davidic king becomes the representative voice of the faithful. The book ends with betrayal, weakness, and a doxology, preparing the reader to see that covenant faith is lived amid real enemies and real mercy.", psalms: Array.from({ length: 41 }, (_, index) => index + 1), }, { id: "book-ii", title: "Book II", role: "Psalms 42-72", desc: "Book II widens the prayer life of the Psalter from David's personal cries to temple longing, royal hope, and the nations. The Korahite psalms open with thirst for God, and the collection moves through distress, confession, battle, and messianic kingship. The theology of this book teaches that exile from God's presence creates holy longing, but the Lord still reigns through His anointed king. It closes with Psalm 72, a vision of worldwide righteousness and blessing under the royal son.", psalms: Array.from({ length: 31 }, (_, index) => index + 42), }, { id: "book-iii", title: "Book III", role: "Psalms 73-89", desc: "Book III is the crisis center of the Psalter. Dominated by Asaph and the sons of Korah, it wrestles with the prosperity of the wicked, the ruin of the sanctuary, the suffering of the flock, and the apparent collapse of the Davidic covenant. Its theology refuses shallow answers: faith must pass through the sanctuary, through remembrance, and through lament over judgment. The book ends with Psalm 89 asking how God's steadfast love can stand when the crown lies in the dust.", psalms: Array.from({ length: 17 }, (_, index) => index + 73), }, { id: "book-iv", title: "Book IV", role: "Psalms 90-106", desc: "Book IV answers the crisis of Book III by turning the reader from the shaken throne of David to the eternal kingship of the Lord. It begins with Moses, reminding Israel that God has been the dwelling place of His people before monarchy, temple, or land security. The central theology is divine reign: the Lord is king, creation is secure, judgment is righteous, and covenant mercy still gathers a sinful people. This book teaches exilic and post-exilic faith to live under God's everlasting rule.", psalms: Array.from({ length: 17 }, (_, index) => index + 90), }, { id: "book-v", title: "Book V", role: "Psalms 107-150", desc: "Book V moves from rescue and restoration toward final praise. It gathers thanksgiving, royal-messianic hope, Torah delight, pilgrimage songs, and the great Hallelujah conclusion. Its theology says that the Lord redeems wanderers, rebuilds worship, teaches His people to walk by His word, and leads them up to Zion. The final movement of the Psalter is not denial of suffering but the transformation of all faithful prayer into praise, ending with everything that has breath blessing the Lord.", psalms: Array.from({ length: 44 }, (_, index) => index + 107), }, ]; const themeCategories = [ { group: "Attributes of YHWH", color: "border-sky-100 bg-sky-50/80 text-sky-950", icon: , terms: [ { label: "Hesed", weight: "text-lg font-bold", psalms: [13, 25, 36, 51, 86, 89, 103, 107, 136] }, { label: "Judge", weight: "text-sm font-medium", psalms: [50, 75, 82, 94, 96, 98] }, { label: "Creator", weight: "text-base font-semibold", psalms: [8, 19, 33, 104, 139, 148] }, { label: "Rock", weight: "text-xl font-extrabold", psalms: [18, 28, 31, 61, 62, 71, 92, 144] }, ], }, { group: "The Human Cry", color: "border-amber-100 bg-amber-50/80 text-amber-950", icon: , terms: [ { label: "Wait", weight: "text-xl font-extrabold", psalms: [25, 27, 33, 37, 40, 62, 130] }, { label: "Enemies", weight: "text-base font-semibold", psalms: [3, 27, 35, 55, 56, 59, 109, 143] }, { label: "Disorientation", weight: "text-xl font-extrabold", psalms: [13, 22, 44, 74, 88, 137] }, { label: "Trust", weight: "text-lg font-bold", psalms: [23, 27, 46, 62, 91, 121] }, ], }, { group: "The Messianic Hope", color: "border-teal-100 bg-teal-50/80 text-teal-950", icon: , terms: [ { label: "Royal Priest", weight: "text-xl font-extrabold", psalms: [2, 45, 72, 110, 132] }, { label: "Kingdom", weight: "text-lg font-bold", psalms: [2, 22, 47, 93, 96, 97, 99, 145] }, { label: "Messiah", weight: "text-base font-semibold", psalms: [2, 16, 22, 45, 69, 110, 118] }, { label: "Priest-King", weight: "text-lg font-bold", psalms: [110] }, ], }, { group: "Presence & Torah", color: "border-lime-100 bg-lime-50/80 text-lime-950", icon: , terms: [ { label: "Zion", weight: "text-xl font-extrabold", psalms: [2, 48, 76, 84, 87, 122, 125, 126, 137] }, { label: "Sanctuary", weight: "text-lg font-bold", psalms: [20, 63, 68, 73, 77, 96, 150] }, { label: "Torah", weight: "text-xl font-extrabold", psalms: [1, 19, 119] }, { label: "Creation", weight: "text-lg font-bold", psalms: [8, 19, 33, 104, 148] }, ], }, ]; const psalmSearchIndex = useMemo(() => { const themeTerms = themeCategories.flatMap((category) => category.terms.map((term) => ({ category: category.group, label: term.label, psalms: term.psalms, })), ); const extractSources = (briefData) => { const sources = new Set(); (briefData?.cards || []).forEach((card) => { (card.items || []).forEach((item) => { if (item && typeof item === "object" && item.source) sources.add(item.source); }); }); return Array.from(sources); }; return Array.from({ length: 150 }, (_, index) => { const psalm = index + 1; const briefData = psalmBriefs[psalm]; const authors = authorshipData.filter((author) => author.psalms.includes(psalm)).map((author) => author.name); const genres = genresData.filter((genre) => genre.psalms.includes(psalm)).map((genre) => genre.title); const themes = themeTerms.filter((term) => term.psalms.includes(psalm)).map((term) => term.label); const themeGroups = Array.from(new Set(themeTerms.filter((term) => term.psalms.includes(psalm)).map((term) => term.category))); const era = erasData.find((item) => item.psalms.includes(psalm)); const canonicalBook = canonicalBooksData.find((book) => book.psalms.includes(psalm)); const sources = extractSources(briefData); const cardText = (briefData?.cards || []).map(collectCardText).join(" "); const metadataText = [ `Psalm ${psalm}`, ...authors, ...genres, ...themes, ...themeGroups, era?.title, era?.years, canonicalBook?.title, canonicalBook?.role, ...sources, ].join(" "); const searchText = normalizeFinderText(`${metadataText} ${cardText}`); return { psalm, title: `Psalm ${psalm}`, authors, genres, themes, themeGroups, era: era?.title || "", canonical: canonicalBook ? `${canonicalBook.title} (${canonicalBook.role})` : "", sources, metadataText: normalizeFinderText(metadataText), searchText, summaryLabels: [canonicalBook?.title, genres[0], themes[0] || authors[0]].filter(Boolean), }; }); }, []); const finderResults = useMemo(() => { const query = normalizeFinderText(finderQuery); const queryTerms = query.split(" ").filter(Boolean); const meaningfulQueryTerms = queryTerms.filter((term) => !/^\d+$/.test(term) && term.length > 1); const queryNumber = Number(query); const referenceQuery = parseReferenceQuery(query); const selectedFilter = quickFilters.find((filter) => filter.id === finderFilter); const queryMatchedFilter = !selectedFilter && query ? quickFilters.find((filter) => normalizeFinderText(filter.label) === query || normalizeFinderText(filter.id) === query) : null; const activeFilter = selectedFilter || queryMatchedFilter; const selectedPathway = themePathways.find((pathway) => pathway.id === activePathway); if (selectedPathway) { return selectedPathway.psalms .map((psalm, order) => { const entry = psalmSearchIndex.find((item) => item.psalm === psalm); if (!entry) return null; return { ...entry, score: 1000 - order, matchLabels: [selectedPathway.title, ...entry.summaryLabels].filter(Boolean).slice(0, 4), }; }) .filter(Boolean); } if (!query && !activeFilter) { return featuredFinderPsalms .map((psalm, order) => { const entry = psalmSearchIndex.find((item) => item.psalm === psalm); if (!entry) return null; return { ...entry, score: 500 - order, matchLabels: ["Suggested", ...entry.summaryLabels].filter(Boolean).slice(0, 4), }; }) .filter(Boolean); } return psalmSearchIndex .map((entry) => { let score = 0; const labels = []; if (activeFilter) { if (activeFilter.psalms.includes(entry.psalm)) { score += 180; labels.push(activeFilter.label); } if (entry.searchText.includes(activeFilter.id)) score += 20; } if (query) { if (Number.isInteger(queryNumber) && entry.psalm === queryNumber) { score += 1000; labels.push("Exact match"); } if (referenceQuery) { if (textIncludesFinderPhrase(entry.searchText, referenceQuery.phrase)) { score += 900; labels.push("Reference"); } else { return { ...entry, score: 0, matchLabels: [] }; } } else if (textIncludesFinderPhrase(entry.metadataText, query)) { score += 110; labels.push("Metadata"); } else if (textIncludesFinderPhrase(entry.searchText, query)) { score += 55; labels.push("Deep Dive"); } const requiresNarrowMatch = queryTerms.length > 1 && meaningfulQueryTerms.length > 0 && !referenceQuery; const hasAllMeaningfulTerms = meaningfulQueryTerms.every((term) => entry.searchText.includes(term)); if (requiresNarrowMatch && !textIncludesFinderPhrase(entry.searchText, query) && !hasAllMeaningfulTerms) { return { ...entry, score: 0, matchLabels: [] }; } meaningfulQueryTerms.forEach((term) => { if (entry.metadataText.includes(term)) score += 24; else if (entry.searchText.includes(term)) score += 8; }); } const matchLabels = Array.from(new Set([...labels, ...entry.summaryLabels])).slice(0, 4); return { ...entry, score, matchLabels }; }) .filter((entry) => entry.score > 0) .sort((a, b) => b.score - a.score || a.psalm - b.psalm); }, [activePathway, finderFilter, finderQuery, psalmSearchIndex]); const visibleFinderResults = finderResults.slice(0, visibleFinderCount); const selectedPathway = themePathways.find((pathway) => pathway.id === activePathway); const selectedFilter = quickFilters.find((filter) => filter.id === finderFilter); const resetFinderList = () => setVisibleFinderCount(12); const handleFinderQueryChange = (value) => { setFinderQuery(value); setFinderFilter(null); setActivePathway(null); resetFinderList(); }; const handleQuickFilter = (filterId) => { setFinderQuery(""); setActivePathway(null); setFinderFilter((current) => (current === filterId ? null : filterId)); resetFinderList(); }; const handlePathway = (pathwayId) => { setFinderQuery(""); setFinderFilter(null); setActivePathway((current) => (current === pathwayId ? null : pathwayId)); resetFinderList(); }; const scrollJump = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth", block: "start" }); }; useEffect(() => { const steps = introStepRefs.current.filter(Boolean); if (!steps.length) return undefined; const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (prefersReducedMotion) { setVisibleIntroSteps([0, 1, 2]); return undefined; } const observer = new IntersectionObserver( (entries) => { setVisibleIntroSteps((current) => { const next = new Set(current); entries.forEach((entry) => { if (entry.isIntersecting) next.add(Number(entry.target.dataset.introStep)); }); return Array.from(next); }); }, { root: document.getElementById("main-scroller"), rootMargin: "-12% 0px -28% 0px", threshold: 0.42, }, ); steps.forEach((step) => observer.observe(step)); return () => observer.disconnect(); }, []); useEffect(() => { const charts = []; const build = (ref, cfg) => { if (ref.current) charts.push(new Chart(ref.current, cfg)); }; build(canonicalChartRef, { type: "bar", data: { labels: canonicalBooksData.map(book => book.title), datasets: [{ data: canonicalBooksData.map(book => book.psalms.length), backgroundColor: ["#14b8a6", "#38bdf8", "#f59e0b", "#8b5cf6", "#22c55e"], borderRadius: 8 }] }, options: { maintainAspectRatio: false, plugins: { legend: { display: false } }, onClick: (_, els) => { if (els.length) setExplorerData({ type: "canonical", data: canonicalBooksData[els[0].index] }); }, scales: { x: { grid: { display: false } } } } }); build(authChartRef, { type: "doughnut", data: { labels: authorshipData.map(a => a.name), datasets: [{ data: authorshipData.map(a => a.psalms.length), backgroundColor: ["#14b8a6", "#38bdf8", "#f59e0b", "#84cc16", "#06b6d4", "#f97316", "#22c55e", "#0f172a"], borderWidth: 4, borderColor: "#ffffff" }] }, options: { maintainAspectRatio: false, cutout: "75%", plugins: { legend: { display: false } }, onClick: (_, els) => { if (els.length) setExplorerData({ type: "auth", data: authorshipData[els[0].index] }); } } }); build(eraChartRef, { type: "bar", data: { labels: erasData.map(e => e.title), datasets: [{ data: erasData.map(e => e.psalms.length), backgroundColor: ["#14b8a6", "#f59e0b", "#38bdf8"], borderRadius: 8 }] }, options: { indexAxis: "y", maintainAspectRatio: false, plugins: { legend: { display: false } }, onClick: (_, els) => { if (els.length) setExplorerData({ type: "era", data: erasData[els[0].index] }); }, scales: { y: { grid: { display: false } } } } }); build(genreChartRef, { type: "doughnut", data: { labels: genresData.map(g => g.title), datasets: [{ data: genresData.map(g => g.psalms.length), backgroundColor: ["#f59e0b", "#14b8a6", "#38bdf8", "#22c55e", "#f97316", "#06b6d4", "#84cc16", "#0f172a"], borderWidth: 4, borderColor: "#ffffff" }] }, options: { maintainAspectRatio: false, cutout: "75%", plugins: { legend: { display: false } }, onClick: (_, els) => { if (els.length) setExplorerData({ type: "genre", data: genresData[els[0].index] }); } } }); return () => charts.forEach(c => c.destroy()); }, []); const loadPsalmBrief = (num = activePsalm) => { const psalmNum = Number(String(num).trim()); if (!Number.isInteger(psalmNum) || psalmNum < 1 || psalmNum > 150) { setError("Choose a psalm from 1 to 150."); return; } const nextBrief = psalmBriefs[psalmNum]; if (!nextBrief) { setError(`Brief not found for Psalm ${psalmNum}.`); return; } setActivePsalm(psalmNum); setBrief(nextBrief); setError(null); setTimeout(() => scrollJump("deep-dive"), 100); }; const cardIcons = { "Historical Background": , "Context Type": , "Poetic Features": , "Scholarly Voices": , "NT Cross-Reference Tracker": , "Christ in the Old Testament": , "Brief Outline": , "Jewish Tradition": , "Brief Exposition": , }; const cardThemes = { "Historical Background": { rail: "bg-teal-500", border: "border-teal-100", card: "bg-[#fffdf7]", header: "from-teal-50 via-white to-[#fff8e7]", chip: "border-teal-100 bg-teal-50 text-teal-700", marker: "marker:text-teal-700", label: "text-teal-800", themeBox: "border-teal-100 bg-teal-50/75", }, "Context Type": { rail: "bg-sky-500", border: "border-sky-100", card: "bg-[#fcfeff]", header: "from-sky-50 via-white to-[#fff8e7]", chip: "border-sky-100 bg-sky-50 text-sky-700", marker: "marker:text-sky-700", label: "text-sky-800", themeBox: "border-sky-100 bg-sky-50/75", }, "Poetic Features": { rail: "bg-amber-500", border: "border-amber-100", card: "bg-[#fffaf0]", header: "from-amber-50 via-white to-orange-50", chip: "border-amber-100 bg-amber-50 text-amber-700", marker: "marker:text-amber-700", label: "text-amber-800", themeBox: "border-amber-100 bg-amber-50/75", }, "Scholarly Voices": { rail: "bg-emerald-500", border: "border-emerald-100", card: "bg-[#fbfff9]", header: "from-emerald-50 via-white to-teal-50", chip: "border-emerald-100 bg-emerald-50 text-emerald-700", marker: "marker:text-emerald-700", label: "text-emerald-800", themeBox: "border-emerald-100 bg-emerald-50/75", }, "NT Cross-Reference Tracker": { rail: "bg-indigo-500", border: "border-indigo-100", card: "bg-[#fbfcff]", header: "from-indigo-50 via-white to-sky-50", chip: "border-indigo-100 bg-indigo-50 text-indigo-700", marker: "marker:text-indigo-700", label: "text-indigo-800", themeBox: "border-indigo-100 bg-indigo-50/75", }, "Christ in the Old Testament": { rail: "bg-sky-500", border: "border-sky-100", card: "bg-[#f8fdff]", header: "from-sky-50 via-white to-indigo-50", chip: "border-sky-100 bg-sky-50 text-sky-700", marker: "marker:text-sky-700", label: "text-sky-800", themeBox: "border-sky-100 bg-sky-50/75", }, "Brief Outline": { rail: "bg-amber-500", border: "border-amber-100", card: "bg-[#fffaf0]", header: "from-amber-50 via-white to-yellow-50", chip: "border-amber-100 bg-amber-50 text-amber-700", marker: "marker:text-amber-700", label: "text-amber-800", themeBox: "border-amber-100 bg-amber-50/75", }, "Jewish Tradition": { rail: "bg-rose-500", border: "border-rose-100", card: "bg-[#fffafb]", header: "from-rose-50 via-white to-violet-50", chip: "border-rose-100 bg-rose-50 text-rose-700", marker: "marker:text-rose-700", label: "text-rose-800", themeBox: "border-rose-100 bg-rose-50/75", }, "Brief Exposition": { rail: "bg-emerald-500", border: "border-emerald-100", card: "bg-[#fffdf7]", header: "from-emerald-50 via-white to-amber-50", chip: "border-emerald-100 bg-emerald-50 text-emerald-700", marker: "marker:text-emerald-700", label: "text-emerald-800", themeBox: "border-emerald-100 bg-emerald-50/75", }, }; const fallbackCardTheme = cardThemes["Scholarly Voices"]; const getCardTheme = (title) => cardThemes[title] || fallbackCardTheme; const numberedCards = new Set([ "Scholarly Voices", "NT Cross-Reference Tracker", "Christ in the Old Testament", ]); const showGlossaryTooltip = (entry, event) => { const rect = event.currentTarget.getBoundingClientRect(); const viewportWidth = window.innerWidth || 1024; const tooltipWidth = Math.min(352, Math.max(260, viewportWidth - 32)); const unclampedX = rect.left + rect.width / 2; const x = Math.min(Math.max(unclampedX, tooltipWidth / 2 + 16), viewportWidth - tooltipWidth / 2 - 16); const placeBelow = rect.top < 190; setGlossaryTooltip({ title: entry.title, definition: entry.definition, x, y: placeBelow ? rect.bottom + 12 : rect.top - 12, width: tooltipWidth, placement: placeBelow ? "below" : "above", }); }; const hideGlossaryTooltip = () => setGlossaryTooltip(null); const renderGlossaryText = (value, keyPrefix = "glossary") => { const text = String(value || ""); if (!text) return text; const parts = text.split(glossaryPattern); return parts.map((part, partIndex) => { const entry = glossaryLookup.get(part.toLowerCase()); if (!entry) return part; return ( showGlossaryTooltip(entry, event)} onMouseLeave={hideGlossaryTooltip} onFocus={(event) => showGlossaryTooltip(entry, event)} onBlur={hideGlossaryTooltip} className="glossary-term relative inline cursor-help rounded-[0.2rem] bg-teal-50/80 px-1 text-teal-950 outline-none ring-1 ring-teal-200/70 transition hover:bg-amber-100/80 hover:ring-amber-300 focus:bg-amber-100/80 focus:ring-2 focus:ring-amber-300" > {part} ); }); }; const normalizeSourceLead = (value) => String(value || "").replace( /^(Argues|Asserts|Centers|Continues|Contrasts|Describes|Draws|Emphasizes|Exposes|Finds|Focuses|Frames|Highlights|Maintains|Notes|Notices|Observes|Points out|Points|Presents|Presses|Reads|Remarks|Sees|Shows|Stresses|Suggests|Treats|Uses|Warns)\b/, (match) => match.toLowerCase(), ); const renderNumberedItem = (item, itemIndex, cardTitle) => { const theme = getCardTheme(cardTitle); const isStructuredItem = item && typeof item === "object"; const text = String(isStructuredItem ? item.text : item || "").trim(); const source = String(isStructuredItem ? item.source || "" : "").trim(); const reference = String(isStructuredItem ? item.reference || "" : "").trim(); const itemType = String(isStructuredItem ? item.type || "" : "").trim(); const displayText = cardTitle === "Scholarly Voices" && source ? normalizeSourceLead(text) : text; return (
  • {cardTitle !== "Scholarly Voices" && (source || reference || itemType) && (
    {source && ( {source} )} {reference && ( {reference} )} {itemType && ( {itemType} )}
    )}

    {cardTitle === "Scholarly Voices" && source ? ( <> {source} {renderGlossaryText(displayText, `${cardTitle}-${itemIndex}`)} ) : ( renderGlossaryText(displayText, `${cardTitle}-${itemIndex}`) )}

    • ); }; const renderLabeledSections = (sections, cardTitle) => { const theme = getCardTheme(cardTitle); return (
    {sections.map((section, sectionIndex) => (
    {section.label}

    {renderGlossaryText(section.content, `${cardTitle}-${sectionIndex}`)}

    ))}
    ); }; const renderOutline = (outline, cardTitle) => { const theme = getCardTheme(cardTitle); return (
    Theme

    {renderGlossaryText(outline.theme, `${cardTitle}-theme`)}

      {outline.items.map((item, itemIndex) => (
    1. {renderGlossaryText(item.label, `${cardTitle}-outline-${itemIndex}`)}{" "} ({item.range})
      2. ))}
    ); }; const outlineLineLevel = (line) => { if (/^[IVXLCDM]+\.\s+/i.test(line)) return 0; if (/^[A-Z]\.\s+/.test(line)) return 1; if (/^\d+\.\s+/.test(line)) return 2; return 1; }; const renderOutlineContent = (content, cardTitle) => { const theme = getCardTheme(cardTitle); const lines = String(content || "").split("\n").map((line) => line.trim()).filter(Boolean); const themeLine = lines.find((line) => /^Theme:/i.test(line)); const outlineLines = lines.filter((line) => !/^Theme:/i.test(line)); const levelClasses = { 0: "mt-2.5 pl-0 text-[16px] font-medium leading-7 text-slate-800", 1: "mt-1.5 pl-6 text-[15px] font-normal leading-7 text-slate-700", 2: "mt-1 pl-10 text-[14px] font-normal leading-6 text-slate-600", }; return (
    {themeLine && (
    Theme

    {renderGlossaryText(themeLine.replace(/^Theme:\s*/i, ""), `${cardTitle}-theme-line`)}

    )}
    {outlineLines.map((line, index) => { const level = outlineLineLevel(line); return (
    {renderGlossaryText(line, `${cardTitle}-line-${index}`)}
    ); })}
    ); }; const renderCardContent = (card) => { if (card.outline) { return renderOutline(card.outline, card.title); } if (card.title === "Brief Outline") { return renderOutlineContent(card.content, card.title); } if (Array.isArray(card.sections)) { if (card.sections.length === 0) return null; return renderLabeledSections(card.sections, card.title); } if (Array.isArray(card.items)) { if (numberedCards.has(card.title)) { return
      {card.items.map((item, itemIndex) => renderNumberedItem(item, itemIndex, card.title))}
    ; } const theme = getCardTheme(card.title); return (
      {card.items.map((item, itemIndex) => (
    • {renderGlossaryText(item, `${card.title}-item-${itemIndex}`)}
      • ))}
    ); } const theme = getCardTheme(card.title); return String(card.content || "").split("\n").map((line, lineIndex) => { const clean = line.trim(); if (!clean) return null; if (clean.startsWith("•") || clean.startsWith("-")) { return
  • {renderGlossaryText(clean.replace(/^[•-]\s*/, ""), `${card.title}-bullet-${lineIndex}`)}
    • ; } return

    {renderGlossaryText(clean, `${card.title}-paragraph-${lineIndex}`)}

    ; }); }; const navItems = [ ["intro", "Overview"], ["finder", "Finder"], ["canonical", "Books"], ["authors", "Authors"], ["taxonomy", "Genres"], ["themes", "Themes"], ["history", "History"], ]; const introMoments = [ { title: "What do you do with a heart that is too full, too afraid, too guilty, too angry, or too tired to speak?", }, { title: "The Book of Psalms begins there.", body: "It gives words for joy, pain, confession, confusion, and faith reaching for light.", }, { title: "The Psalms do not offer escape from real life, but worship in the middle of it.", body: "They lead from raw honesty to renewed trust, and finally toward Christ, where every cry and song finds its true center.", cta: true, }, ]; const introRevealClass = (index) => visibleIntroSteps.includes(index) ? "pointer-events-auto translate-y-0 opacity-100 blur-0" : "pointer-events-none translate-y-8 opacity-0 blur-sm"; return (

    {introMoments[0].title}

    {introMoments[1].title}

    {introMoments[1].body}

    {introMoments[2].title}

    {introMoments[2].body}

    Scroll down to keep reading
    {introMoments.map((moment, index) => (
    { introStepRefs.current[index] = node; }} data-intro-step={index} className="h-[86vh]" /> ))}

    Psalm Finder

    Search by number, theme, author, source, cross-reference, or a word that names what you are carrying.

    {selectedPathway ? selectedPathway.title : selectedFilter ? `Filtering by ${selectedFilter.label}` : finderQuery ? `Searching for "${finderQuery}"` : "Suggested starting points"}
    handleFinderQueryChange(event.target.value)} placeholder="Try 23, forgiveness, Romans 4, Keller, messianic..." className="w-full rounded-lg border border-white bg-white py-4 pl-12 pr-4 text-base font-bold text-slate-900 shadow-inner outline-none transition placeholder:text-slate-400 focus:border-teal-300 focus:ring-4 focus:ring-teal-100" />
    {quickFilters.map((filter) => { const isActive = finderFilter === filter.id; return ( ); })}

    Theme Pathways

    {themePathways.map((pathway) => { const isActive = activePathway === pathway.id; return ( ); })}

    {finderResults.length ? `${finderResults.length} psalm${finderResults.length === 1 ? "" : "s"} found` : "No psalms found"}

    {(finderQuery || finderFilter || activePathway) && ( )}
    {finderResults.length ? ( <>
    {visibleFinderResults.map((result) => (

    Psalm {result.psalm}

    {result.canonical}

    {(result.matchLabels.length ? result.matchLabels : result.summaryLabels).map((label) => ( {label} ))}

    {[result.authors[0], result.genres[0], result.themes[0]].filter(Boolean).join(" • ") || "Static study brief available"}

    ))}
    {finderResults.length > visibleFinderCount && (
    )} ) : (
    Try a different word, source name, verse reference, or psalm number.
    )}

    Canonical Distribution

    {canonicalBooksData.map(book => ( ))}
    } iconBg="border-emerald-100 bg-emerald-50" title="Authorial Profiles" chartRef={authChartRef} buttons={authorshipData} buttonLabel={(a) => a.name} onPick={(a) => setExplorerData({type: "auth", data: a})} cardType="auth" explorerData={explorerData} onPsalmClick={loadPsalmBrief} /> } iconBg="border-violet-100 bg-violet-50" title="Literary Genres" chartRef={genreChartRef} buttons={genresData} buttonLabel={(g) => g.title} onPick={(g) => setExplorerData({type: "genre", data: g})} cardType="genre" explorerData={explorerData} onPsalmClick={loadPsalmBrief} />

    Theological Matrix

    {themeCategories.map((cat, i) => (
    {cat.icon}

    {cat.group}

    {cat.terms.map((t, ti) => ( ))}
    ))}

    History

    {erasData.map(e => ( ))}

    Study Reader

    Psalms Deep Dive

    # setActivePsalm(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); loadPsalmBrief(); } }} className="w-full rounded-[0.85rem] border border-amber-100 bg-[#fffdf7] py-3 pl-11 pr-4 text-xl font-black text-slate-950 shadow-inner outline-none transition focus:border-teal-400 focus:ring-4 focus:ring-teal-100" />
    {error &&
    {error}
    } {brief && (
    {deepDiveTocItems.map(([title, label]) => ( ))}
    {brief.cards.map((card, idx) => { const theme = getCardTheme(card.title); return (
    {cardIcons[card.title] || }
    {card.title}
    {renderCardContent(card)}
    ); })}
    )}
    Conservative Research Suite - 2026
    {glossaryTooltip && (
    {glossaryTooltip.title} {glossaryTooltip.definition}
    )}
    ); }; const ProfileSection = ({ id, icon, iconBg, title, chartRef, buttons, buttonLabel, onPick, cardType, explorerData, onPsalmClick }) => (

    {icon}
    {title}

    {buttons.map((item) => ( ))}
    ); const ExplorerCard = ({ data, type, onPsalmClick }) => { if (!data) return (
    {type === "auth" ? : type === "era" ? : type === "genre" ? : type === "canonical" ? : }

    Selection Required

    Select a category from the matrix to load the research profile.

    ); const icons = { auth: , era: , genre: , theme: , canonical: }; const accentColors = { auth: "border-teal-200 bg-teal-50 text-teal-700", era: "border-sky-200 bg-sky-50 text-sky-700", genre: "border-amber-200 bg-amber-50 text-amber-700", theme: "border-amber-200 bg-amber-50 text-amber-700", canonical: "border-sky-200 bg-sky-50 text-sky-700", }; return (

    {data.name || data.title}

    {icons[type]} {data.role || data.years || "Profile"}

    "{data.bio || data.desc}"

    Canonical Index
    {data.psalms.map(p => ( ))}
    ); }; createRoot(document.getElementById("root")).render();