Before the doublework change

src/narrative.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef, useState, type FC } from 'react'
 import { audio } from './audio'
+import { BarricelliLuggageMerit } from './merits'
 
 export type RuntimeUtterance = { id: string; utterer: 'npc' | 'player'; speaker: { name: string; role: string }; poseUrl: string | null; text: string; childIds: string[]; terminalKey: string | null; awardsFlag?: string | null }
 export type RuntimeNode = { id: string; kind: 'cutscene' | 'dialogue' | 'level' | 'merit'; label: string; componentKey?: string | null; levelSlug?: string | null; musicUrl?: string | null; musicVolume?: number; awardsFlag?: string | null; utterances?: RuntimeUtterance[]; rootId?: string | null }
@@ -51,7 +52,7 @@ export const CUTSCENE_COMPONENT_KEYS = Object.keys(CUTSCENE_REGISTRY)
 // Merit ceremony components, keyed by a merit node's component_key (e.g. a 3D
 // award model). The achievement itself is granted server-side on arrival; this is
 // purely the presentation of receiving it.
-const MERIT_REGISTRY: Record<string, FC<{ label: string; onComplete: () => void }>> = {}
+const MERIT_REGISTRY: Record<string, FC<{ label: string; onComplete: () => void }>> = { 'barricelli-luggage': BarricelliLuggageMerit }
 export const MERIT_COMPONENT_KEYS = Object.keys(MERIT_REGISTRY)
 
 export function MeritHost({ componentKey, label, awardsFlag, onComplete }: { componentKey: string | null | undefined; label: string; awardsFlag?: string | null; onComplete: () => void }) {