@adminide-stack/yantra-mobile 12.0.125-alpha.1 → 12.0.125

package/lib/features/canvas/FrameExtractorExperience.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameExtractorExperience.js","sources":["../../../src/features/canvas/FrameExtractorExperience.tsx"],"sourcesContent":["/**\n * Native twin of canvas-surface FrameExtractor.\n * Spread / interval → EXTRACT_FRAMES connector → pick stills onto the board.\n */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Image,\n    Pressable,\n    Share,\n    StyleSheet,\n    Text,\n    View,\n    useWindowDimensions,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport type { CanvasItem } from './canvasCore';\nimport { extractFramesViaRpc, frameShareContent } from './frameExtract';\nimport { friendlyMediaError, type RunMediaAction } from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\n\nconst SPREAD_COUNTS = [6, 12, 24] as const;\nconst INTERVALS = [0.5, 1, 2, 5] as const;\n\ntype Mode = 'spread' | 'interval';\n\nexport function FrameExtractorExperience({\n    boardItems,\n    seedVideo,\n    runAction,\n    onClose,\n    onPlace,\n    onSaveFrames,\n}: {\n    boardItems: CanvasItem[];\n    seedVideo?: CanvasItem | null;\n    runAction?: RunMediaAction;\n    onClose: () => void;\n    onPlace: (urls: string[]) => void;\n    /**\n     * Host seam: save the chosen stills to Photos (needs a native media\n     * library module the remote cannot ship). Absent = only Share is offered.\n     */\n    onSaveFrames?: (urls: string[]) => Promise<void>;\n}) {\n    const insets = useSafeAreaInsets();\n    const { width } = useWindowDimensions();\n    const tile = Math.max(100, Math.floor((width - 48) / 3));\n    const videos = useMemo(() => boardItems.filter((item) => item.type === 'video'), [boardItems]);\n    const [source, setSource] = useState<CanvasItem | null>(\n        seedVideo?.type === 'video' ? seedVideo : (videos[0] ?? null),\n    );\n    const [mode, setMode] = useState<Mode>('spread');\n    const [count, setCount] = useState<(typeof SPREAD_COUNTS)[number]>(12);\n    const [interval, setIntervalSec] = useState<(typeof INTERVALS)[number]>(1);\n    const [frames, setFrames] = useState<string[]>([]);\n    const [chosen, setChosen] = useState<Set<number>>(new Set());\n    const [busy, setBusy] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const extract = useCallback(async () => {\n        if (!runAction || !source) {\n            setError(source ? 'Frame extract needs a live connector.' : 'Pick a video on the board first.');\n            return;\n        }\n        setBusy(true);\n        setError(null);\n        setFrames([]);\n        setChosen(new Set());\n        try {\n            const urls = await extractFramesViaRpc(runAction, unwrapProxyUrl(source.src), {\n                fps: mode === 'interval' ? 1 / interval : Math.max(0.1, count / 30),\n                maxFrames: mode === 'spread' ? count : Math.min(48, Math.ceil(30 / interval)),\n            });\n            setFrames(urls);\n            setChosen(new Set(urls.map((_, i) => i)));\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, 'frame extract'));\n        } finally {\n            setBusy(false);\n        }\n    }, [count, interval, mode, runAction, source]);\n\n    const toggle = (index: number) => {\n        setChosen((prev) => {\n            const next = new Set(prev);\n            if (next.has(index)) next.delete(index);\n            else next.add(index);\n            return next;\n        });\n    };\n\n    const place = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (urls.length === 0) return;\n        onPlace(urls);\n    };\n\n    const [saving, setSaving] = useState(false);\n    const [saved, setSaved] = useState<string | null>(null);\n    const share = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (urls.length === 0) return;\n        const content = frameShareContent(urls, source?.generatedAssetName || 'video');\n        void Share.share(content.url ? { url: content.url, message: content.message } : { message: content.message }, {\n            subject: content.title,\n        }).catch(() => undefined);\n    };\n    const save = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (!onSaveFrames || urls.length === 0 || saving) return;\n        setSaving(true);\n        setSaved(null);\n        onSaveFrames(urls)\n            .then(() => setSaved(`Saved ${urls.length} to Photos`))\n            .catch((err: unknown) => setError(friendlyMediaError(err, 'save to Photos')))\n            .finally(() => setSaving(false));\n    };\n\n    return (\n        <View style={[styles.root, { paddingTop: insets.top + 8, paddingBottom: insets.bottom + 12 }]}>\n            <View style={styles.head}>\n                <Pressable onPress={onClose} hitSlop={10} accessibilityLabel=\"Close frames\">\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#e2e8f0\" />\n                </Pressable>\n                <Text style={styles.title}>Frames</Text>\n                <Pressable\n                    onPress={place}\n                    disabled={chosen.size === 0}\n                    style={[styles.placeBtn, chosen.size === 0 && styles.placeBtnOff]}\n                    accessibilityRole=\"button\"\n                >\n                    <Text style={styles.placeLabel}>Place {chosen.size || ''}</Text>\n                </Pressable>\n            </View>\n\n            <Text style={styles.section}>Source clip</Text>\n            {videos.length === 0 ? (\n                <Text style={styles.hint}>Add a video to the board, then open Frames again.</Text>\n            ) : (\n                <FlatList\n                    horizontal\n                    data={videos}\n                    keyExtractor={(item) => item.id}\n                    showsHorizontalScrollIndicator={false}\n                    contentContainerStyle={styles.sourceRow}\n                    renderItem={({ item }) => (\n                        <Pressable\n                            onPress={() => setSource(item)}\n                            style={[styles.sourceCard, source?.id === item.id && styles.sourceOn]}\n                        >\n                            <Text style={styles.sourceLabel} numberOfLines={1}>\n                                {item.generatedAssetName || 'Video'}\n                            </Text>\n                        </Pressable>\n                    )}\n                />\n            )}\n\n            <View style={styles.modeRow}>\n                {(['spread', 'interval'] as const).map((id) => (\n                    <Pressable key={id} onPress={() => setMode(id)} style={[styles.chip, mode === id && styles.chipOn]}>\n                        <Text style={[styles.chipLabel, mode === id && styles.chipLabelOn]}>\n                            {id === 'spread' ? 'Spread' : 'Interval'}\n                        </Text>\n                    </Pressable>\n                ))}\n            </View>\n            <View style={styles.modeRow}>\n                {(mode === 'spread' ? SPREAD_COUNTS : INTERVALS).map((value) => (\n                    <Pressable\n                        key={value}\n                        onPress={() =>\n                            mode === 'spread'\n                                ? setCount(value as typeof count)\n                                : setIntervalSec(value as typeof interval)\n                        }\n                        style={[styles.chip, (mode === 'spread' ? count : interval) === value && styles.chipOn]}\n                    >\n                        <Text\n                            style={[\n                                styles.chipLabel,\n                                (mode === 'spread' ? count : interval) === value && styles.chipLabelOn,\n                            ]}\n                        >\n                            {mode === 'spread' ? `${value}` : `${value}s`}\n                        </Text>\n                    </Pressable>\n                ))}\n            </View>\n\n            <Pressable\n                onPress={() => void extract()}\n                disabled={busy || !source}\n                style={[styles.extractBtn, (busy || !source) && styles.extractOff]}\n            >\n                {busy ? (\n                    <ActivityIndicator color=\"#0f172a\" />\n                ) : (\n                    <>\n                        <MaterialCommunityIcons name=\"content-cut\" size={18} color=\"#0f172a\" />\n                        <Text style={styles.extractLabel}>Extract frames</Text>\n                    </>\n                )}\n            </Pressable>\n            {error ? <Text style={styles.error}>{error}</Text> : null}\n            {frames.length > 0 ? (\n                <View style={styles.modeRow}>\n                    <Pressable\n                        onPress={share}\n                        disabled={chosen.size === 0}\n                        style={[styles.chip, chosen.size === 0 && styles.extractOff]}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Share chosen frames\"\n                    >\n                        <Text style={styles.chipLabel}>Share {chosen.size || ''}</Text>\n                    </Pressable>\n                    {onSaveFrames ? (\n                        <Pressable\n                            onPress={save}\n                            disabled={chosen.size === 0 || saving}\n                            style={[styles.chip, (chosen.size === 0 || saving) && styles.extractOff]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"Save chosen frames to Photos\"\n                        >\n                            <Text style={styles.chipLabel}>{saving ? 'Saving…' : 'Save to Photos'}</Text>\n                        </Pressable>\n                    ) : null}\n                    {saved ? <Text style={styles.hint}>{saved}</Text> : null}\n                </View>\n            ) : null}\n\n            <FlatList\n                data={frames}\n                keyExtractor={(url, i) => `${i}-${url.slice(-24)}`}\n                numColumns={3}\n                contentContainerStyle={styles.grid}\n                ListEmptyComponent={\n                    !busy ? <Text style={styles.hint}>Extracted stills land here — pick which to keep.</Text> : null\n                }\n                renderItem={({ item, index }) => {\n                    const on = chosen.has(index);\n                    return (\n                        <Pressable onPress={() => toggle(index)} style={[styles.tile, { width: tile, height: tile }]}>\n                            <Image source={{ uri: item }} style={styles.thumb} />\n                            <View style={[styles.check, on && styles.checkOn]}>\n                                <MaterialCommunityIcons\n                                    name={on ? 'check' : 'circle-outline'}\n                                    size={16}\n                                    color={on ? '#0f172a' : '#94a3b8'}\n                                />\n                            </View>\n                        </Pressable>\n                    );\n                }}\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, backgroundColor: '#0B0B0E' },\n    head: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        marginBottom: 12,\n    },\n    title: { fontSize: 17, fontWeight: '700', color: '#F7F7FA' },\n    placeBtn: {\n        paddingHorizontal: 12,\n        paddingVertical: 7,\n        borderRadius: 9,\n        backgroundColor: '#8B7CFF',\n    },\n    placeBtnOff: { opacity: 0.35 },\n    placeLabel: { fontSize: 13, fontWeight: '700', color: '#0A0A0C' },\n    section: { color: '#9A9AA5', fontSize: 11, paddingHorizontal: 16, marginBottom: 6 },\n    hint: { color: '#7A7A88', fontSize: 13, paddingHorizontal: 16, paddingVertical: 12 },\n    sourceRow: { paddingHorizontal: 12, gap: 8, paddingBottom: 10 },\n    sourceCard: {\n        maxWidth: 160,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        borderRadius: 10,\n        backgroundColor: '#1F1F24',\n        marginHorizontal: 4,\n    },\n    sourceOn: { backgroundColor: '#8B7CFF' },\n    sourceLabel: { color: '#F7F7FA', fontSize: 12, fontWeight: '600' },\n    modeRow: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingHorizontal: 16, paddingBottom: 8 },\n    chip: {\n        paddingHorizontal: 12,\n        paddingVertical: 7,\n        borderRadius: 9,\n        backgroundColor: '#1F1F24',\n    },\n    chipOn: { backgroundColor: '#8B7CFF' },\n    chipLabel: { color: '#F7F7FA', fontSize: 12.5, fontWeight: '500' },\n    chipLabelOn: { color: '#0A0A0C' },\n    extractBtn: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 8,\n        marginHorizontal: 16,\n        marginBottom: 8,\n        paddingVertical: 12,\n        borderRadius: 12,\n        backgroundColor: '#F7F7FA',\n    },\n    extractOff: { opacity: 0.4 },\n    extractLabel: { fontSize: 14, fontWeight: '700', color: '#0f172a' },\n    error: { color: '#FECACA', fontSize: 12, paddingHorizontal: 16, marginBottom: 8 },\n    grid: { paddingHorizontal: 12, paddingBottom: 24, gap: 8 },\n    tile: {\n        margin: 4,\n        borderRadius: 10,\n        overflow: 'hidden',\n        backgroundColor: '#1F1F24',\n    },\n    thumb: { width: '100%', height: '100%' },\n    check: {\n        position: 'absolute',\n        top: 6,\n        right: 6,\n        width: 24,\n        height: 24,\n        borderRadius: 12,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'rgba(15,23,42,0.55)',\n    },\n    checkOn: { backgroundColor: '#F7F7FA' },\n});\n"],"names":[],"mappings":"ohBAYA,MAAM,aAAgB,GAAA,CAAC,CAAG,EAAA,EAAA,EAAI,EAAE,CAAA;AAChC,MAAM,SAAY,GAAA,CAAC,GAAK,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAExB,SAAS,wBAAyB,CAAA;AAAA,EACvC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAWG,EAAA;AAjCH,EAAA,IAAA,EAAA;AAkCE,EAAA,MAAM,SAAS,iBAAkB,EAAA;AACjC,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAM,MAAA,IAAA,GAAO,KAAK,GAAI,CAAA,GAAA,EAAK,KAAK,KAAO,CAAA,CAAA,KAAA,GAAQ,EAAM,IAAA,CAAC,CAAC,CAAA;AACvD,EAAA,MAAM,MAAS,GAAA,OAAA,CAAQ,MAAM,UAAA,CAAW,MAAO,CAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,IAAA,KAAS,OAAO,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAC3F,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAA4B,CAAA,CAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,IAAS,MAAA,OAAA,GAAU,SAAY,GAAA,CAAA,EAAA,GAAA,MAAA,CAAO,CAAC,CAAA,KAAR,YAAa,IAAI,CAAA;AACnH,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAe,QAAQ,CAAA;AAC/C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAyC,EAAE,CAAA;AACrE,EAAA,MAAM,CAAC,QAAA,EAAU,cAAc,CAAA,GAAI,SAAqC,CAAC,CAAA;AACzE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,QAAsB,iBAAA,IAAI,KAAK,CAAA;AAC3D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAM,MAAA,OAAA,GAAU,YAAY,YAAY;AACtC,IAAI,IAAA,CAAC,SAAa,IAAA,CAAC,MAAQ,EAAA;AACzB,MAAS,QAAA,CAAA,MAAA,GAAS,0CAA0C,kCAAkC,CAAA;AAC9F,MAAA;AAAA;AAEF,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,SAAA,CAAU,EAAE,CAAA;AACZ,IAAU,SAAA,iBAAA,IAAI,KAAK,CAAA;AACnB,IAAI,IAAA;AACF,MAAA,MAAM,OAAO,MAAM,mBAAA,CAAoB,WAAW,cAAe,CAAA,MAAA,CAAO,GAAG,CAAG,EAAA;AAAA,QAC5E,GAAA,EAAK,SAAS,UAAa,GAAA,CAAA,GAAI,WAAW,IAAK,CAAA,GAAA,CAAI,GAAK,EAAA,KAAA,GAAQ,EAAE,CAAA;AAAA,QAClE,SAAA,EAAW,IAAS,KAAA,QAAA,GAAW,KAAQ,GAAA,IAAA,CAAK,GAAI,CAAA,EAAA,EAAI,IAAK,CAAA,IAAA,CAAK,EAAK,GAAA,QAAQ,CAAC;AAAA,OAC7E,CAAA;AACD,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAU,SAAA,CAAA,IAAI,IAAI,IAAK,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,KAAM,CAAC,CAAC,CAAC,CAAA;AAAA,aACjC,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,eAAe,CAAC,CAAA;AAAA,KACjD,SAAA;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,KACC,CAAC,KAAA,EAAO,UAAU,IAAM,EAAA,SAAA,EAAW,MAAM,CAAC,CAAA;AAC7C,EAAM,MAAA,MAAA,GAAS,CAAC,KAAkB,KAAA;AAChC,IAAA,SAAA,CAAU,CAAQ,IAAA,KAAA;AAChB,MAAM,MAAA,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,IAAI,KAAK,GAAI,CAAA,KAAK,CAAG,EAAA,IAAA,CAAK,OAAO,KAAK,CAAA;AAAA,WAAO,IAAA,CAAK,IAAI,KAAK,CAAA;AAC3D,MAAO,OAAA,IAAA;AAAA,KACR,CAAA;AAAA,GACH;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAM,MAAA,IAAA,GAAO,OAAO,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA,MAAA,CAAO,GAAI,CAAA,CAAC,CAAC,CAAA;AAClD,IAAI,IAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AACA,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAM,MAAA,IAAA,GAAO,OAAO,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA,MAAA,CAAO,GAAI,CAAA,CAAC,CAAC,CAAA;AAClD,IAAI,IAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACvB,IAAA,MAAM,OAAU,GAAA,iBAAA,CAAkB,IAAM,EAAA,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,uBAAsB,OAAO,CAAA;AAC7E,IAAK,KAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,GAAM,GAAA;AAAA,MAC7B,KAAK,OAAQ,CAAA,GAAA;AAAA,MACb,SAAS,OAAQ,CAAA;AAAA,KACf,GAAA;AAAA,MACF,SAAS,OAAQ,CAAA;AAAA,KAChB,EAAA;AAAA,MACD,SAAS,OAAQ,CAAA;AAAA,KAClB,CAAA,CAAE,KAAM,CAAA,MAAM,MAAS,CAAA;AAAA,GAC1B;AACA,EAAA,MAAM,OAAO,MAAM;AACjB,IAAM,MAAA,IAAA,GAAO,OAAO,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA,MAAA,CAAO,GAAI,CAAA,CAAC,CAAC,CAAA;AAClD,IAAA,IAAI,CAAC,YAAA,IAAgB,IAAK,CAAA,MAAA,KAAW,KAAK,MAAQ,EAAA;AAClD,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAa,YAAA,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM,QAAA,CAAS,SAAS,IAAK,CAAA,MAAM,CAAY,UAAA,CAAA,CAAC,CAAE,CAAA,KAAA,CAAM,CAAC,GAAiB,KAAA,QAAA,CAAS,kBAAmB,CAAA,GAAA,EAAK,gBAAgB,CAAC,CAAC,CAAA,CAAE,OAAQ,CAAA,MAAM,SAAU,CAAA,KAAK,CAAC,CAAA;AAAA,GACvL;AACA,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,IAAM,EAAA;AAAA,IAChC,UAAA,EAAY,OAAO,GAAM,GAAA,CAAA;AAAA,IACzB,aAAA,EAAe,OAAO,MAAS,GAAA;AAAA,GAChC,CACS,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAChB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,OAAS,EAAA,OAAA,EAAS,IAAI,kBAAmB,EAAA,cAAA,EACzD,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,MAAK,OAAQ,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnE,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,OAAO,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,sBACjC,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA,QAAA,EAAU,OAAO,IAAS,KAAA,CAAA,EAAG,KAAO,EAAA,CAAC,MAAO,CAAA,QAAA,EAAU,OAAO,IAAS,KAAA,CAAA,IAAK,MAAO,CAAA,WAAW,CAAG,EAAA,iBAAA,EAAkB,UACzI,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,UAAY,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAO,OAAO,IAAQ,IAAA;AAAA,OAAA,EAAG,CAC7D,EAAA;AAAA,KACJ,EAAA,CAAA;AAAA,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAW,EAAA,aAAA,EAAA,CAAA;AAAA,IACvC,MAAA,CAAO,MAAW,KAAA,CAAA,mBAAK,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAAM,EAAA,QAAA,EAAA,mDAAA,EAAiD,CAAU,mBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,UAAA,EAAU,MAAC,IAAM,EAAA,MAAA,EAAQ,YAAc,EAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,EAAA,EAAI,8BAAgC,EAAA,KAAA,EAAO,qBAAuB,EAAA,MAAA,CAAO,SAAW,EAAA,UAAA,EAAY,CAAC;AAAA,MACjR;AAAA,KACI,qBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,SAAA,CAAU,IAAI,CAAA,EAAG,KAAO,EAAA,CAAC,MAAO,CAAA,UAAA,EAAA,CAAY,iCAAQ,EAAO,MAAA,IAAA,CAAK,EAAM,IAAA,MAAA,CAAO,QAAQ,CAAA,EAC7F,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,WAAa,EAAA,aAAA,EAAe,CAC3C,EAAA,QAAA,EAAA,IAAA,CAAK,kBAAsB,IAAA,OAAA,EAChC,GACJ,CAAc,EAAA,CAAA;AAAA,oBAE1B,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,SACd,QAAC,EAAA,CAAA,QAAA,EAAU,UAAU,CAAY,CAAA,GAAA,CAAI,wBAAO,GAAA,CAAA,SAAA,EAAA,EAAmB,SAAS,MAAM,OAAA,CAAQ,EAAE,CAAG,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,IAAA,EAAM,SAAS,EAAM,IAAA,MAAA,CAAO,MAAM,CACtI,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA,IAAA,KAAS,MAAM,MAAO,CAAA,WAAW,GAC5D,QAAO,EAAA,EAAA,KAAA,QAAA,GAAW,WAAW,UAClC,EAAA,CAAA,EAAA,EAHqD,EAIzD,CAAY,CACpB,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,OACd,EAAA,QAAA,EAAA,CAAA,IAAA,KAAS,QAAW,GAAA,aAAA,GAAgB,SAAW,EAAA,GAAA,CAAI,CAAS,KAAA,qBAAA,GAAA,CAAC,SAAsB,EAAA,EAAA,OAAA,EAAS,MAAM,IAAA,KAAS,QAAW,GAAA,QAAA,CAAS,KAAqB,CAAA,GAAI,cAAe,CAAA,KAAwB,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,IAAO,EAAA,CAAA,IAAA,KAAS,QAAW,GAAA,KAAA,GAAQ,QAAc,MAAA,KAAA,IAAS,MAAO,CAAA,MAAM,CAClR,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,SAAY,EAAA,CAAA,IAAA,KAAS,QAAW,GAAA,KAAA,GAAQ,QAAc,MAAA,KAAA,IAAS,MAAO,CAAA,WAAW,CACjG,EAAA,QAAA,EAAA,IAAA,KAAS,QAAW,GAAA,CAAA,EAAG,KAAK,CAAA,CAAA,GAAK,CAAG,EAAA,KAAK,CAC9C,CAAA,CAAA,EAAA,CAAA,EAAA,EAHsE,KAI1E,CAAY,CACpB,EAAA,CAAA;AAAA,oBAEA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,KAAK,OAAQ,EAAA,EAAG,QAAU,EAAA,IAAA,IAAQ,CAAC,MAAA,EAAQ,KAAO,EAAA,CAAC,MAAO,CAAA,UAAA,EAAA,CAAa,IAAQ,IAAA,CAAC,MAAW,KAAA,MAAA,CAAO,UAAU,CAAA,EACjI,QAAO,EAAA,IAAA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA,mBACnC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,0BAAuB,IAAK,EAAA,aAAA,EAAc,IAAM,EAAA,EAAA,EAAI,OAAM,SAAU,EAAA,CAAA;AAAA,sBACpE,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,cAAc,QAAc,EAAA,gBAAA,EAAA;AAAA,KAAA,EACpD,CACR,EAAA,CAAA;AAAA,IACC,wBAAS,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,KAAA,EAAQ,iBAAM,CAAU,GAAA,IAAA;AAAA,IACpD,OAAO,MAAS,GAAA,CAAA,wBAAK,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,OACjC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,OAAS,EAAA,KAAA,EAAO,QAAU,EAAA,MAAA,CAAO,SAAS,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,IAAM,EAAA,MAAA,CAAO,SAAS,CAAK,IAAA,MAAA,CAAO,UAAU,CAAA,EAAG,iBAAkB,EAAA,QAAA,EAAS,kBAAmB,EAAA,qBAAA,EAChK,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAW,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAAO,OAAO,IAAQ,IAAA;AAAA,OAAA,EAAG,CAC5D,EAAA,CAAA;AAAA,MACC,YAAe,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,QAAU,EAAA,MAAA,CAAO,IAAS,KAAA,CAAA,IAAK,QAAQ,KAAO,EAAA,CAAC,MAAO,CAAA,IAAA,EAAA,CAAO,OAAO,IAAS,KAAA,CAAA,IAAK,MAAW,KAAA,MAAA,CAAO,UAAU,CAAA,EAAG,iBAAkB,EAAA,QAAA,EAAS,oBAAmB,8BACjM,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,SAAY,EAAA,QAAA,EAAA,MAAA,GAAS,cAAY,GAAA,gBAAA,EAAiB,GAC1E,CAAe,GAAA,IAAA;AAAA,MAClB,wBAAS,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,IAAA,EAAO,iBAAM,CAAU,GAAA;AAAA,KAAA,EACxD,CAAU,GAAA,IAAA;AAAA,oBAEb,GAAA,CAAA,QAAA,EAAA,EAAS,IAAM,EAAA,MAAA,EAAQ,cAAc,CAAC,GAAA,EAAK,CAAM,KAAA,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,GAAI,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,EAAI,UAAY,EAAA,CAAA,EAAG,qBAAuB,EAAA,MAAA,CAAO,IAAM,EAAA,kBAAA,EAAoB,CAAC,IAAO,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,IAAM,EAAA,QAAA,EAAA,uDAAA,EAAgD,CAAU,GAAA,IAAA,EAAM,YAAY,CAAC;AAAA,MACxQ,IAAA;AAAA,MACA;AAAA,KACI,KAAA;AACJ,MAAM,MAAA,EAAA,GAAK,MAAO,CAAA,GAAA,CAAI,KAAK,CAAA;AAC3B,MAAO,uBAAA,IAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,MAAA,CAAO,KAAK,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,IAAM,EAAA;AAAA,QACnE,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA;AAAA,OACT,CACqB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAM,MAAQ,EAAA;AAAA,UACjC,GAAK,EAAA;AAAA,SACP,EAAG,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,CAAA;AAAA,wBACJ,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,OAAO,KAAO,EAAA,EAAA,IAAM,MAAO,CAAA,OAAO,CAC5C,EAAA,QAAA,kBAAA,GAAA,CAAC,0BAAuB,IAAM,EAAA,EAAA,GAAK,UAAU,gBAAkB,EAAA,IAAA,EAAM,IAAI,KAAO,EAAA,EAAA,GAAK,SAAY,GAAA,SAAA,EAAW,CAChH,EAAA;AAAA,OACJ,EAAA,CAAA;AAAA,KACjB,EAAA;AAAA,GACC,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,CAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,QAAU,EAAA;AAAA,IACR,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAS,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,iBAAmB,EAAA,EAAA;AAAA,IACnB,GAAK,EAAA,CAAA;AAAA,IACL,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAA,GAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,gBAAkB,EAAA;AAAA,GACpB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA;AAAA,GACT;AAAA,EACA,UAAY,EAAA;AAAA,IACV,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,GAAK,EAAA,CAAA;AAAA,IACL,gBAAkB,EAAA,EAAA;AAAA,IAClB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA,EAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA,EAAA;AAAA,IACf,GAAK,EAAA;AAAA,GACP;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,YAAc,EAAA,EAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,KAAO,EAAA,CAAA;AAAA,IACP,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,EAAA;AAAA,IACd,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,eAAiB,EAAA;AAAA;AAErB,CAAC,CAAA"}
+{"version":3,"file":"FrameExtractorExperience.js","sources":["../../../src/features/canvas/FrameExtractorExperience.tsx"],"sourcesContent":["/**\n * Native twin of canvas-surface FrameExtractor.\n * Spread / interval → EXTRACT_FRAMES connector → pick stills onto the board.\n */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { ActivityIndicator, FlatList, Image, Share, StyleSheet, Text, View, useWindowDimensions } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport type { CanvasItem } from './canvasCore';\nimport { extractFramesViaRpc, frameShareContent } from './frameExtract';\nimport { friendlyMediaError, type RunMediaAction } from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from './canvasTheme';\nimport { Pressable, HIT, RADIUS, SPACE, Segmented, TYPE, pressedStyle } from './canvasUi';\n\nconst MODE_OPTIONS = [\n    { id: 'spread', label: 'Spread' },\n    { id: 'interval', label: 'Interval' },\n] as const;\nconst SPREAD_COUNTS = [6, 12, 24] as const;\nconst INTERVALS = [0.5, 1, 2, 5] as const;\n\ntype Mode = 'spread' | 'interval';\n\nexport function FrameExtractorExperience({\n    boardItems,\n    seedVideo,\n    runAction,\n    onClose,\n    onPlace,\n    onSaveFrames,\n}: {\n    boardItems: CanvasItem[];\n    seedVideo?: CanvasItem | null;\n    runAction?: RunMediaAction;\n    onClose: () => void;\n    onPlace: (urls: string[]) => void;\n    /**\n     * Host seam: save the chosen stills to Photos (needs a native media\n     * library module the remote cannot ship). Absent = only Share is offered.\n     */\n    onSaveFrames?: (urls: string[]) => Promise<void>;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    const insets = useSafeAreaInsets();\n    const { width } = useWindowDimensions();\n    const tile = Math.max(100, Math.floor((width - 48) / 3));\n    const videos = useMemo(() => boardItems.filter((item) => item.type === 'video'), [boardItems]);\n    const [source, setSource] = useState<CanvasItem | null>(\n        seedVideo?.type === 'video' ? seedVideo : (videos[0] ?? null),\n    );\n    const [mode, setMode] = useState<Mode>('spread');\n    const [count, setCount] = useState<(typeof SPREAD_COUNTS)[number]>(12);\n    const [interval, setIntervalSec] = useState<(typeof INTERVALS)[number]>(1);\n    const [frames, setFrames] = useState<string[]>([]);\n    const [chosen, setChosen] = useState<Set<number>>(new Set());\n    const [busy, setBusy] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const extract = useCallback(async () => {\n        if (!runAction || !source) {\n            setError(source ? 'Frame extract needs a live connector.' : 'Pick a video on the board first.');\n            return;\n        }\n        setBusy(true);\n        setError(null);\n        setFrames([]);\n        setChosen(new Set());\n        try {\n            const urls = await extractFramesViaRpc(runAction, unwrapProxyUrl(source.src), {\n                fps: mode === 'interval' ? 1 / interval : Math.max(0.1, count / 30),\n                maxFrames: mode === 'spread' ? count : Math.min(48, Math.ceil(30 / interval)),\n            });\n            setFrames(urls);\n            setChosen(new Set(urls.map((_, i) => i)));\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, 'frame extract'));\n        } finally {\n            setBusy(false);\n        }\n    }, [count, interval, mode, runAction, source]);\n\n    const toggle = (index: number) => {\n        setChosen((prev) => {\n            const next = new Set(prev);\n            if (next.has(index)) next.delete(index);\n            else next.add(index);\n            return next;\n        });\n    };\n\n    const place = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (urls.length === 0) return;\n        onPlace(urls);\n    };\n\n    const [saving, setSaving] = useState(false);\n    const [saved, setSaved] = useState<string | null>(null);\n    const share = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (urls.length === 0) return;\n        const content = frameShareContent(urls, source?.generatedAssetName || 'video');\n        void Share.share(content.url ? { url: content.url, message: content.message } : { message: content.message }, {\n            subject: content.title,\n        }).catch(() => undefined);\n    };\n    const save = () => {\n        const urls = frames.filter((_, i) => chosen.has(i));\n        if (!onSaveFrames || urls.length === 0 || saving) return;\n        setSaving(true);\n        setSaved(null);\n        onSaveFrames(urls)\n            .then(() => setSaved(`Saved ${urls.length} to Photos`))\n            .catch((err: unknown) => setError(friendlyMediaError(err, 'save to Photos')))\n            .finally(() => setSaving(false));\n    };\n\n    return (\n        <View style={[styles.root, { paddingTop: insets.top + 8, paddingBottom: insets.bottom + 12 }]}>\n            <View style={styles.head}>\n                <Pressable\n                    onPress={onClose}\n                    hitSlop={10}\n                    accessibilityLabel=\"Close frames\"\n                    style={({ pressed }) => [styles.headIcon, pressedStyle(pressed)]}\n                >\n                    <MaterialCommunityIcons name=\"close\" size={22} color={theme.edInk} />\n                </Pressable>\n                <Text style={styles.title} numberOfLines={1}>\n                    Frames\n                </Text>\n                <Pressable\n                    onPress={place}\n                    disabled={chosen.size === 0}\n                    style={({ pressed }) => [\n                        styles.placeBtn,\n                        chosen.size === 0 && styles.placeBtnOff,\n                        pressedStyle(pressed),\n                    ]}\n                    accessibilityRole=\"button\"\n                >\n                    <Text style={styles.placeLabel}>Place {chosen.size || ''}</Text>\n                </Pressable>\n            </View>\n\n            <Text style={styles.section}>Source clip</Text>\n            {videos.length === 0 ? (\n                <Text style={styles.hint}>Add a video to the board, then open Frames again.</Text>\n            ) : (\n                <FlatList\n                    horizontal\n                    data={videos}\n                    keyExtractor={(item) => item.id}\n                    showsHorizontalScrollIndicator={false}\n                    contentContainerStyle={styles.sourceRow}\n                    renderItem={({ item }) => (\n                        <Pressable\n                            onPress={() => setSource(item)}\n                            style={({ pressed }) => [\n                                styles.sourceCard,\n                                source?.id === item.id && styles.sourceOn,\n                                pressedStyle(pressed),\n                            ]}\n                        >\n                            <Text style={styles.sourceLabel} numberOfLines={1}>\n                                {item.generatedAssetName || 'Video'}\n                            </Text>\n                        </Pressable>\n                    )}\n                />\n            )}\n\n            <Segmented<Mode> options={MODE_OPTIONS} value={mode} onChange={setMode} style={styles.segmented} />\n            <View style={styles.modeRow}>\n                {(mode === 'spread' ? SPREAD_COUNTS : INTERVALS).map((value) => (\n                    <Pressable\n                        key={value}\n                        onPress={() =>\n                            mode === 'spread'\n                                ? setCount(value as typeof count)\n                                : setIntervalSec(value as typeof interval)\n                        }\n                        style={({ pressed }) => [\n                            styles.chip,\n                            (mode === 'spread' ? count : interval) === value && styles.chipOn,\n                            pressedStyle(pressed),\n                        ]}\n                    >\n                        <Text\n                            style={[\n                                styles.chipLabel,\n                                (mode === 'spread' ? count : interval) === value && styles.chipLabelOn,\n                            ]}\n                        >\n                            {mode === 'spread' ? `${value}` : `${value}s`}\n                        </Text>\n                    </Pressable>\n                ))}\n            </View>\n\n            <Pressable\n                onPress={() => void extract()}\n                disabled={busy || !source}\n                style={({ pressed }) => [\n                    styles.extractBtn,\n                    (busy || !source) && styles.extractOff,\n                    pressedStyle(pressed),\n                ]}\n            >\n                {busy ? (\n                    <ActivityIndicator color={theme.edOnInk} />\n                ) : (\n                    <>\n                        <MaterialCommunityIcons name=\"content-cut\" size={18} color={theme.edOnInk} />\n                        <Text style={styles.extractLabel}>Extract frames</Text>\n                    </>\n                )}\n            </Pressable>\n            {error ? <Text style={styles.error}>{error}</Text> : null}\n            {frames.length > 0 ? (\n                <View style={styles.modeRow}>\n                    <Pressable\n                        onPress={share}\n                        disabled={chosen.size === 0}\n                        style={({ pressed }) => [\n                            styles.chip,\n                            chosen.size === 0 && styles.extractOff,\n                            pressedStyle(pressed),\n                        ]}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Share chosen frames\"\n                    >\n                        <Text style={styles.chipLabel}>Share {chosen.size || ''}</Text>\n                    </Pressable>\n                    {onSaveFrames ? (\n                        <Pressable\n                            onPress={save}\n                            disabled={chosen.size === 0 || saving}\n                            style={({ pressed }) => [\n                                styles.chip,\n                                (chosen.size === 0 || saving) && styles.extractOff,\n                                pressedStyle(pressed),\n                            ]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"Save chosen frames to Photos\"\n                        >\n                            <Text style={styles.chipLabel}>{saving ? 'Saving…' : 'Save to Photos'}</Text>\n                        </Pressable>\n                    ) : null}\n                    {saved ? <Text style={styles.hint}>{saved}</Text> : null}\n                </View>\n            ) : null}\n\n            <FlatList\n                data={frames}\n                keyExtractor={(url, i) => `${i}-${url.slice(-24)}`}\n                numColumns={3}\n                contentContainerStyle={styles.grid}\n                ListEmptyComponent={\n                    !busy ? <Text style={styles.hint}>Extracted stills land here. Pick which to keep.</Text> : null\n                }\n                renderItem={({ item, index }) => {\n                    const on = chosen.has(index);\n                    return (\n                        <Pressable\n                            onPress={() => toggle(index)}\n                            style={({ pressed }) => [styles.tile, { width: tile, height: tile }, pressedStyle(pressed)]}\n                        >\n                            <Image source={{ uri: item }} style={styles.thumb} />\n                            {on ? <View pointerEvents=\"none\" style={styles.tileOn} /> : null}\n                            <View style={[styles.check, on && styles.checkOn]}>\n                                <MaterialCommunityIcons\n                                    name={on ? 'check' : 'circle-outline'}\n                                    size={16}\n                                    color={on ? theme.edOnInk : theme.edInk2}\n                                />\n                            </View>\n                        </Pressable>\n                    );\n                }}\n            />\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        root: { flex: 1, backgroundColor: theme.edBg },\n        head: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            gap: SPACE.sm,\n            paddingHorizontal: SPACE.md,\n            marginBottom: SPACE.md,\n        },\n        headIcon: {\n            width: 40,\n            height: 40,\n            borderRadius: RADIUS.pill,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        title: { ...TYPE.title, flex: 1, textAlign: 'center', color: theme.edInk },\n        placeBtn: {\n            minHeight: 36,\n            minWidth: 72,\n            paddingHorizontal: SPACE.lg,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.primary,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        placeBtnOff: { opacity: 0.35 },\n        placeLabel: { ...TYPE.label, color: theme.primaryForeground },\n        section: { ...TYPE.caption, color: theme.edInk2, paddingHorizontal: SPACE.lg, marginBottom: SPACE.sm },\n        hint: {\n            ...TYPE.label,\n            fontWeight: '400',\n            color: theme.edInk3,\n            paddingHorizontal: SPACE.lg,\n            paddingVertical: SPACE.md,\n        },\n        sourceRow: { paddingHorizontal: SPACE.lg, gap: SPACE.sm, paddingBottom: SPACE.md },\n        sourceCard: {\n            maxWidth: 180,\n            minHeight: 36,\n            justifyContent: 'center',\n            paddingHorizontal: SPACE.md + 2,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edRaised,\n            borderWidth: 1,\n            borderColor: 'transparent',\n        },\n        sourceOn: { backgroundColor: theme.edRaisedHi, borderColor: theme.edInk },\n        sourceLabel: { ...TYPE.label, color: theme.edInk },\n        segmented: { flexGrow: 0, marginHorizontal: SPACE.lg, marginBottom: SPACE.sm },\n        modeRow: {\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            alignItems: 'center',\n            gap: SPACE.sm,\n            paddingHorizontal: SPACE.lg,\n            paddingBottom: SPACE.md,\n        },\n        chip: {\n            minHeight: 36,\n            justifyContent: 'center',\n            paddingHorizontal: SPACE.md + 2,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edRaised,\n        },\n        chipOn: { backgroundColor: theme.edInk },\n        chipLabel: { ...TYPE.label, color: theme.edInk, fontVariant: ['tabular-nums'] },\n        chipLabelOn: { color: theme.edOnInk },\n        extractBtn: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: SPACE.sm,\n            minHeight: HIT + 4,\n            marginHorizontal: SPACE.lg,\n            marginBottom: SPACE.md,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edInk,\n        },\n        extractOff: { opacity: 0.4 },\n        extractLabel: { ...TYPE.label, fontSize: 15, color: theme.edOnInk },\n        error: { ...TYPE.caption, color: theme.edDanger, paddingHorizontal: SPACE.lg, marginBottom: SPACE.sm },\n        grid: { paddingHorizontal: SPACE.md, paddingBottom: SPACE.xl, gap: SPACE.sm },\n        tile: {\n            margin: SPACE.xs,\n            borderRadius: RADIUS.sm,\n            overflow: 'hidden',\n            backgroundColor: theme.edRaised,\n        },\n        thumb: { width: '100%', height: '100%' },\n        tileOn: {\n            ...StyleSheet.absoluteFillObject,\n            borderRadius: RADIUS.sm,\n            borderWidth: 2,\n            borderColor: theme.edInk,\n        },\n        check: {\n            position: 'absolute',\n            top: SPACE.sm - 2,\n            right: SPACE.sm - 2,\n            width: 24,\n            height: 24,\n            borderRadius: RADIUS.pill,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: 'rgba(15,23,42,0.55)',\n        },\n        checkOn: { backgroundColor: theme.edInk },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/GeneratorReferenceSlots.js

@@ -1,9 +1,35 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Text,ScrollView,Image,Pressable}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {STILL_ROLE_HINTS,STILL_ROLE_LABELS}from'./generatorReferences.js';const ROLES = ["source", "reference"];
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import {View,Text,ScrollView,Image,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {STILL_ROLE_HINTS,STILL_ROLE_LABELS}from'./generatorReferences.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,SPACE,RADIUS,TYPE}from'./canvasUi.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const HSCROLL = {
+  flexGrow: 0
+};
+const ROLES = ["source", "reference"];
 function StillRoleSwitch({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx(View, { style: styles.roleRow, accessibilityLabel: "What the attached image is for", children: ROLES.map((role) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(role), style: [styles.rolePill, value === role && styles.rolePillOn], accessibilityRole: "button", accessibilityState: {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  return /* @__PURE__ */ jsx(View, { style: styles.roleRow, accessibilityLabel: "What the attached image is for", children: ROLES.map((role) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(role), style: ({
+    pressed
+  }) => [styles.rolePill, value === role && styles.rolePillOn, pressedStyle(pressed)], accessibilityRole: "button", accessibilityState: {
     selected: value === role
   }, accessibilityHint: STILL_ROLE_HINTS[role], children: /* @__PURE__ */ jsx(Text, { style: [styles.roleLabel, value === role && styles.roleLabelOn], children: STILL_ROLE_LABELS[role] }) }, role)) });
 }
@@ -15,6 +41,8 @@ function FrameSlot({
   onPick,
   onClear
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const head = /* @__PURE__ */ jsxs(View, { style: styles.slotHead, children: [
     /* @__PURE__ */ jsx(View, { style: [styles.dot, {
       backgroundColor: dot
@@ -27,11 +55,14 @@ function FrameSlot({
         uri: url
       }, style: styles.slotImage }),
       /* @__PURE__ */ jsx(View, { style: styles.slotBadge, children: head }),
-      /* @__PURE__ */ jsx(Pressable, { onPress: onClear, style: styles.clear, hitSlop: 6, accessibilityLabel: `Remove the ${label.toLowerCase()}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 12, color: "#475569" }) })
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClear, style: ({
+        pressed
+      }) => [styles.clear, pressedStyle(pressed)], hitSlop: 10, accessibilityLabel: `Remove the ${label.toLowerCase()}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 14, color: "#fafafa" }) })
     ] });
   }
   return /* @__PURE__ */ jsxs(View, { style: [styles.slot, styles.slotEmpty], children: [
     head,
+    /* @__PURE__ */ jsx(View, { style: styles.plus, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 18, color: theme.mutedForeground }) }),
     /* @__PURE__ */ jsx(SlotSources, { busy, onPick })
   ] });
 }
@@ -39,15 +70,21 @@ function SlotSources({
   busy,
   onPick
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   if (busy) return /* @__PURE__ */ jsx(Text, { style: styles.muted, children: "Adding\u2026" });
   if (!onPick) return /* @__PURE__ */ jsx(Text, { style: styles.muted, children: "Select an image on the board" });
   return /* @__PURE__ */ jsxs(View, { style: styles.sources, children: [
-    /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick("library"), style: styles.source, accessibilityRole: "button", children: [
-      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-multiple-outline", size: 14, color: "#475569" }),
+    /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick("library"), style: ({
+      pressed
+    }) => [styles.source, pressedStyle(pressed)], accessibilityRole: "button", children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-multiple-outline", size: 14, color: theme.foreground }),
       /* @__PURE__ */ jsx(Text, { style: styles.sourceLabel, children: "Library" })
     ] }),
-    /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick("device"), style: styles.source, accessibilityRole: "button", children: [
-      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "cellphone-arrow-down", size: 14, color: "#475569" }),
+    /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick("device"), style: ({
+      pressed
+    }) => [styles.source, pressedStyle(pressed)], accessibilityRole: "button", children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "cellphone-arrow-down", size: 14, color: theme.foreground }),
       /* @__PURE__ */ jsx(Text, { style: styles.sourceLabel, children: "Device" })
     ] })
   ] });
