@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.70-alpha.0

package/lib/features/canvas/InfluencerStudioExperience.js

@@ -0,0 +1,288 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState}from'react';import {StyleSheet,View,Pressable,Text,ScrollView,FlatList,Image,TextInput,ActivityIndicator}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeAreaInsets}from'react-native-safe-area-context';import {friendlyMediaError}from'./videoEditor/mediaActions.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {renderInfluencerReel}from'./influencer/influencerPipeline.js';import {REEL_LENGTHS,lengthLabel,productBrief}from'./influencer/productReel.js';function InfluencerStudioExperience({
+  boardItems,
+  runAction,
+  onClose,
+  onPlace
+}) {
+  var _a, _b, _c, _d;
+  const insets = useSafeAreaInsets();
+  const stills = useMemo(() => boardItems.filter((item) => item.type === "image").map((item) => ({
+    id: item.id,
+    src: unwrapProxyUrl(item.src),
+    label: item.generatedAssetName || "Still"
+  })), [boardItems]);
+  const [personaId, setPersonaId] = useState((_b = (_a = stills[0]) == null ? void 0 : _a.id) != null ? _b : null);
+  const [name, setName] = useState("Alex");
+  const [format, setFormat] = useState("talking-head");
+  const [seconds, setSeconds] = useState(30);
+  const [topic, setTopic] = useState("A tip about staying focused while working from home");
+  const [productName, setProductName] = useState("");
+  const [productPoints, setProductPoints] = useState("");
+  const [productOffer, setProductOffer] = useState("");
+  const [productCta, setProductCta] = useState("");
+  const [productPhotoIds, setProductPhotoIds] = useState([]);
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [beats, setBeats] = useState([]);
+  const personaStill = (_d = (_c = stills.find((p) => p.id === personaId)) != null ? _c : stills[0]) != null ? _d : null;
+  const toggleProductPhoto = (id) => {
+    setProductPhotoIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  };
+  const generate = async () => {
+    if (!runAction) return setError("Influencer studio needs a live connector.");
+    if (!personaStill) return setError("Add a portrait still to the board for the persona.");
+    const persona = {
+      id: personaStill.id,
+      name: name.trim() || "Host",
+      avatarUrl: personaStill.src
+    };
+    let brief = topic.trim();
+    if (format === "product") {
+      if (!productName.trim()) return setError("Name the product for a product pitch.");
+      brief = productBrief({
+        name: productName.trim(),
+        points: productPoints.split("\n").map((p) => p.trim()).filter(Boolean),
+        offer: productOffer.trim() || void 0,
+        callToAction: productCta.trim() || void 0,
+        notes: topic.trim() || void 0
+      }, seconds);
+    } else if (!brief) {
+      return setError("Describe the reel topic.");
+    }
+    setBusy("Starting\u2026");
+    setError(null);
+    setBeats([]);
+    try {
+      const productPhotos = stills.filter((s) => productPhotoIds.includes(s.id) && s.id !== personaStill.id).map((s) => s.src);
+      const {
+        url,
+        beats: planned
+      } = await renderInfluencerReel(runAction, {
+        persona,
+        brief,
+        seconds,
+        format,
+        product: format === "product" ? {
+          name: productName.trim(),
+          points: []
+        } : void 0,
+        productPhotoUrls: format === "product" ? productPhotos : void 0,
+        onProgress: setBusy
+      });
+      setBeats(planned);
+      onPlace(url, `Influencer \xB7 ${format === "product" ? productName.slice(0, 28) : topic.slice(0, 28)}`);
+    } catch (err) {
+      setError(friendlyMediaError(err, "influencer reel"));
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.root, {
+    paddingTop: insets.top + 8,
+    paddingBottom: insets.bottom + 12
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#e2e8f0" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.title, children: "Influencer" }),
+      /* @__PURE__ */ jsx(View, { style: {
+        width: 22
+      } })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: {
+      paddingBottom: 24
+    }, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.fine, children: "Plans beats, one base take, bounce lip-sync, b-roll, then concatenates \u2014 same pipeline as web. Product pitches cut product photos over the take when the overlay connector allows." }),
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Format" }),
+      /* @__PURE__ */ jsx(View, { style: styles.chips, children: ["talking-head", "product", "vlog", "tutorial", "reaction"].map((id) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setFormat(id), style: [styles.chip, format === id && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, format === id && styles.chipLabelOn], children: id }) }, id)) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Length" }),
+      /* @__PURE__ */ jsx(View, { style: styles.chips, children: REEL_LENGTHS.map((sec) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setSeconds(sec), style: [styles.chip, seconds === sec && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, seconds === sec && styles.chipLabelOn], children: lengthLabel(sec) }) }, sec)) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Persona" }),
+      /* @__PURE__ */ jsx(FlatList, { horizontal: true, data: stills, keyExtractor: (item) => item.id, ListEmptyComponent: /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Place a portrait on the board first." }), contentContainerStyle: styles.row, renderItem: ({
+        item
+      }) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setPersonaId(item.id), style: [styles.thumbWrap, (personaStill == null ? void 0 : personaStill.id) === item.id && styles.thumbOn], children: /* @__PURE__ */ jsx(Image, { source: {
+        uri: item.src
+      }, style: styles.thumb }) }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Name" }),
+      /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, style: styles.single, placeholderTextColor: "#7A7A88" }),
+      format === "product" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Product" }),
+        /* @__PURE__ */ jsx(TextInput, { value: productName, onChangeText: setProductName, placeholder: "Product name", placeholderTextColor: "#7A7A88", style: styles.single }),
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Points (one per line)" }),
+        /* @__PURE__ */ jsx(TextInput, { value: productPoints, onChangeText: setProductPoints, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Offer" }),
+        /* @__PURE__ */ jsx(TextInput, { value: productOffer, onChangeText: setProductOffer, style: styles.single, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Call to action" }),
+        /* @__PURE__ */ jsx(TextInput, { value: productCta, onChangeText: setProductCta, style: styles.single, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Angle / notes" }),
+        /* @__PURE__ */ jsx(TextInput, { value: topic, onChangeText: setTopic, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Product photos" }),
+        /* @__PURE__ */ jsx(FlatList, { horizontal: true, data: stills.filter((s) => s.id !== (personaStill == null ? void 0 : personaStill.id)), keyExtractor: (item) => item.id, ListEmptyComponent: /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Add product stills to the board." }), contentContainerStyle: styles.row, renderItem: ({
+          item
+        }) => /* @__PURE__ */ jsx(Pressable, { onPress: () => toggleProductPhoto(item.id), style: [styles.thumbWrap, productPhotoIds.includes(item.id) && styles.thumbOn], children: /* @__PURE__ */ jsx(Image, { source: {
+          uri: item.src
+        }, style: styles.thumb }) }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Topic" }),
+        /* @__PURE__ */ jsx(TextInput, { value: topic, onChangeText: setTopic, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88" })
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => void generate(), disabled: Boolean(busy), style: [styles.cta, busy && styles.ctaOff], children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: "#0f172a" }) : /* @__PURE__ */ jsxs(Text, { style: styles.ctaLabel, children: [
+        "Render ",
+        format === "product" ? "product" : "multi-beat",
+        " reel"
+      ] }) }),
+      busy ? /* @__PURE__ */ jsx(Text, { style: styles.progress, children: busy }) : null,
+      error ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: error }) : null,
+      beats.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles.beats, children: beats.map((beat, i) => /* @__PURE__ */ jsxs(Text, { style: styles.beatLine, children: [
+        beat.kind === "talking" ? "Talk" : "B-roll",
+        " \xB7 ",
+        beat.line || beat.visual,
+        " \xB7",
+        " ",
+        beat.seconds,
+        "s"
+      ] }, `${i}-${beat.line.slice(0, 12)}`)) }) : null
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#0B0B0E"
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    marginBottom: 6
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "700",
+    color: "#F7F7FA"
+  },
+  fine: {
+    color: "#7A7A88",
+    fontSize: 12,
+    lineHeight: 16,
+    paddingHorizontal: 16,
+    marginBottom: 10
+  },
+  section: {
+    color: "#9A9AA5",
+    fontSize: 11,
+    paddingHorizontal: 16,
+    marginTop: 8,
+    marginBottom: 6
+  },
+  hint: {
+    color: "#7A7A88",
+    fontSize: 13,
+    paddingHorizontal: 16
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8,
+    paddingHorizontal: 16,
+    marginBottom: 4
+  },
+  chip: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 999,
+    backgroundColor: "#1F1F24",
+    borderWidth: 1,
+    borderColor: "#2A2A32"
+  },
+  chipOn: {
+    backgroundColor: "#F7F7FA",
+    borderColor: "#F7F7FA"
+  },
+  chipLabel: {
+    color: "#D4D4DD",
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  chipLabelOn: {
+    color: "#0f172a"
+  },
+  row: {
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  thumbWrap: {
+    width: 72,
+    height: 72,
+    borderRadius: 10,
+    overflow: "hidden",
+    marginHorizontal: 4,
+    borderWidth: 2,
+    borderColor: "transparent",
+    backgroundColor: "#1F1F24"
+  },
+  thumbOn: {
+    borderColor: "#8B7CFF"
+  },
+  thumb: {
+    width: "100%",
+    height: "100%"
+  },
+  single: {
+    marginHorizontal: 16,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    marginBottom: 4
+  },
+  input: {
+    marginHorizontal: 16,
+    minHeight: 72,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    textAlignVertical: "top",
+    marginBottom: 12
+  },
+  cta: {
+    marginHorizontal: 16,
+    marginTop: 12,
+    paddingVertical: 12,
+    borderRadius: 12,
+    backgroundColor: "#F7F7FA",
+    alignItems: "center"
+  },
+  ctaOff: {
+    opacity: 0.45
+  },
+  ctaLabel: {
+    fontSize: 14,
+    fontWeight: "700",
+    color: "#0f172a"
+  },
+  progress: {
+    color: "#C4B5FD",
+    fontSize: 12,
+    paddingHorizontal: 16,
+    marginTop: 10
+  },
+  error: {
+    color: "#FECACA",
+    fontSize: 12,
+    paddingHorizontal: 16,
+    marginTop: 10
+  },
+  beats: {
+    marginTop: 12,
+    paddingHorizontal: 16
+  },
+  beatLine: {
+    color: "#D4D4DD",
+    fontSize: 12,
+    marginBottom: 6
+  }
+});export{InfluencerStudioExperience};//# sourceMappingURL=InfluencerStudioExperience.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfluencerStudioExperience.js","sources":["../../../src/features/canvas/InfluencerStudioExperience.tsx"],"sourcesContent":["/**\n * Multi-beat influencer studio — plan + base take + lipsync runs + b-roll concat.\n * Product mode + lengths twin web InfluencerPanel / productReel.\n */\nimport React, { useMemo, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Image,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport type { CanvasItem } from './canvasCore';\nimport { friendlyMediaError, type RunMediaAction } from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\nimport { renderInfluencerReel, type Persona, type ReelFormat } from './influencer/influencerPipeline';\nimport { lengthLabel, productBrief, REEL_LENGTHS } from './influencer/productReel';\nimport type { ReelBeat } from './influencer/reelPlan';\n\nexport function InfluencerStudioExperience({\n    boardItems,\n    runAction,\n    onClose,\n    onPlace,\n}: {\n    boardItems: CanvasItem[];\n    runAction?: RunMediaAction;\n    onClose: () => void;\n    onPlace: (url: string, name: string) => void;\n}) {\n    const insets = useSafeAreaInsets();\n    const stills = useMemo(\n        () =>\n            boardItems\n                .filter((item) => item.type === 'image')\n                .map((item) => ({\n                    id: item.id,\n                    src: unwrapProxyUrl(item.src),\n                    label: item.generatedAssetName || 'Still',\n                })),\n        [boardItems],\n    );\n    const [personaId, setPersonaId] = useState<string | null>(stills[0]?.id ?? null);\n    const [name, setName] = useState('Alex');\n    const [format, setFormat] = useState<ReelFormat>('talking-head');\n    const [seconds, setSeconds] = useState<(typeof REEL_LENGTHS)[number]>(30);\n    const [topic, setTopic] = useState('A tip about staying focused while working from home');\n    const [productName, setProductName] = useState('');\n    const [productPoints, setProductPoints] = useState('');\n    const [productOffer, setProductOffer] = useState('');\n    const [productCta, setProductCta] = useState('');\n    const [productPhotoIds, setProductPhotoIds] = useState<string[]>([]);\n    const [busy, setBusy] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [beats, setBeats] = useState<ReelBeat[]>([]);\n    const personaStill = stills.find((p) => p.id === personaId) ?? stills[0] ?? null;\n\n    const toggleProductPhoto = (id: string) => {\n        setProductPhotoIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n    };\n\n    const generate = async () => {\n        if (!runAction) return setError('Influencer studio needs a live connector.');\n        if (!personaStill) return setError('Add a portrait still to the board for the persona.');\n        const persona: Persona = {\n            id: personaStill.id,\n            name: name.trim() || 'Host',\n            avatarUrl: personaStill.src,\n        };\n        let brief = topic.trim();\n        if (format === 'product') {\n            if (!productName.trim()) return setError('Name the product for a product pitch.');\n            brief = productBrief(\n                {\n                    name: productName.trim(),\n                    points: productPoints\n                        .split('\\n')\n                        .map((p) => p.trim())\n                        .filter(Boolean),\n                    offer: productOffer.trim() || undefined,\n                    callToAction: productCta.trim() || undefined,\n                    notes: topic.trim() || undefined,\n                },\n                seconds,\n            );\n        } else if (!brief) {\n            return setError('Describe the reel topic.');\n        }\n        setBusy('Starting…');\n        setError(null);\n        setBeats([]);\n        try {\n            const productPhotos = stills\n                .filter((s) => productPhotoIds.includes(s.id) && s.id !== personaStill.id)\n                .map((s) => s.src);\n            const { url, beats: planned } = await renderInfluencerReel(runAction, {\n                persona,\n                brief,\n                seconds,\n                format,\n                product: format === 'product' ? { name: productName.trim(), points: [] } : undefined,\n                productPhotoUrls: format === 'product' ? productPhotos : undefined,\n                onProgress: setBusy,\n            });\n            setBeats(planned);\n            onPlace(url, `Influencer · ${format === 'product' ? productName.slice(0, 28) : topic.slice(0, 28)}`);\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, 'influencer reel'));\n        } finally {\n            setBusy(null);\n        }\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}>\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#e2e8f0\" />\n                </Pressable>\n                <Text style={styles.title}>Influencer</Text>\n                <View style={{ width: 22 }} />\n            </View>\n            <ScrollView contentContainerStyle={{ paddingBottom: 24 }}>\n                <Text style={styles.fine}>\n                    Plans beats, one base take, bounce lip-sync, b-roll, then concatenates — same pipeline as web.\n                    Product pitches cut product photos over the take when the overlay connector allows.\n                </Text>\n\n                <Text style={styles.section}>Format</Text>\n                <View style={styles.chips}>\n                    {(['talking-head', 'product', 'vlog', 'tutorial', 'reaction'] as ReelFormat[]).map((id) => (\n                        <Pressable\n                            key={id}\n                            onPress={() => setFormat(id)}\n                            style={[styles.chip, format === id && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipLabel, format === id && styles.chipLabelOn]}>{id}</Text>\n                        </Pressable>\n                    ))}\n                </View>\n\n                <Text style={styles.section}>Length</Text>\n                <View style={styles.chips}>\n                    {REEL_LENGTHS.map((sec) => (\n                        <Pressable\n                            key={sec}\n                            onPress={() => setSeconds(sec)}\n                            style={[styles.chip, seconds === sec && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipLabel, seconds === sec && styles.chipLabelOn]}>\n                                {lengthLabel(sec)}\n                            </Text>\n                        </Pressable>\n                    ))}\n                </View>\n\n                <Text style={styles.section}>Persona</Text>\n                <FlatList\n                    horizontal\n                    data={stills}\n                    keyExtractor={(item) => item.id}\n                    ListEmptyComponent={<Text style={styles.hint}>Place a portrait on the board first.</Text>}\n                    contentContainerStyle={styles.row}\n                    renderItem={({ item }) => (\n                        <Pressable\n                            onPress={() => setPersonaId(item.id)}\n                            style={[styles.thumbWrap, personaStill?.id === item.id && styles.thumbOn]}\n                        >\n                            <Image source={{ uri: item.src }} style={styles.thumb} />\n                        </Pressable>\n                    )}\n                />\n                <Text style={styles.section}>Name</Text>\n                <TextInput value={name} onChangeText={setName} style={styles.single} placeholderTextColor=\"#7A7A88\" />\n\n                {format === 'product' ? (\n                    <>\n                        <Text style={styles.section}>Product</Text>\n                        <TextInput\n                            value={productName}\n                            onChangeText={setProductName}\n                            placeholder=\"Product name\"\n                            placeholderTextColor=\"#7A7A88\"\n                            style={styles.single}\n                        />\n                        <Text style={styles.section}>Points (one per line)</Text>\n                        <TextInput\n                            value={productPoints}\n                            onChangeText={setProductPoints}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Text style={styles.section}>Offer</Text>\n                        <TextInput\n                            value={productOffer}\n                            onChangeText={setProductOffer}\n                            style={styles.single}\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Text style={styles.section}>Call to action</Text>\n                        <TextInput\n                            value={productCta}\n                            onChangeText={setProductCta}\n                            style={styles.single}\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Text style={styles.section}>Angle / notes</Text>\n                        <TextInput\n                            value={topic}\n                            onChangeText={setTopic}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Text style={styles.section}>Product photos</Text>\n                        <FlatList\n                            horizontal\n                            data={stills.filter((s) => s.id !== personaStill?.id)}\n                            keyExtractor={(item) => item.id}\n                            ListEmptyComponent={<Text style={styles.hint}>Add product stills to the board.</Text>}\n                            contentContainerStyle={styles.row}\n                            renderItem={({ item }) => (\n                                <Pressable\n                                    onPress={() => toggleProductPhoto(item.id)}\n                                    style={[styles.thumbWrap, productPhotoIds.includes(item.id) && styles.thumbOn]}\n                                >\n                                    <Image source={{ uri: item.src }} style={styles.thumb} />\n                                </Pressable>\n                            )}\n                        />\n                    </>\n                ) : (\n                    <>\n                        <Text style={styles.section}>Topic</Text>\n                        <TextInput\n                            value={topic}\n                            onChangeText={setTopic}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                    </>\n                )}\n\n                <Pressable\n                    onPress={() => void generate()}\n                    disabled={Boolean(busy)}\n                    style={[styles.cta, busy && styles.ctaOff]}\n                >\n                    {busy ? (\n                        <ActivityIndicator color=\"#0f172a\" />\n                    ) : (\n                        <Text style={styles.ctaLabel}>\n                            Render {format === 'product' ? 'product' : 'multi-beat'} reel\n                        </Text>\n                    )}\n                </Pressable>\n                {busy ? <Text style={styles.progress}>{busy}</Text> : null}\n                {error ? <Text style={styles.error}>{error}</Text> : null}\n                {beats.length > 0 ? (\n                    <View style={styles.beats}>\n                        {beats.map((beat, i) => (\n                            <Text key={`${i}-${beat.line.slice(0, 12)}`} style={styles.beatLine}>\n                                {beat.kind === 'talking' ? 'Talk' : 'B-roll'} · {beat.line || beat.visual} ·{' '}\n                                {beat.seconds}s\n                            </Text>\n                        ))}\n                    </View>\n                ) : null}\n            </ScrollView>\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: 6,\n    },\n    title: { fontSize: 17, fontWeight: '700', color: '#F7F7FA' },\n    fine: { color: '#7A7A88', fontSize: 12, lineHeight: 16, paddingHorizontal: 16, marginBottom: 10 },\n    section: { color: '#9A9AA5', fontSize: 11, paddingHorizontal: 16, marginTop: 8, marginBottom: 6 },\n    hint: { color: '#7A7A88', fontSize: 13, paddingHorizontal: 16 },\n    chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingHorizontal: 16, marginBottom: 4 },\n    chip: {\n        paddingHorizontal: 10,\n        paddingVertical: 6,\n        borderRadius: 999,\n        backgroundColor: '#1F1F24',\n        borderWidth: 1,\n        borderColor: '#2A2A32',\n    },\n    chipOn: { backgroundColor: '#F7F7FA', borderColor: '#F7F7FA' },\n    chipLabel: { color: '#D4D4DD', fontSize: 12, fontWeight: '600' },\n    chipLabelOn: { color: '#0f172a' },\n    row: { paddingHorizontal: 12, gap: 8 },\n    thumbWrap: {\n        width: 72,\n        height: 72,\n        borderRadius: 10,\n        overflow: 'hidden',\n        marginHorizontal: 4,\n        borderWidth: 2,\n        borderColor: 'transparent',\n        backgroundColor: '#1F1F24',\n    },\n    thumbOn: { borderColor: '#8B7CFF' },\n    thumb: { width: '100%', height: '100%' },\n    single: {\n        marginHorizontal: 16,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        marginBottom: 4,\n    },\n    input: {\n        marginHorizontal: 16,\n        minHeight: 72,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        textAlignVertical: 'top',\n        marginBottom: 12,\n    },\n    cta: {\n        marginHorizontal: 16,\n        marginTop: 12,\n        paddingVertical: 12,\n        borderRadius: 12,\n        backgroundColor: '#F7F7FA',\n        alignItems: 'center',\n    },\n    ctaOff: { opacity: 0.45 },\n    ctaLabel: { fontSize: 14, fontWeight: '700', color: '#0f172a' },\n    progress: { color: '#C4B5FD', fontSize: 12, paddingHorizontal: 16, marginTop: 10 },\n    error: { color: '#FECACA', fontSize: 12, paddingHorizontal: 16, marginTop: 10 },\n    beats: { marginTop: 12, paddingHorizontal: 16 },\n    beatLine: { color: '#D4D4DD', fontSize: 12, marginBottom: 6 },\n});\n"],"names":[],"mappings":"mlBAcO,SAAS,0BAA2B,CAAA;AAAA,EACzC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAKG,EAAA;AAxBH,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAyBE,EAAA,MAAM,SAAS,iBAAkB,EAAA;AACjC,EAAM,MAAA,MAAA,GAAS,OAAQ,CAAA,MAAM,UAAW,CAAA,MAAA,CAAO,CAAQ,IAAA,KAAA,IAAA,CAAK,IAAS,KAAA,OAAO,CAAE,CAAA,GAAA,CAAI,CAAS,IAAA,MAAA;AAAA,IACzF,IAAI,IAAK,CAAA,EAAA;AAAA,IACT,GAAA,EAAK,cAAe,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,IAC5B,KAAA,EAAO,KAAK,kBAAsB,IAAA;AAAA,GAClC,CAAA,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAA,CAAwB,EAAO,GAAA,CAAA,EAAA,GAAA,MAAA,CAAA,CAAC,CAAR,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAW,EAAX,KAAA,IAAA,GAAA,EAAA,GAAiB,IAAI,CAAA;AAC/E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,MAAM,CAAA;AACvC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAqB,cAAc,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAwC,EAAE,CAAA;AACxE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,qDAAqD,CAAA;AACxF,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAwB,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAqB,EAAE,CAAA;AACjD,EAAA,MAAM,YAAe,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,CAAO,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,SAAS,CAAA,KAAnC,IAAwC,GAAA,EAAA,GAAA,MAAA,CAAO,CAAC,CAAA,KAAhD,IAAqD,GAAA,EAAA,GAAA,IAAA;AAC1E,EAAM,MAAA,kBAAA,GAAqB,CAAC,EAAe,KAAA;AACzC,IAAA,kBAAA,CAAmB,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAS,CAAA,EAAE,IAAI,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,EAAE,CAAI,GAAA,CAAC,GAAG,IAAA,EAAM,EAAE,CAAC,CAAA;AAAA,GAC3F;AACA,EAAA,MAAM,WAAW,YAAY;AAC3B,IAAA,IAAI,CAAC,SAAA,EAAkB,OAAA,QAAA,CAAS,2CAA2C,CAAA;AAC3E,IAAA,IAAI,CAAC,YAAA,EAAqB,OAAA,QAAA,CAAS,oDAAoD,CAAA;AACvF,IAAA,MAAM,OAAmB,GAAA;AAAA,MACvB,IAAI,YAAa,CAAA,EAAA;AAAA,MACjB,IAAA,EAAM,IAAK,CAAA,IAAA,EAAU,IAAA,MAAA;AAAA,MACrB,WAAW,YAAa,CAAA;AAAA,KAC1B;AACA,IAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,EAAA;AACvB,IAAA,IAAI,WAAW,SAAW,EAAA;AACxB,MAAA,IAAI,CAAC,WAAY,CAAA,IAAA,EAAQ,EAAA,OAAO,SAAS,uCAAuC,CAAA;AAChF,MAAA,KAAA,GAAQ,YAAa,CAAA;AAAA,QACnB,IAAA,EAAM,YAAY,IAAK,EAAA;AAAA,QACvB,MAAQ,EAAA,aAAA,CAAc,KAAM,CAAA,IAAI,CAAE,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA;AAAA,QACnE,KAAA,EAAO,YAAa,CAAA,IAAA,EAAU,IAAA,MAAA;AAAA,QAC9B,YAAA,EAAc,UAAW,CAAA,IAAA,EAAU,IAAA,MAAA;AAAA,QACnC,KAAA,EAAO,KAAM,CAAA,IAAA,EAAU,IAAA;AAAA,SACtB,OAAO,CAAA;AAAA,KACZ,MAAA,IAAW,CAAC,KAAO,EAAA;AACjB,MAAA,OAAO,SAAS,0BAA0B,CAAA;AAAA;AAE5C,IAAA,OAAA,CAAQ,gBAAW,CAAA;AACnB,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAI,IAAA;AACF,MAAA,MAAM,gBAAgB,MAAO,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,eAAA,CAAgB,SAAS,CAAE,CAAA,EAAE,CAAK,IAAA,CAAA,CAAE,OAAO,YAAa,CAAA,EAAE,EAAE,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,GAAG,CAAA;AACnH,MAAM,MAAA;AAAA,QACJ,GAAA;AAAA,QACA,KAAO,EAAA;AAAA,OACT,GAAI,MAAM,oBAAA,CAAqB,SAAW,EAAA;AAAA,QACxC,OAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,OAAA,EAAS,WAAW,SAAY,GAAA;AAAA,UAC9B,IAAA,EAAM,YAAY,IAAK,EAAA;AAAA,UACvB,QAAQ;AAAC,SACP,GAAA,KAAA,CAAA;AAAA,QACJ,gBAAA,EAAkB,MAAW,KAAA,SAAA,GAAY,aAAgB,GAAA,KAAA,CAAA;AAAA,QACzD,UAAY,EAAA;AAAA,OACb,CAAA;AACD,MAAA,QAAA,CAAS,OAAO,CAAA;AAChB,MAAA,OAAA,CAAQ,GAAK,EAAA,CAAA,gBAAA,EAAgB,MAAW,KAAA,SAAA,GAAY,YAAY,KAAM,CAAA,CAAA,EAAG,EAAE,CAAA,GAAI,KAAM,CAAA,KAAA,CAAM,CAAG,EAAA,EAAE,CAAC,CAAE,CAAA,CAAA;AAAA,aAC5F,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,iBAAiB,CAAC,CAAA;AAAA,KACnD,SAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;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,EAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnE,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,OAAO,QAAU,EAAA,YAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,QAAK,KAAO,EAAA;AAAA,QACrB,KAAO,EAAA;AAAA,OACN,EAAA;AAAA,KACG,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,cAAW,qBAAuB,EAAA;AAAA,MACzC,aAAe,EAAA;AAAA,KAEL,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,QAG1B,EAAA,yLAAA,EAAA,CAAA;AAAA,sBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,sBACnC,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,OACd,QAAC,EAAA,CAAA,cAAA,EAAgB,WAAW,MAAQ,EAAA,UAAA,EAAY,UAAU,CAAmB,CAAA,GAAA,CAAI,wBAAO,GAAA,CAAA,SAAA,EAAA,EAAmB,SAAS,MAAM,SAAA,CAAU,EAAE,CAAG,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,IAAA,EAAM,WAAW,EAAM,IAAA,MAAA,CAAO,MAAM,CACtL,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA,MAAA,KAAW,MAAM,MAAO,CAAA,WAAW,GAAI,QAAG,EAAA,EAAA,EAAA,CAAA,EAAA,EADuB,EAErG,CAAY,CACpB,EAAA,CAAA;AAAA,sBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,0BAClC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,KACf,EAAA,QAAA,EAAA,YAAA,CAAa,IAAI,CAAO,GAAA,qBAAA,GAAA,CAAC,SAAoB,EAAA,EAAA,OAAA,EAAS,MAAM,UAAW,CAAA,GAAG,GAAG,KAAO,EAAA,CAAC,OAAO,IAAM,EAAA,OAAA,KAAY,GAAO,IAAA,MAAA,CAAO,MAAM,CAC3H,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA,OAAA,KAAY,OAAO,MAAO,CAAA,WAAW,GAChE,QAAY,EAAA,WAAA,CAAA,GAAG,GACpB,CAHiC,EAAA,EAAA,GAIrC,CAAY,CACpB,EAAA,CAAA;AAAA,sBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,sBACpC,GAAA,CAAC,YAAS,UAAU,EAAA,IAAA,EAAC,MAAM,MAAQ,EAAA,YAAA,EAAc,CAAQ,IAAA,KAAA,IAAA,CAAK,EAAI,EAAA,kBAAA,sBAAqB,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,IAAM,EAAA,QAAA,EAAA,sCAAA,EAAoC,GAAS,qBAAuB,EAAA,MAAA,CAAO,GAAK,EAAA,UAAA,EAAY,CAAC;AAAA,QACrN;AAAA,OACF,yBAAO,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,YAAa,CAAA,IAAA,CAAK,EAAE,CAAA,EAAG,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA,CAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAO,IAAK,CAAA,EAAA,IAAM,OAAO,OAAO,CAAA,EACzG,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA;AAAA,QACjC,KAAK,IAAK,CAAA;AAAA,OACT,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,GACR,CAAc,EAAA,CAAA;AAAA,sBACrB,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAI,EAAA,MAAA,EAAA,CAAA;AAAA,sBACjC,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,YAAA,EAAc,SAAS,KAAO,EAAA,MAAA,CAAO,MAAQ,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,MAEnG,MAAA,KAAW,4BACJ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,OAAA,EAAS,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,wBACnC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,WAAA,EAAa,YAAc,EAAA,cAAA,EAAgB,WAAY,EAAA,cAAA,EAAe,oBAAqB,EAAA,SAAA,EAAU,KAAO,EAAA,MAAA,CAAO,MAAQ,EAAA,CAAA;AAAA,wBAC5I,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAqB,EAAA,uBAAA,EAAA,CAAA;AAAA,wBACjD,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,aAAA,EAAe,YAAc,EAAA,gBAAA,EAAkB,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,SAAA,EAAS,IAAC,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBAC9H,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAK,EAAA,OAAA,EAAA,CAAA;AAAA,wBAClC,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,YAAA,EAAc,iBAAiB,KAAO,EAAA,MAAA,CAAO,MAAQ,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBACnH,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAc,EAAA,gBAAA,EAAA,CAAA;AAAA,wBAC3C,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,EAAc,eAAe,KAAO,EAAA,MAAA,CAAO,MAAQ,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBAC/G,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAa,EAAA,eAAA,EAAA,CAAA;AAAA,wBACzC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,KAAA,EAAO,YAAc,EAAA,QAAA,EAAU,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,SAAA,EAAS,IAAC,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBAC9G,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,SAAS,QAAc,EAAA,gBAAA,EAAA,CAAA;AAAA,wBAC1C,GAAA,CAAA,QAAA,EAAA,EAAS,UAAU,EAAA,IAAA,EAAC,IAAM,EAAA,MAAA,CAAO,MAAO,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,MAAO,YAAc,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,EAAA,CAAE,CAAG,EAAA,YAAA,EAAc,CAAQ,IAAA,KAAA,IAAA,CAAK,EAAI,EAAA,kBAAA,kBAAqB,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAAM,EAAA,QAAA,EAAA,kCAAA,EAAgC,CAAS,EAAA,qBAAA,EAAuB,MAAO,CAAA,GAAA,EAAK,YAAY,CAAC;AAAA,UAC9P;AAAA,SACF,yBAAO,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,kBAAmB,CAAA,IAAA,CAAK,EAAE,CAAA,EAAG,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA,eAAA,CAAgB,QAAS,CAAA,IAAA,CAAK,EAAE,CAAA,IAAK,OAAO,OAAO,CAAA,EAC9G,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA;AAAA,UACvC,KAAK,IAAK,CAAA;AAAA,SACT,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,GACF,CAAc,EAAA;AAAA,OAAA,EAC1B,oBACI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,OAAA,EAAS,QAAK,EAAA,OAAA,EAAA,CAAA;AAAA,wBACjC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,KAAA,EAAO,YAAc,EAAA,QAAA,EAAU,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,SAAA,EAAS,IAAC,EAAA,oBAAA,EAAqB,SAAU,EAAA;AAAA,OACnH,EAAA,CAAA;AAAA,sBAEH,GAAA,CAAA,SAAA,EAAA,EAAU,OAAS,EAAA,MAAM,KAAK,QAAA,EAAY,EAAA,QAAA,EAAU,OAAQ,CAAA,IAAI,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,GAAK,EAAA,IAAA,IAAQ,MAAO,CAAA,MAAM,CACxG,EAAA,QAAA,EAAA,IAAA,mBAAQ,GAAA,CAAA,iBAAA,EAAA,EAAkB,KAAM,EAAA,SAAA,EAAU,CAAK,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,QAAU,EAAA,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAC9D,MAAA,KAAW,YAAY,SAAY,GAAA,YAAA;AAAA,QAAa;AAAA,OAAA,EAC5D,CACR,EAAA,CAAA;AAAA,MACC,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,QAAA,EAAW,gBAAK,CAAU,GAAA,IAAA;AAAA,MACrD,wBAAS,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,KAAA,EAAQ,iBAAM,CAAU,GAAA,IAAA;AAAA,MACpD,MAAM,MAAS,GAAA,CAAA,mBAAK,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,KAAA,EAC/B,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAM,EAAA,CAAA,0BAAO,IAA4C,EAAA,EAAA,KAAA,EAAO,OAAO,QAC1E,EAAA,QAAA,EAAA;AAAA,QAAK,IAAA,CAAA,IAAA,KAAS,YAAY,MAAS,GAAA,QAAA;AAAA,QAAS,QAAA;AAAA,QAAI,IAAA,CAAK,QAAQ,IAAK,CAAA,MAAA;AAAA,QAAO,OAAA;AAAA,QAAG,GAAA;AAAA,QAC5E,IAAK,CAAA,OAAA;AAAA,QAAQ;AAAA,OAAA,EAAA,EAFa,CAAG,EAAA,CAAC,CAAI,CAAA,EAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,CAAG,EAAA,EAAE,CAAC,CAAA,CAG7D,CAAO,CAAA,EACf,CAAU,GAAA;AAAA,KAClB,EAAA;AAAA,GACJ,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,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,EAAA;AAAA,IACZ,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,SAAW,EAAA,CAAA;AAAA,IACX,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,aAAe,EAAA,KAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,GAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA,SAAA;AAAA,IACjB,WAAa,EAAA;AAAA,GACf;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA;AAAA,GACT;AAAA,EACA,GAAK,EAAA;AAAA,IACH,iBAAmB,EAAA,EAAA;AAAA,IACnB,GAAK,EAAA;AAAA,GACP;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,EAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,gBAAkB,EAAA,CAAA;AAAA,IAClB,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA,aAAA;AAAA,IACb,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA;AAAA,GACf;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,gBAAkB,EAAA,EAAA;AAAA,IAClB,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAO,EAAA,SAAA;AAAA,IACP,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,gBAAkB,EAAA,EAAA;AAAA,IAClB,SAAW,EAAA,EAAA;AAAA,IACX,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAO,EAAA,SAAA;AAAA,IACP,iBAAmB,EAAA,KAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,gBAAkB,EAAA,EAAA;AAAA,IAClB,SAAW,EAAA,EAAA;AAAA,IACX,eAAiB,EAAA,EAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,UAAY,EAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,SAAW,EAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,SAAW,EAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,EAAA;AAAA,IACX,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA;AAElB,CAAC,CAAA"}

package/lib/features/canvas/MoodboardExperience.js

@@ -0,0 +1,205 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useState}from'react';import {StyleSheet,useWindowDimensions,View,Pressable,Text,FlatList,Image,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeAreaInsets}from'react-native-safe-area-context';import {newMoodboard,styleBrief}from'./moodboardCore.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.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));
+function MoodboardExperience({
+  boardItems,
+  initial,
+  onClose,
+  onUseBrief
+}) {
+  const insets = useSafeAreaInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const tile = Math.max(96, Math.floor((width - 48) / 3));
+  const boardImages = useMemo(() => boardItems.filter((item) => item.type === "image").map((item) => ({
+    id: item.id,
+    src: unwrapProxyUrl(item.src),
+    label: item.generatedAssetName
+  })), [boardItems]);
+  const [doc, setDoc] = useState(initial != null ? initial : newMoodboard());
+  const brief = styleBrief(doc.notes, doc.references.length);
+  const add = (reference) => {
+    if (doc.references.some((existing) => existing.src === reference.src)) return;
+    setDoc(__spreadProps(__spreadValues({}, doc), {
+      references: [...doc.references, reference]
+    }));
+  };
+  const remove = (id) => {
+    setDoc(__spreadProps(__spreadValues({}, doc), {
+      references: doc.references.filter((reference) => reference.id !== id)
+    }));
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.root, {
+    paddingTop: insets.top + 8,
+    paddingBottom: insets.bottom + 12
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityLabel: "Close moodboard", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#e2e8f0" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.title, children: "Moodboard" }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => onUseBrief(brief, doc.references.map((r) => r.src)), disabled: !brief.trim(), style: [styles.useBtn, !brief.trim() && styles.useOff], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.useLabel, children: "Use brief" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Board stills" }),
+    boardImages.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Place images on the board to pin them as references." }) : /* @__PURE__ */ jsx(FlatList, { horizontal: true, data: boardImages, keyExtractor: (item) => item.id, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, renderItem: ({
+      item
+    }) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => add({
+      id: `mb-${item.id}`,
+      src: item.src,
+      label: item.label
+    }), style: styles.addCard, children: [
+      /* @__PURE__ */ jsx(Image, { source: {
+        uri: item.src
+      }, style: styles.addThumb }),
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 16, color: "#F7F7FA", style: styles.addIcon })
+    ] }) }),
+    /* @__PURE__ */ jsx(Text, { style: styles.section, children: "References" }),
+    doc.references.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Tap a board still above to pin it." }) : /* @__PURE__ */ jsx(FlatList, { data: doc.references, keyExtractor: (item) => item.id, numColumns: 3, contentContainerStyle: styles.grid, renderItem: ({
+      item
+    }) => /* @__PURE__ */ jsxs(View, { style: [styles.refTile, {
+      width: tile,
+      height: tile
+    }], children: [
+      /* @__PURE__ */ jsx(Image, { source: {
+        uri: item.src
+      }, style: styles.refThumb }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => remove(item.id), style: styles.trash, hitSlop: 6, accessibilityLabel: "Remove reference", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 14, color: "#0f172a" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Notes" }),
+    /* @__PURE__ */ jsx(TextInput, { value: doc.notes, onChangeText: (notes) => setDoc(__spreadProps(__spreadValues({}, doc), {
+      notes
+    })), placeholder: "Soft daylight, muted teal, quiet luxury\u2026", placeholderTextColor: "#7A7A88", style: styles.notes, multiline: true }),
+    /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Style brief" }),
+    /* @__PURE__ */ jsx(Text, { style: styles.brief, children: brief || "Add notes or references to build a brief." })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#0B0B0E"
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    marginBottom: 12
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "700",
+    color: "#F7F7FA"
+  },
+  useBtn: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 9,
+    backgroundColor: "#8B7CFF"
+  },
+  useOff: {
+    opacity: 0.35
+  },
+  useLabel: {
+    fontSize: 13,
+    fontWeight: "700",
+    color: "#0A0A0C"
+  },
+  section: {
+    color: "#9A9AA5",
+    fontSize: 11,
+    paddingHorizontal: 16,
+    marginTop: 8,
+    marginBottom: 6
+  },
+  hint: {
+    color: "#7A7A88",
+    fontSize: 13,
+    paddingHorizontal: 16,
+    paddingBottom: 8
+  },
+  row: {
+    paddingHorizontal: 12,
+    gap: 8,
+    paddingBottom: 4
+  },
+  addCard: {
+    width: 72,
+    height: 72,
+    borderRadius: 10,
+    overflow: "hidden",
+    marginHorizontal: 4,
+    backgroundColor: "#1F1F24"
+  },
+  addThumb: {
+    width: "100%",
+    height: "100%"
+  },
+  addIcon: {
+    position: "absolute",
+    right: 4,
+    bottom: 4,
+    backgroundColor: "rgba(15,23,42,0.65)",
+    borderRadius: 8,
+    overflow: "hidden"
+  },
+  grid: {
+    paddingHorizontal: 12,
+    paddingBottom: 8
+  },
+  refTile: {
+    margin: 4,
+    borderRadius: 10,
+    overflow: "hidden",
+    backgroundColor: "#1F1F24"
+  },
+  refThumb: {
+    width: "100%",
+    height: "100%"
+  },
+  trash: {
+    position: "absolute",
+    top: 4,
+    right: 4,
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#F7F7FA"
+  },
+  notes: {
+    marginHorizontal: 16,
+    minHeight: 88,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    fontSize: 14,
+    textAlignVertical: "top"
+  },
+  brief: {
+    marginHorizontal: 16,
+    padding: 12,
+    borderRadius: 12,
+    backgroundColor: "#14141A",
+    color: "#D4D4DD",
+    fontSize: 13,
+    lineHeight: 18
+  }
+});export{MoodboardExperience};//# sourceMappingURL=MoodboardExperience.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoodboardExperience.js","sources":["../../../src/features/canvas/MoodboardExperience.tsx"],"sourcesContent":["/**\n * Native twin of canvas-surface Moodboard — references + notes → style brief\n * that seeds Generate. Palette sampling needs a DOM canvas; phone skips it.\n */\nimport React, { useMemo, useState } from 'react';\nimport { FlatList, Image, Pressable, StyleSheet, Text, TextInput, 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 { newMoodboard, styleBrief, type MoodboardDoc, type MoodboardReference } from './moodboardCore';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\n\nexport function MoodboardExperience({\n    boardItems,\n    initial,\n    onClose,\n    onUseBrief,\n}: {\n    boardItems: CanvasItem[];\n    initial?: MoodboardDoc | null;\n    onClose: () => void;\n    onUseBrief: (brief: string, refs: string[]) => void;\n}) {\n    const insets = useSafeAreaInsets();\n    const { width } = useWindowDimensions();\n    const tile = Math.max(96, Math.floor((width - 48) / 3));\n    const boardImages = useMemo(\n        () =>\n            boardItems\n                .filter((item) => item.type === 'image')\n                .map((item) => ({\n                    id: item.id,\n                    src: unwrapProxyUrl(item.src),\n                    label: item.generatedAssetName,\n                })),\n        [boardItems],\n    );\n    const [doc, setDoc] = useState<MoodboardDoc>(initial ?? newMoodboard());\n    const brief = styleBrief(doc.notes, doc.references.length);\n\n    const add = (reference: MoodboardReference) => {\n        if (doc.references.some((existing) => existing.src === reference.src)) return;\n        setDoc({ ...doc, references: [...doc.references, reference] });\n    };\n\n    const remove = (id: string) => {\n        setDoc({ ...doc, references: doc.references.filter((reference) => reference.id !== id) });\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 moodboard\">\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#e2e8f0\" />\n                </Pressable>\n                <Text style={styles.title}>Moodboard</Text>\n                <Pressable\n                    onPress={() =>\n                        onUseBrief(\n                            brief,\n                            doc.references.map((r) => r.src),\n                        )\n                    }\n                    disabled={!brief.trim()}\n                    style={[styles.useBtn, !brief.trim() && styles.useOff]}\n                    accessibilityRole=\"button\"\n                >\n                    <Text style={styles.useLabel}>Use brief</Text>\n                </Pressable>\n            </View>\n\n            <Text style={styles.section}>Board stills</Text>\n            {boardImages.length === 0 ? (\n                <Text style={styles.hint}>Place images on the board to pin them as references.</Text>\n            ) : (\n                <FlatList\n                    horizontal\n                    data={boardImages}\n                    keyExtractor={(item) => item.id}\n                    showsHorizontalScrollIndicator={false}\n                    contentContainerStyle={styles.row}\n                    renderItem={({ item }) => (\n                        <Pressable\n                            onPress={() => add({ id: `mb-${item.id}`, src: item.src, label: item.label })}\n                            style={styles.addCard}\n                        >\n                            <Image source={{ uri: item.src }} style={styles.addThumb} />\n                            <MaterialCommunityIcons name=\"plus\" size={16} color=\"#F7F7FA\" style={styles.addIcon} />\n                        </Pressable>\n                    )}\n                />\n            )}\n\n            <Text style={styles.section}>References</Text>\n            {doc.references.length === 0 ? (\n                <Text style={styles.hint}>Tap a board still above to pin it.</Text>\n            ) : (\n                <FlatList\n                    data={doc.references}\n                    keyExtractor={(item) => item.id}\n                    numColumns={3}\n                    contentContainerStyle={styles.grid}\n                    renderItem={({ item }) => (\n                        <View style={[styles.refTile, { width: tile, height: tile }]}>\n                            <Image source={{ uri: item.src }} style={styles.refThumb} />\n                            <Pressable\n                                onPress={() => remove(item.id)}\n                                style={styles.trash}\n                                hitSlop={6}\n                                accessibilityLabel=\"Remove reference\"\n                            >\n                                <MaterialCommunityIcons name=\"close\" size={14} color=\"#0f172a\" />\n                            </Pressable>\n                        </View>\n                    )}\n                />\n            )}\n\n            <Text style={styles.section}>Notes</Text>\n            <TextInput\n                value={doc.notes}\n                onChangeText={(notes) => setDoc({ ...doc, notes })}\n                placeholder=\"Soft daylight, muted teal, quiet luxury…\"\n                placeholderTextColor=\"#7A7A88\"\n                style={styles.notes}\n                multiline\n            />\n\n            <Text style={styles.section}>Style brief</Text>\n            <Text style={styles.brief}>{brief || 'Add notes or references to build a brief.'}</Text>\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    useBtn: {\n        paddingHorizontal: 12,\n        paddingVertical: 7,\n        borderRadius: 9,\n        backgroundColor: '#8B7CFF',\n    },\n    useOff: { opacity: 0.35 },\n    useLabel: { fontSize: 13, fontWeight: '700', color: '#0A0A0C' },\n    section: { color: '#9A9AA5', fontSize: 11, paddingHorizontal: 16, marginTop: 8, marginBottom: 6 },\n    hint: { color: '#7A7A88', fontSize: 13, paddingHorizontal: 16, paddingBottom: 8 },\n    row: { paddingHorizontal: 12, gap: 8, paddingBottom: 4 },\n    addCard: {\n        width: 72,\n        height: 72,\n        borderRadius: 10,\n        overflow: 'hidden',\n        marginHorizontal: 4,\n        backgroundColor: '#1F1F24',\n    },\n    addThumb: { width: '100%', height: '100%' },\n    addIcon: {\n        position: 'absolute',\n        right: 4,\n        bottom: 4,\n        backgroundColor: 'rgba(15,23,42,0.65)',\n        borderRadius: 8,\n        overflow: 'hidden',\n    },\n    grid: { paddingHorizontal: 12, paddingBottom: 8 },\n    refTile: { margin: 4, borderRadius: 10, overflow: 'hidden', backgroundColor: '#1F1F24' },\n    refThumb: { width: '100%', height: '100%' },\n    trash: {\n        position: 'absolute',\n        top: 4,\n        right: 4,\n        width: 22,\n        height: 22,\n        borderRadius: 11,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#F7F7FA',\n    },\n    notes: {\n        marginHorizontal: 16,\n        minHeight: 88,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        fontSize: 14,\n        textAlignVertical: 'top',\n    },\n    brief: {\n        marginHorizontal: 16,\n        padding: 12,\n        borderRadius: 12,\n        backgroundColor: '#14141A',\n        color: '#D4D4DD',\n        fontSize: 13,\n        lineHeight: 18,\n    },\n});\n"],"names":[],"mappings":"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"}