┌─────────────────────────────────────────────────────────┐
│                   CinemaReaderScreen                     │
│  (Orchestrator: state, audio, visuals, preferences)     │
│  mode: "chapter" | "verseList" | "summaryItems"         │
├─────────────────────────────────────────────────────────┤
│  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐  │
│  │ useCinema-   │  │ useAuto-     │  │ useCinema-   │  │
│  │ Audio        │  │ Advance      │  │ Preferences  │  │
│  │ (dual-track) │  │ (WPM-based)  │  │ (persist)    │  │
│  └──────────────┘  └──────────────┘  └──────────────┘  │
├─────────────────────────────────────────────────────────┤
│  ┌──────────────────────┐  ┌─────────────────────────┐  │
│  │ CinemaBackground     │  │ @raamattu-nyt/          │  │
│  │ (Ken Burns, video)   │  │ cinema-reader (pkg)     │  │
│  └──────────────────────┘  └─────────────────────────┘  │
├─────────────────────────────────────────────────────────┤
│  Discipleship Mode (mode="verseList"):                   │
│  ┌────────────────┐ ┌────────────────┐ ┌─────────────┐  │
│  │ TaskSelector   │ │ InlineTask     │ │ Transition  │  │
│  │ (pick tasks)   │ │ (prayer/quiz)  │ │ Overlay     │  │
│  └────────────────┘ └────────────────┘ └─────────────┘  │
│  ┌────────────────┐ ┌────────────────┐ ┌─────────────┐  │
│  │ VerseBar       │ │ PomodoroButton │ │ NytKooste   │  │
│  │ (note/share)   │ │ (break timer)  │ │ (summary)   │  │
│  └────────────────┘ └────────────────┘ └─────────────┘  │
│  ┌────────────────┐ ┌────────────────┐                   │
│  │ VerseMemory    │ │ ReadingPlan    │                   │
│  │ Quiz           │ │ Memory Quiz    │                   │
│  └────────────────┘ └────────────────┘                   │
└─────────────────────────────────────────────────────────┘
                          │
                          ▼
┌─────────────────────────────────────────────────────────┐
│                    Audio Pipeline                        │
├─────────────────────────────────────────────────────────┤
│  generate-audio Edge Function                            │
│  └─→ ElevenLabs API (with timestamps)                   │
│      └─→ audio_assets table (hash-cached)               │
│          └─→ audio_cues table (verse timing)            │
└─────────────────────────────────────────────────────────┘

// Key responsibilities:
// 1. Map BundleVerse → CinemaVerse for cinema-reader package
// 2. Manage dual audio tracks (Bible narration + background music)
// 3. Handle verse navigation (index state)
// 4. Persist preferences to Supabase
// 5. Coordinate background visuals
// 6. Orchestrate discipleship task flow (queue, transitions, quizzes)

Client → Edge Function → check hash cache → ElevenLabs API (with timestamps)
→ parse timestamps → verse cues → store MP3 → save metadata + cues → return

src/components/cinema/
├── DiscipleshipTaskSelector.tsx    # Task picker before cinema
├── DiscipleshipInlineTask.tsx      # Full-screen prayer/practice/quiz view
├── DiscipleshipVerseBar.tsx        # Verse action bar (note, share, break, add to kooste)
├── DiscipleshipPomodoroButton.tsx  # Break timer
└── DiscipleshipTransitionOverlay.tsx # Between-task progress + free navigation

src/components/practice/
└── VerseMemoryQuiz.tsx             # Quiz for verse/reading plan memory

src/components/today/
├── TodayTaskList.tsx               # Päivän tehtävät section
├── TomorrowTasksSection.tsx        # Tomorrow preview
├── PermanentTasksSection.tsx       # Always-priority prayers
└── RecurringTasksSection.tsx       # Active plans + prayer calendars

src/hooks/
├── useDiscipleshipTasks.ts         # Convenience wrapper for all task sources
├── useNytSummary.ts                # Daily verse summary collection
├── useReadingPlanQuiz.ts           # Generate quiz from reading plan day
└── useSmartVerseSelection.ts       # Priority-based verse picking for quizzes

src/
├── features/cinema/
│   └── CinemaReaderScreen.tsx    # Main orchestrator
├── components/cinema/
│   ├── CinemaBackground.tsx      # Video/image + Ken Burns
│   ├── BackgroundMusicPicker.tsx  # Music selection UI
│   ├── BackgroundVisualPicker.tsx # Visual selection UI
│   ├── DiscipleshipTaskSelector.tsx
│   ├── DiscipleshipInlineTask.tsx
│   ├── DiscipleshipVerseBar.tsx
│   ├── DiscipleshipPomodoroButton.tsx
│   └── DiscipleshipTransitionOverlay.tsx
├── components/today/
│   ├── TodayTaskList.tsx
│   ├── TomorrowTasksSection.tsx
│   ├── PermanentTasksSection.tsx
│   └── RecurringTasksSection.tsx
├── components/practice/
│   └── VerseMemoryQuiz.tsx
├── hooks/
│   ├── useCinemaAudio.ts         # Dual-track audio
│   ├── useBibleAudio.ts          # Single-track audio
│   ├── useAutoAdvance.ts         # WPM-based scrolling
│   ├── useCinemaPreferences.ts   # Preferences persistence
│   ├── useCinemaFullscreen.ts    # Fullscreen API
│   ├── useChapterBundle.tsx      # Bundle with audio data
│   ├── useDiscipleshipTasks.ts
│   ├── useNytSummary.ts
│   ├── useReadingPlanQuiz.ts
│   └── useSmartVerseSelection.ts
├── lib/
│   ├── audioService.ts           # Audio generation client
│   ├── elevenLabsVoices.ts       # Voice configurations
│   ├── cinemaAudioSync.ts        # Cue-to-verse mapping
│   └── audioEstimation.ts        # Word count timing
├── types/
│   ├── cinema.ts                 # Cinema types & defaults
│   └── reel.ts                   # Reel rendering types
├── pages/
│   ├── TanaanPage.tsx
│   └── DiscipleshipLandingPage.tsx
supabase/functions/
└── generate-audio/
    └── index.ts                  # ElevenLabs Edge Function
packages/shared-practices/src/hooks/
└── useTodayTasks.ts              # Unified task normalization