@@ -61,6 +98,8 @@ function ReferenceStrip({
   onPick,
   onRemove
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   if (cap <= 0) return null;
   return /* @__PURE__ */ jsxs(View, { style: styles.strip, children: [
     /* @__PURE__ */ jsxs(Text, { style: styles.slotLabel, children: [
@@ -71,53 +110,69 @@ function ReferenceStrip({
       cap
     ] }),
     hint && urls.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.muted, children: hint }) : null,
-    /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.stripRow, children: [
+    /* @__PURE__ */ jsxs(ScrollView, { style: HSCROLL, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.stripRow, children: [
       urls.map((url) => /* @__PURE__ */ jsxs(View, { style: styles.tile, children: [
         /* @__PURE__ */ jsx(Image, { source: {
           uri: url
         }, style: styles.tileImage }),
-        /* @__PURE__ */ jsx(Pressable, { onPress: () => onRemove(url), style: styles.clear, hitSlop: 6, accessibilityLabel: "Remove this reference", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 12, color: "#475569" }) })
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => onRemove(url), style: ({
+          pressed
+        }) => [styles.clear, pressedStyle(pressed)], hitSlop: 10, accessibilityLabel: "Remove this reference", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 14, color: "#fafafa" }) })
       ] }, url)),
-      urls.length < cap ? /* @__PURE__ */ jsx(View, { style: [styles.tile, styles.slotEmpty], children: /* @__PURE__ */ jsx(SlotSources, { busy, onPick }) }) : null
+      urls.length < cap ? /* @__PURE__ */ jsx(View, { style: [styles.tile, styles.slotEmpty, styles.tileEmpty], children: /* @__PURE__ */ jsx(SlotSources, { busy, onPick }) }) : null
     ] })
   ] });
 }
-const styles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   roleRow: {
     flexDirection: "row",
-    gap: 4,
-    alignSelf: "flex-start"
+    gap: 2,
+    padding: 3,
+    alignSelf: "flex-start",
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
   },
   rolePill: {
-    paddingHorizontal: 12,
-    paddingVertical: 5,
-    borderRadius: 999
+    minHeight: 32,
+    paddingHorizontal: SPACE.md + 2,
+    borderRadius: RADIUS.pill,
+    alignItems: "center",
+    justifyContent: "center"
   },
   rolePillOn: {
-    backgroundColor: "#fde8d8"
-  },
-  roleLabel: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: "#64748b"
+    backgroundColor: theme.isDark ? theme.secondary : theme.surface
   },
+  roleLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.mutedForeground
+  }),
   roleLabelOn: {
-    color: "#9a3412"
+    color: theme.foreground
   },
   slot: {
     flex: 1,
     minWidth: 0,
-    height: 112,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: "#e2e8f0",
+    height: 132,
+    borderRadius: RADIUS.lg,
+    backgroundColor: theme.card,
     overflow: "hidden"
   },
   slotEmpty: {
+    borderWidth: 1.5,
     borderStyle: "dashed",
-    padding: 8,
-    gap: 6,
-    justifyContent: "space-between"
+    borderColor: theme.borderStrong,
+    backgroundColor: "transparent",
+    padding: SPACE.sm + 2,
+    gap: SPACE.sm,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  plus: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.card
   },
   slotImage: {
     width: "100%",
@@ -125,12 +180,12 @@ const styles = StyleSheet.create({
   },
   slotBadge: {
     position: "absolute",
-    left: 4,
-    top: 4,
-    borderRadius: 6,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    backgroundColor: "rgba(255,255,255,0.88)"
+    left: SPACE.sm,
+    bottom: SPACE.sm,
+    borderRadius: RADIUS.pill,
+    paddingHorizontal: SPACE.sm,
+    paddingVertical: 3,
+    backgroundColor: theme.backgroundAlpha(0.9)
   },
   slotHead: {
     flexDirection: "row",
@@ -138,60 +193,68 @@ const styles = StyleSheet.create({
     gap: 6
   },
   dot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
+    width: 7,
+    height: 7,
+    borderRadius: 4
   },
-  slotLabel: {
-    fontSize: 12,
+  slotLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
     fontWeight: "600",
-    color: "#334155"
-  },
+    color: theme.foreground
+  }),
   clear: {
     position: "absolute",
-    right: 0,
-    top: 0,
-    padding: 3,
-    borderBottomLeftRadius: 8,
-    backgroundColor: "rgba(255,255,255,0.88)"
+    right: 6,
+    top: 6,
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(10,10,10,0.6)"
   },
   sources: {
-    gap: 4
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center",
+    gap: SPACE.xs + 2
   },
   source: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: 4,
-    borderRadius: 8,
-    paddingVertical: 4,
-    backgroundColor: "#f1f5f9"
+    gap: SPACE.xs,
+    minHeight: 30,
+    paddingHorizontal: SPACE.sm + 2,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
   },
-  sourceLabel: {
-    fontSize: 11,
+  sourceLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
     fontWeight: "600",
-    color: "#475569"
-  },
-  muted: {
-    fontSize: 11,
-    color: "#94a3b8"
-  },
+    color: theme.foreground
+  }),
+  muted: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground,
+    textAlign: "center"
+  }),
   strip: {
-    gap: 6
+    gap: SPACE.sm
   },
   stripRow: {
-    gap: 8
+    gap: SPACE.sm
   },
   tile: {
-    width: 88,
-    height: 88,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: "#e2e8f0",
+    width: 96,
+    height: 96,
+    borderRadius: RADIUS.lg,
+    backgroundColor: theme.card,
     overflow: "hidden"
   },
+  tileEmpty: {
+    width: 132,
+    padding: SPACE.sm
+  },
   tileImage: {
     width: "100%",
     height: "100%"
   }
-});export{FrameSlot,ReferenceStrip,StillRoleSwitch};//# sourceMappingURL=GeneratorReferenceSlots.js.map
+}));export{FrameSlot,ReferenceStrip,StillRoleSwitch};//# sourceMappingURL=GeneratorReferenceSlots.js.map

package/lib/features/canvas/GeneratorReferenceSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneratorReferenceSlots.js","sources":["../../../src/features/canvas/GeneratorReferenceSlots.tsx"],"sourcesContent":["/**\n * Generator reference slots — native twin of canvas-surface `frameSlot` and\n * `StillRoleSwitch`. A slot shows its still (with remove) or offers Library /\n * Device; the host decides how each source is picked.\n */\nimport React from 'react';\nimport { Image, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { STILL_ROLE_HINTS, STILL_ROLE_LABELS, type StillRole } from './generatorReferences';\n\nexport type StillPickSource = 'library' | 'device';\n\nconst ROLES: readonly StillRole[] = ['source', 'reference'];\n\nexport function StillRoleSwitch({ value, onChange }: { value: StillRole; onChange: (role: StillRole) => void }) {\n    return (\n        <View style={styles.roleRow} accessibilityLabel=\"What the attached image is for\">\n            {ROLES.map((role) => (\n                <Pressable\n                    key={role}\n                    onPress={() => onChange(role)}\n                    style={[styles.rolePill, value === role && styles.rolePillOn]}\n                    accessibilityRole=\"button\"\n                    accessibilityState={{ selected: value === role }}\n                    accessibilityHint={STILL_ROLE_HINTS[role]}\n                >\n                    <Text style={[styles.roleLabel, value === role && styles.roleLabelOn]}>\n                        {STILL_ROLE_LABELS[role]}\n                    </Text>\n                </Pressable>\n            ))}\n        </View>\n    );\n}\n\n/** One named slot: First frame / Last frame. */\nexport function FrameSlot({\n    label,\n    dot,\n    url,\n    busy,\n    onPick,\n    onClear,\n}: {\n    label: string;\n    dot: string;\n    url: string | null;\n    busy?: boolean;\n    onPick?: (source: StillPickSource) => void;\n    onClear: () => void;\n}) {\n    const head = (\n        <View style={styles.slotHead}>\n            <View style={[styles.dot, { backgroundColor: dot }]} />\n            <Text style={styles.slotLabel}>{label}</Text>\n        </View>\n    );\n    if (url) {\n        return (\n            <View style={styles.slot}>\n                <Image source={{ uri: url }} style={styles.slotImage} />\n                <View style={styles.slotBadge}>{head}</View>\n                <Pressable\n                    onPress={onClear}\n                    style={styles.clear}\n                    hitSlop={6}\n                    accessibilityLabel={`Remove the ${label.toLowerCase()}`}\n                >\n                    <MaterialCommunityIcons name=\"close\" size={12} color=\"#475569\" />\n                </Pressable>\n            </View>\n        );\n    }\n    return (\n        <View style={[styles.slot, styles.slotEmpty]}>\n            {head}\n            <SlotSources busy={busy} onPick={onPick} />\n        </View>\n    );\n}\n\nfunction SlotSources({ busy, onPick }: { busy?: boolean; onPick?: (source: StillPickSource) => void }) {\n    if (busy) return <Text style={styles.muted}>Adding…</Text>;\n    if (!onPick) return <Text style={styles.muted}>Select an image on the board</Text>;\n    return (\n        <View style={styles.sources}>\n            <Pressable onPress={() => onPick('library')} style={styles.source} accessibilityRole=\"button\">\n                <MaterialCommunityIcons name=\"image-multiple-outline\" size={14} color=\"#475569\" />\n                <Text style={styles.sourceLabel}>Library</Text>\n            </Pressable>\n            <Pressable onPress={() => onPick('device')} style={styles.source} accessibilityRole=\"button\">\n                <MaterialCommunityIcons name=\"cellphone-arrow-down\" size={14} color=\"#475569\" />\n                <Text style={styles.sourceLabel}>Device</Text>\n            </Pressable>\n        </View>\n    );\n}\n\n/** A capped strip of stills (Other references / image references / promo references). */\nexport function ReferenceStrip({\n    label,\n    hint,\n    urls,\n    cap,\n    busy,\n    onPick,\n    onRemove,\n}: {\n    label: string;\n    hint?: string;\n    urls: readonly string[];\n    cap: number;\n    busy?: boolean;\n    onPick?: (source: StillPickSource) => void;\n    onRemove: (url: string) => void;\n}) {\n    if (cap <= 0) return null;\n    return (\n        <View style={styles.strip}>\n            <Text style={styles.slotLabel}>\n                {label} · {urls.length}/{cap}\n            </Text>\n            {hint && urls.length === 0 ? <Text style={styles.muted}>{hint}</Text> : null}\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.stripRow}>\n                {urls.map((url) => (\n                    <View key={url} style={styles.tile}>\n                        <Image source={{ uri: url }} style={styles.tileImage} />\n                        <Pressable\n                            onPress={() => onRemove(url)}\n                            style={styles.clear}\n                            hitSlop={6}\n                            accessibilityLabel=\"Remove this reference\"\n                        >\n                            <MaterialCommunityIcons name=\"close\" size={12} color=\"#475569\" />\n                        </Pressable>\n                    </View>\n                ))}\n                {urls.length < cap ? (\n                    <View style={[styles.tile, styles.slotEmpty]}>\n                        <SlotSources busy={busy} onPick={onPick} />\n                    </View>\n                ) : null}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    roleRow: { flexDirection: 'row', gap: 4, alignSelf: 'flex-start' },\n    rolePill: { paddingHorizontal: 12, paddingVertical: 5, borderRadius: 999 },\n    rolePillOn: { backgroundColor: '#fde8d8' },\n    roleLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n    roleLabelOn: { color: '#9a3412' },\n    slot: {\n        flex: 1,\n        minWidth: 0,\n        height: 112,\n        borderRadius: 12,\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        overflow: 'hidden',\n    },\n    slotEmpty: { borderStyle: 'dashed', padding: 8, gap: 6, justifyContent: 'space-between' },\n    slotImage: { width: '100%', height: '100%' },\n    slotBadge: {\n        position: 'absolute',\n        left: 4,\n        top: 4,\n        borderRadius: 6,\n        paddingHorizontal: 6,\n        paddingVertical: 2,\n        backgroundColor: 'rgba(255,255,255,0.88)',\n    },\n    slotHead: { flexDirection: 'row', alignItems: 'center', gap: 6 },\n    dot: { width: 6, height: 6, borderRadius: 3 },\n    slotLabel: { fontSize: 12, fontWeight: '600', color: '#334155' },\n    clear: {\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        padding: 3,\n        borderBottomLeftRadius: 8,\n        backgroundColor: 'rgba(255,255,255,0.88)',\n    },\n    sources: { gap: 4 },\n    source: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 4,\n        borderRadius: 8,\n        paddingVertical: 4,\n        backgroundColor: '#f1f5f9',\n    },\n    sourceLabel: { fontSize: 11, fontWeight: '600', color: '#475569' },\n    muted: { fontSize: 11, color: '#94a3b8' },\n    strip: { gap: 6 },\n    stripRow: { gap: 8 },\n    tile: { width: 88, height: 88, borderRadius: 10, borderWidth: 1, borderColor: '#e2e8f0', overflow: 'hidden' },\n    tileImage: { width: '100%', height: '100%' },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GeneratorReferenceSlots.js","sources":["../../../src/features/canvas/GeneratorReferenceSlots.tsx"],"sourcesContent":["/**\n * Generator reference slots — native twin of canvas-surface `frameSlot` and\n * `StillRoleSwitch`. A slot shows its still (with remove) or offers Library /\n * Device; the host decides how each source is picked.\n */\nimport React, { useMemo } from 'react';\nimport { Image, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { STILL_ROLE_HINTS, STILL_ROLE_LABELS, type StillRole } from './generatorReferences';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from './canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE, pressedStyle } from './canvasUi';\n\n/** RN gives a horizontal ScrollView flexGrow 1: on a fixed-height screen a chip row swells into empty space. */\nconst HSCROLL = { flexGrow: 0 } as const;\n\nexport type StillPickSource = 'library' | 'device';\n\nconst ROLES: readonly StillRole[] = ['source', 'reference'];\n\nexport function StillRoleSwitch({ value, onChange }: { value: StillRole; onChange: (role: StillRole) => void }) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View style={styles.roleRow} accessibilityLabel=\"What the attached image is for\">\n            {ROLES.map((role) => (\n                <Pressable\n                    key={role}\n                    onPress={() => onChange(role)}\n                    style={({ pressed }) => [\n                        styles.rolePill,\n                        value === role && styles.rolePillOn,\n                        pressedStyle(pressed),\n                    ]}\n                    accessibilityRole=\"button\"\n                    accessibilityState={{ selected: value === role }}\n                    accessibilityHint={STILL_ROLE_HINTS[role]}\n                >\n                    <Text style={[styles.roleLabel, value === role && styles.roleLabelOn]}>\n                        {STILL_ROLE_LABELS[role]}\n                    </Text>\n                </Pressable>\n            ))}\n        </View>\n    );\n}\n\n/** One named slot: First frame / Last frame. */\nexport function FrameSlot({\n    label,\n    dot,\n    url,\n    busy,\n    onPick,\n    onClear,\n}: {\n    label: string;\n    dot: string;\n    url: string | null;\n    busy?: boolean;\n    onPick?: (source: StillPickSource) => void;\n    onClear: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    const head = (\n        <View style={styles.slotHead}>\n            <View style={[styles.dot, { backgroundColor: dot }]} />\n            <Text style={styles.slotLabel}>{label}</Text>\n        </View>\n    );\n    if (url) {\n        return (\n            <View style={styles.slot}>\n                <Image source={{ uri: url }} style={styles.slotImage} />\n                <View style={styles.slotBadge}>{head}</View>\n                <Pressable\n                    onPress={onClear}\n                    style={({ pressed }) => [styles.clear, pressedStyle(pressed)]}\n                    hitSlop={10}\n                    accessibilityLabel={`Remove the ${label.toLowerCase()}`}\n                >\n                    <MaterialCommunityIcons name=\"close\" size={14} color=\"#fafafa\" />\n                </Pressable>\n            </View>\n        );\n    }\n    return (\n        <View style={[styles.slot, styles.slotEmpty]}>\n            {head}\n            <View style={styles.plus}>\n                <MaterialCommunityIcons name=\"plus\" size={18} color={theme.mutedForeground} />\n            </View>\n            <SlotSources busy={busy} onPick={onPick} />\n        </View>\n    );\n}\n\nfunction SlotSources({ busy, onPick }: { busy?: boolean; onPick?: (source: StillPickSource) => void }) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    if (busy) return <Text style={styles.muted}>Adding…</Text>;\n    if (!onPick) return <Text style={styles.muted}>Select an image on the board</Text>;\n    return (\n        <View style={styles.sources}>\n            <Pressable\n                onPress={() => onPick('library')}\n                style={({ pressed }) => [styles.source, pressedStyle(pressed)]}\n                accessibilityRole=\"button\"\n            >\n                <MaterialCommunityIcons name=\"image-multiple-outline\" size={14} color={theme.foreground} />\n                <Text style={styles.sourceLabel}>Library</Text>\n            </Pressable>\n            <Pressable\n                onPress={() => onPick('device')}\n                style={({ pressed }) => [styles.source, pressedStyle(pressed)]}\n                accessibilityRole=\"button\"\n            >\n                <MaterialCommunityIcons name=\"cellphone-arrow-down\" size={14} color={theme.foreground} />\n                <Text style={styles.sourceLabel}>Device</Text>\n            </Pressable>\n        </View>\n    );\n}\n\n/** A capped strip of stills (Other references / image references / promo references). */\nexport function ReferenceStrip({\n    label,\n    hint,\n    urls,\n    cap,\n    busy,\n    onPick,\n    onRemove,\n}: {\n    label: string;\n    hint?: string;\n    urls: readonly string[];\n    cap: number;\n    busy?: boolean;\n    onPick?: (source: StillPickSource) => void;\n    onRemove: (url: string) => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    if (cap <= 0) return null;\n    return (\n        <View style={styles.strip}>\n            <Text style={styles.slotLabel}>\n                {label} · {urls.length}/{cap}\n            </Text>\n            {hint && urls.length === 0 ? <Text style={styles.muted}>{hint}</Text> : null}\n            <ScrollView\n                style={HSCROLL}\n                horizontal\n                showsHorizontalScrollIndicator={false}\n                contentContainerStyle={styles.stripRow}\n            >\n                {urls.map((url) => (\n                    <View key={url} style={styles.tile}>\n                        <Image source={{ uri: url }} style={styles.tileImage} />\n                        <Pressable\n                            onPress={() => onRemove(url)}\n                            style={({ pressed }) => [styles.clear, pressedStyle(pressed)]}\n                            hitSlop={10}\n                            accessibilityLabel=\"Remove this reference\"\n                        >\n                            <MaterialCommunityIcons name=\"close\" size={14} color=\"#fafafa\" />\n                        </Pressable>\n                    </View>\n                ))}\n                {urls.length < cap ? (\n                    <View style={[styles.tile, styles.slotEmpty, styles.tileEmpty]}>\n                        <SlotSources busy={busy} onPick={onPick} />\n                    </View>\n                ) : null}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        roleRow: {\n            flexDirection: 'row',\n            gap: 2,\n            padding: 3,\n            alignSelf: 'flex-start',\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.card,\n        },\n        rolePill: {\n            minHeight: 32,\n            paddingHorizontal: SPACE.md + 2,\n            borderRadius: RADIUS.pill,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        rolePillOn: { backgroundColor: theme.isDark ? theme.secondary : theme.surface },\n        roleLabel: { ...TYPE.label, color: theme.mutedForeground },\n        roleLabelOn: { color: theme.foreground },\n        slot: {\n            flex: 1,\n            minWidth: 0,\n            height: 132,\n            borderRadius: RADIUS.lg,\n            backgroundColor: theme.card,\n            overflow: 'hidden',\n        },\n        slotEmpty: {\n            borderWidth: 1.5,\n            borderStyle: 'dashed',\n            borderColor: theme.borderStrong,\n            backgroundColor: 'transparent',\n            padding: SPACE.sm + 2,\n            gap: SPACE.sm,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        plus: {\n            width: 32,\n            height: 32,\n            borderRadius: 16,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: theme.card,\n        },\n        slotImage: { width: '100%', height: '100%' },\n        slotBadge: {\n            position: 'absolute',\n            left: SPACE.sm,\n            bottom: SPACE.sm,\n            borderRadius: RADIUS.pill,\n            paddingHorizontal: SPACE.sm,\n            paddingVertical: 3,\n            backgroundColor: theme.backgroundAlpha(0.9),\n        },\n        slotHead: { flexDirection: 'row', alignItems: 'center', gap: 6 },\n        dot: { width: 7, height: 7, borderRadius: 4 },\n        slotLabel: { ...TYPE.caption, fontWeight: '600', color: theme.foreground },\n        clear: {\n            position: 'absolute',\n            right: 6,\n            top: 6,\n            width: 24,\n            height: 24,\n            borderRadius: 12,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: 'rgba(10,10,10,0.6)',\n        },\n        sources: { flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center', gap: SPACE.xs + 2 },\n        source: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: SPACE.xs,\n            minHeight: 30,\n            paddingHorizontal: SPACE.sm + 2,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.card,\n        },\n        sourceLabel: { ...TYPE.caption, fontWeight: '600', color: theme.foreground },\n        muted: { ...TYPE.caption, color: theme.mutedForeground, textAlign: 'center' },\n        strip: { gap: SPACE.sm },\n        stripRow: { gap: SPACE.sm },\n        tile: {\n            width: 96,\n            height: 96,\n            borderRadius: RADIUS.lg,\n            backgroundColor: theme.card,\n            overflow: 'hidden',\n        },\n        tileEmpty: { width: 132, padding: SPACE.sm },\n        tileImage: { width: '100%', height: '100%' },\n    }),\n);\n"],"names":[],"mappings":"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"}