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

package/lib/features/canvas/videoEditor/formWidgets.js

@@ -1,13 +1,37 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Text,Pressable,TextInput,ScrollView}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';function Field({
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import {View,Text,TextInput,ScrollView,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,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
+};
+function Field({
   label,
   value,
   onChange,
   multiline,
   keyboardType
 }) {
-  return /* @__PURE__ */ jsxs(View, { style: formStyles.field, children: [
-    /* @__PURE__ */ jsx(Text, { style: formStyles.fieldLabel, children: label }),
-    /* @__PURE__ */ jsx(TextInput, { value, onChangeText: onChange, style: [formStyles.fieldInput, multiline && formStyles.fieldMulti], placeholderTextColor: "#5A5A66", autoCapitalize: "none", autoCorrect: false, multiline, keyboardType })
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  return /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.fieldLabel, children: label }),
+    /* @__PURE__ */ jsx(TextInput, { value, onChangeText: onChange, style: [styles.fieldInput, multiline && styles.fieldMulti], placeholderTextColor: theme.edInk3, autoCapitalize: "none", autoCorrect: false, multiline, keyboardType })
   ] });
 }
 function Stepper({
@@ -16,11 +40,17 @@ function Stepper({
   onLess,
   onMore
 }) {
-  return /* @__PURE__ */ jsxs(View, { style: formStyles.stepper, children: [
-    /* @__PURE__ */ jsx(Text, { style: formStyles.stepperLabel, children: label }),
-    /* @__PURE__ */ jsx(Pressable, { onPress: onLess, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} less`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "minus", size: 15, color: "#F7F7FA" }) }),
-    /* @__PURE__ */ jsx(Text, { style: formStyles.stepperValue, children: value }),
-    /* @__PURE__ */ jsx(Pressable, { onPress: onMore, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} more`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 15, color: "#F7F7FA" }) })
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  return /* @__PURE__ */ jsxs(View, { style: styles.stepper, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.stepperLabel, children: label }),
+    /* @__PURE__ */ jsx(Pressable, { onPress: onLess, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} less`, style: ({
+      pressed
+    }) => [styles.stepBtn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "minus", size: 16, color: theme.edInk }) }),
+    /* @__PURE__ */ jsx(Text, { style: styles.stepperValue, children: value }),
+    /* @__PURE__ */ jsx(Pressable, { onPress: onMore, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} more`, style: ({
+      pressed
+    }) => [styles.stepBtn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 16, color: theme.edInk }) })
   ] });
 }
 function ChoiceRow({
@@ -29,13 +59,17 @@ function ChoiceRow({
   value,
   onChange
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   return /* @__PURE__ */ jsxs(View, { children: [
-    /* @__PURE__ */ jsx(Text, { style: formStyles.fieldLabel, children: label }),
-    /* @__PURE__ */ jsx(View, { style: formStyles.row, children: options.map((o) => {
+    /* @__PURE__ */ jsx(Text, { style: styles.fieldLabel, children: label }),
+    /* @__PURE__ */ jsx(View, { style: styles.row, children: options.map((o) => {
       const on = o.value === value;
-      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(o.value), style: [formStyles.choice, on && formStyles.choiceOn], accessibilityRole: "button", accessibilityState: {
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(o.value), style: ({
+        pressed
+      }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)], accessibilityRole: "button", accessibilityState: {
         selected: on
-      }, children: /* @__PURE__ */ jsx(Text, { style: [formStyles.choiceLabel, on && formStyles.choiceLabelOn], numberOfLines: 1, children: o.label }) }, o.value);
+      }, children: /* @__PURE__ */ jsx(Text, { style: [styles.choiceLabel, on && styles.choiceLabelOn], numberOfLines: 1, children: o.label }) }, o.value);
     }) })
   ] });
 }
@@ -46,12 +80,16 @@ function PickRow({
   onSelect,
   empty
 }) {
-  if (items.length === 0) return /* @__PURE__ */ jsx(Text, { style: formStyles.hint, children: empty });
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  if (items.length === 0) return /* @__PURE__ */ jsx(Text, { style: styles.hint, children: empty });
   return /* @__PURE__ */ jsxs(View, { children: [
-    /* @__PURE__ */ jsx(Text, { style: formStyles.fieldLabel, children: label }),
-    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: formStyles.row, children: items.map((item) => {
+    /* @__PURE__ */ jsx(Text, { style: styles.fieldLabel, children: label }),
+    /* @__PURE__ */ jsx(ScrollView, { style: HSCROLL, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, children: items.map((item) => {
       const on = item.src === selected;
-      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onSelect(item.src), style: [formStyles.choice, on && formStyles.choiceOn], children: /* @__PURE__ */ jsx(Text, { style: [formStyles.choiceLabel, on && formStyles.choiceLabelOn], numberOfLines: 1, children: item.generatedAssetName || item.type }) }, item.id);
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => onSelect(item.src), style: ({
+        pressed
+      }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: [styles.choiceLabel, on && styles.choiceLabelOn], numberOfLines: 1, children: item.generatedAssetName || item.type }) }, item.id);
     }) })
   ] });
 }
@@ -61,82 +99,96 @@ function PickMulti({
   onChange,
   empty
 }) {
-  if (items.length === 0) return /* @__PURE__ */ jsx(Text, { style: formStyles.hint, children: empty });
-  return /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: formStyles.row, children: items.map((item) => {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  if (items.length === 0) return /* @__PURE__ */ jsx(Text, { style: styles.hint, children: empty });
+  return /* @__PURE__ */ jsx(ScrollView, { style: HSCROLL, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, children: items.map((item) => {
     const on = selected.includes(item.src);
-    return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(on ? selected.filter((u) => u !== item.src) : [...selected, item.src]), style: [formStyles.choice, on && formStyles.choiceOn], children: /* @__PURE__ */ jsx(Text, { style: [formStyles.choiceLabel, on && formStyles.choiceLabelOn], numberOfLines: 1, children: item.generatedAssetName || item.type }) }, item.id);
+    return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(on ? selected.filter((u) => u !== item.src) : [...selected, item.src]), style: ({
+      pressed
+    }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: [styles.choiceLabel, on && styles.choiceLabelOn], numberOfLines: 1, children: item.generatedAssetName || item.type }) }, item.id);
   }) });
 }
-const formStyles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   field: {
     minWidth: 88,
     flexGrow: 1
   },
-  fieldLabel: {
-    color: "#9A9AA5",
-    fontSize: 11,
-    marginBottom: 4
-  },
+  fieldLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk2,
+    marginBottom: SPACE.xs
+  }),
   fieldInput: {
-    color: "#F7F7FA",
-    fontSize: 13,
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderRadius: 9,
-    backgroundColor: "#1F1F24"
+    color: theme.edInk,
+    fontSize: 14,
+    paddingHorizontal: SPACE.md,
+    paddingVertical: 10,
+    borderRadius: RADIUS.md,
+    backgroundColor: theme.edRaised
   },
   fieldMulti: {
-    minHeight: 56,
+    minHeight: 64,
     textAlignVertical: "top"
   },
   stepper: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 9,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 9,
-    backgroundColor: "#1F1F24"
+    gap: SPACE.xs,
+    paddingLeft: SPACE.md,
+    paddingRight: SPACE.xs,
+    minHeight: 40,
+    borderRadius: RADIUS.md,
+    backgroundColor: theme.edRaised
   },
-  stepperLabel: {
-    color: "#9A9AA5",
-    fontSize: 11.5
+  stepBtn: {
+    width: 30,
+    height: 30,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.edRaisedHi,
+    alignItems: "center",
+    justifyContent: "center"
   },
-  stepperValue: {
-    color: "#F7F7FA",
-    fontSize: 12.5,
+  stepperLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk2,
+    marginRight: SPACE.xs
+  }),
+  stepperValue: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.edInk,
     fontVariant: ["tabular-nums"],
     minWidth: 44,
     textAlign: "center"
-  },
-  hint: {
-    color: "#9A9AA5",
-    fontSize: 13,
-    lineHeight: 18
-  },
+  }),
+  hint: __spreadProps(__spreadValues({}, TYPE.label), {
+    fontWeight: "400",
+    color: theme.edInk2
+  }),
   row: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 8,
+    gap: SPACE.sm,
     flexWrap: "wrap",
-    paddingVertical: 4
+    paddingVertical: SPACE.xs
   },
   choice: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 9,
-    backgroundColor: "#1F1F24",
+    minHeight: 34,
+    justifyContent: "center",
+    paddingHorizontal: SPACE.md,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.edRaised,
     maxWidth: 160
   },
   choiceOn: {
-    backgroundColor: "#8B7CFF"
-  },
-  choiceLabel: {
-    color: "#F7F7FA",
-    fontSize: 12.5,
-    fontWeight: "500"
+    backgroundColor: theme.edInk
   },
+  choiceLabel: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk
+  }),
   choiceLabelOn: {
-    color: "#0A0A0C"
+    color: theme.edOnInk,
+    fontWeight: "600"
   }
-});export{ChoiceRow,Field,PickMulti,PickRow,Stepper,formStyles};//# sourceMappingURL=formWidgets.js.map
+}));
+function useFormStyles() {
+  const theme = useCanvasTheme();
+  return useMemo(() => makeStyles(theme), [theme]);
+}export{ChoiceRow,Field,PickMulti,PickRow,Stepper,useFormStyles};//# sourceMappingURL=formWidgets.js.map

package/lib/features/canvas/videoEditor/formWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"formWidgets.js","sources":["../../../../src/features/canvas/videoEditor/formWidgets.tsx"],"sourcesContent":["/**\n * Small form widgets shared by the Edit Video sheet (VideoEditExperience) and\n * the editor's Tools drawer: a text field, a +/- stepper and media pickers.\n */\nimport React from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasItem } from '../canvasCore';\n\nexport function Field({\n    label,\n    value,\n    onChange,\n    multiline,\n    keyboardType,\n}: {\n    label: string;\n    value: string;\n    onChange: (v: string) => void;\n    multiline?: boolean;\n    keyboardType?: 'default' | 'decimal-pad' | 'numbers-and-punctuation';\n}) {\n    return (\n        <View style={formStyles.field}>\n            <Text style={formStyles.fieldLabel}>{label}</Text>\n            <TextInput\n                value={value}\n                onChangeText={onChange}\n                style={[formStyles.fieldInput, multiline && formStyles.fieldMulti]}\n                placeholderTextColor=\"#5A5A66\"\n                autoCapitalize=\"none\"\n                autoCorrect={false}\n                multiline={multiline}\n                keyboardType={keyboardType}\n            />\n        </View>\n    );\n}\n\nexport function Stepper({\n    label,\n    value,\n    onLess,\n    onMore,\n}: {\n    label: string;\n    value: string;\n    onLess: () => void;\n    onMore: () => void;\n}) {\n    return (\n        <View style={formStyles.stepper}>\n            <Text style={formStyles.stepperLabel}>{label}</Text>\n            <Pressable onPress={onLess} hitSlop={8} accessibilityRole=\"button\" accessibilityLabel={`${label} less`}>\n                <MaterialCommunityIcons name=\"minus\" size={15} color=\"#F7F7FA\" />\n            </Pressable>\n            <Text style={formStyles.stepperValue}>{value}</Text>\n            <Pressable onPress={onMore} hitSlop={8} accessibilityRole=\"button\" accessibilityLabel={`${label} more`}>\n                <MaterialCommunityIcons name=\"plus\" size={15} color=\"#F7F7FA\" />\n            </Pressable>\n        </View>\n    );\n}\n\n/** Pick one of a fixed set of labelled values (chips). */\nexport function ChoiceRow({\n    label,\n    options,\n    value,\n    onChange,\n}: {\n    label: string;\n    options: ReadonlyArray<{ value: string; label: string }>;\n    value: string;\n    onChange: (v: string) => void;\n}) {\n    return (\n        <View>\n            <Text style={formStyles.fieldLabel}>{label}</Text>\n            <View style={formStyles.row}>\n                {options.map((o) => {\n                    const on = o.value === value;\n                    return (\n                        <Pressable\n                            key={o.value}\n                            onPress={() => onChange(o.value)}\n                            style={[formStyles.choice, on && formStyles.choiceOn]}\n                            accessibilityRole=\"button\"\n                            accessibilityState={{ selected: on }}\n                        >\n                            <Text style={[formStyles.choiceLabel, on && formStyles.choiceLabelOn]} numberOfLines={1}>\n                                {o.label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </View>\n        </View>\n    );\n}\n\nexport function PickRow({\n    label,\n    items,\n    selected,\n    onSelect,\n    empty,\n}: {\n    label: string;\n    items: readonly CanvasItem[];\n    selected: string;\n    onSelect: (url: string) => void;\n    empty: string;\n}) {\n    if (items.length === 0) return <Text style={formStyles.hint}>{empty}</Text>;\n    return (\n        <View>\n            <Text style={formStyles.fieldLabel}>{label}</Text>\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={formStyles.row}>\n                {items.map((item) => {\n                    const on = item.src === selected;\n                    return (\n                        <Pressable\n                            key={item.id}\n                            onPress={() => onSelect(item.src)}\n                            style={[formStyles.choice, on && formStyles.choiceOn]}\n                        >\n                            <Text style={[formStyles.choiceLabel, on && formStyles.choiceLabelOn]} numberOfLines={1}>\n                                {item.generatedAssetName || item.type}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </ScrollView>\n        </View>\n    );\n}\n\nexport function PickMulti({\n    items,\n    selected,\n    onChange,\n    empty,\n}: {\n    items: readonly CanvasItem[];\n    selected: string[];\n    onChange: (urls: string[]) => void;\n    empty: string;\n}) {\n    if (items.length === 0) return <Text style={formStyles.hint}>{empty}</Text>;\n    return (\n        <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={formStyles.row}>\n            {items.map((item) => {\n                const on = selected.includes(item.src);\n                return (\n                    <Pressable\n                        key={item.id}\n                        onPress={() => onChange(on ? selected.filter((u) => u !== item.src) : [...selected, item.src])}\n                        style={[formStyles.choice, on && formStyles.choiceOn]}\n                    >\n                        <Text style={[formStyles.choiceLabel, on && formStyles.choiceLabelOn]} numberOfLines={1}>\n                            {item.generatedAssetName || item.type}\n                        </Text>\n                    </Pressable>\n                );\n            })}\n        </ScrollView>\n    );\n}\n\nexport const formStyles = StyleSheet.create({\n    field: { minWidth: 88, flexGrow: 1 },\n    fieldLabel: { color: '#9A9AA5', fontSize: 11, marginBottom: 4 },\n    fieldInput: {\n        color: '#F7F7FA',\n        fontSize: 13,\n        paddingHorizontal: 10,\n        paddingVertical: 8,\n        borderRadius: 9,\n        backgroundColor: '#1F1F24',\n    },\n    fieldMulti: { minHeight: 56, textAlignVertical: 'top' },\n    stepper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 9,\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        borderRadius: 9,\n        backgroundColor: '#1F1F24',\n    },\n    stepperLabel: { color: '#9A9AA5', fontSize: 11.5 },\n    stepperValue: {\n        color: '#F7F7FA',\n        fontSize: 12.5,\n        fontVariant: ['tabular-nums'],\n        minWidth: 44,\n        textAlign: 'center',\n    },\n    hint: { color: '#9A9AA5', fontSize: 13, lineHeight: 18 },\n    row: { flexDirection: 'row', alignItems: 'center', gap: 8, flexWrap: 'wrap', paddingVertical: 4 },\n    choice: {\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        borderRadius: 9,\n        backgroundColor: '#1F1F24',\n        maxWidth: 160,\n    },\n    choiceOn: { backgroundColor: '#8B7CFF' },\n    choiceLabel: { color: '#F7F7FA', fontSize: 12.5, fontWeight: '500' },\n    choiceLabelOn: { color: '#0A0A0C' },\n});\n"],"names":[],"mappings":"gLAQO,SAAS,KAAM,CAAA;AAAA,EACpB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAMG,EAAA;AACD,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,UAAA,CAAW,KACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,UAAA,EAAa,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBAC3C,GAAA,CAAC,aAAU,KAAc,EAAA,YAAA,EAAc,UAAU,KAAO,EAAA,CAAC,WAAW,UAAY,EAAA,SAAA,IAAa,WAAW,UAAU,CAAA,EAAG,sBAAqB,SAAU,EAAA,cAAA,EAAe,QAAO,WAAa,EAAA,KAAA,EAAO,WAAsB,YAA4B,EAAA;AAAA,GACpP,EAAA,CAAA;AACR;AACO,SAAS,OAAQ,CAAA;AAAA,EACtB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAKG,EAAA;AACD,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,UAAA,CAAW,OACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,YAAA,EAAe,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,aAAU,OAAS,EAAA,MAAA,EAAQ,SAAS,CAAG,EAAA,iBAAA,EAAkB,UAAS,kBAAoB,EAAA,CAAA,EAAG,KAAK,CAC3F,KAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,0BAAuB,IAAK,EAAA,OAAA,EAAQ,MAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnE,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,UAAA,CAAW,cAAe,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,aAAU,OAAS,EAAA,MAAA,EAAQ,SAAS,CAAG,EAAA,iBAAA,EAAkB,UAAS,kBAAoB,EAAA,CAAA,EAAG,KAAK,CAC3F,KAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,0BAAuB,IAAK,EAAA,MAAA,EAAO,MAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CAClE,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AAGO,SAAS,SAAU,CAAA;AAAA,EACxB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAQG,EAAA;AACD,EAAA,4BAAQ,IACE,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,UAAA,EAAa,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBAC1C,IAAK,EAAA,EAAA,KAAA,EAAO,WAAW,GACnB,EAAA,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAK,CAAA,KAAA;AAC1B,MAAM,MAAA,EAAA,GAAK,EAAE,KAAU,KAAA,KAAA;AACvB,MAAA,2BAAQ,SAAwB,EAAA,EAAA,OAAA,EAAS,MAAM,QAAS,CAAA,CAAA,CAAE,KAAK,CAAG,EAAA,KAAA,EAAO,CAAC,UAAA,CAAW,QAAQ,EAAM,IAAA,UAAA,CAAW,QAAQ,CAAG,EAAA,iBAAA,EAAkB,UAAS,kBAAoB,EAAA;AAAA,QACtK,QAAU,EAAA;AAAA,SAEQ,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,WAAW,WAAa,EAAA,EAAA,IAAM,UAAW,CAAA,aAAa,GAAG,aAAe,EAAA,CAAA,EACjF,YAAE,KACP,EAAA,CAAA,EAAA,EALG,EAAE,KAMT,CAAA;AAAA,KACjB,CACK,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACO,SAAS,OAAQ,CAAA;AAAA,EACtB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAMG,EAAA;AACD,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA,2BAAQ,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,IAAA,EAAO,QAAM,EAAA,KAAA,EAAA,CAAA;AACpE,EAAA,4BAAQ,IACE,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,UAAA,EAAa,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,oBAC3C,GAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAU,IAAC,EAAA,8BAAA,EAAgC,KAAO,EAAA,qBAAA,EAAuB,UAAW,CAAA,GAAA,EAC3F,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAQ,IAAA,KAAA;AAC3B,MAAM,MAAA,EAAA,GAAK,KAAK,GAAQ,KAAA,QAAA;AACxB,MAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAwB,OAAS,EAAA,MAAM,SAAS,IAAK,CAAA,GAAG,CAAG,EAAA,KAAA,EAAO,CAAC,UAAW,CAAA,MAAA,EAAQ,EAAM,IAAA,UAAA,CAAW,QAAQ,CACnG,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,UAAA,CAAW,WAAa,EAAA,EAAA,IAAM,WAAW,aAAa,CAAA,EAAG,aAAe,EAAA,CAAA,EACjF,eAAK,kBAAsB,IAAA,IAAA,CAAK,IACrC,EAAA,CAAA,EAAA,EAHG,KAAK,EAIZ,CAAA;AAAA,KACjB,CACK,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACO,SAAS,SAAU,CAAA;AAAA,EACxB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAKG,EAAA;AACD,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA,2BAAQ,IAAK,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,IAAA,EAAO,QAAM,EAAA,KAAA,EAAA,CAAA;AACpE,EAAO,uBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAU,IAAC,EAAA,8BAAA,EAAgC,KAAO,EAAA,qBAAA,EAAuB,UAAW,CAAA,GAAA,EAC5F,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAQ,IAAA,KAAA;AACzB,IAAA,MAAM,EAAK,GAAA,QAAA,CAAS,QAAS,CAAA,IAAA,CAAK,GAAG,CAAA;AACrC,IAAO,uBAAA,GAAA,CAAC,aAAwB,OAAS,EAAA,MAAM,SAAS,EAAK,GAAA,QAAA,CAAS,OAAO,CAAK,CAAA,KAAA,CAAA,KAAM,KAAK,GAAG,CAAA,GAAI,CAAC,GAAG,QAAA,EAAU,KAAK,GAAG,CAAC,CAAG,EAAA,KAAA,EAAO,CAAC,UAAA,CAAW,QAAQ,EAAM,IAAA,UAAA,CAAW,QAAQ,CAChK,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,WAAW,WAAa,EAAA,EAAA,IAAM,WAAW,aAAa,CAAA,EAAG,eAAe,CACjF,EAAA,QAAA,EAAA,IAAA,CAAK,sBAAsB,IAAK,CAAA,IAAA,EACrC,CAHK,EAAA,EAAA,IAAA,CAAK,EAId,CAAA;AAAA,GACf,CACG,EAAA,CAAA;AACR;AACa,MAAA,UAAA,GAAa,WAAW,MAAO,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAW,EAAA,EAAA;AAAA,IACX,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,CAAA;AAAA,IACL,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,WAAA,EAAa,CAAC,cAAc,CAAA;AAAA,IAC5B,QAAU,EAAA,EAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,GAAK,EAAA;AAAA,IACH,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,CAAA;AAAA,IACL,QAAU,EAAA,MAAA;AAAA,IACV,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,aAAe,EAAA;AAAA,IACb,KAAO,EAAA;AAAA;AAEX,CAAC"}
+{"version":3,"file":"formWidgets.js","sources":["../../../../src/features/canvas/videoEditor/formWidgets.tsx"],"sourcesContent":["/**\n * Small form widgets shared by the Edit Video sheet (VideoEditExperience) and\n * the editor's Tools drawer: a text field, a +/- stepper and media pickers.\n */\nimport React, { useMemo } from 'react';\nimport { ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasItem } from '../canvasCore';\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 function Field({\n    label,\n    value,\n    onChange,\n    multiline,\n    keyboardType,\n}: {\n    label: string;\n    value: string;\n    onChange: (v: string) => void;\n    multiline?: boolean;\n    keyboardType?: 'default' | 'decimal-pad' | 'numbers-and-punctuation';\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View style={styles.field}>\n            <Text style={styles.fieldLabel}>{label}</Text>\n            <TextInput\n                value={value}\n                onChangeText={onChange}\n                style={[styles.fieldInput, multiline && styles.fieldMulti]}\n                placeholderTextColor={theme.edInk3}\n                autoCapitalize=\"none\"\n                autoCorrect={false}\n                multiline={multiline}\n                keyboardType={keyboardType}\n            />\n        </View>\n    );\n}\n\nexport function Stepper({\n    label,\n    value,\n    onLess,\n    onMore,\n}: {\n    label: string;\n    value: string;\n    onLess: () => void;\n    onMore: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View style={styles.stepper}>\n            <Text style={styles.stepperLabel}>{label}</Text>\n            <Pressable\n                onPress={onLess}\n                hitSlop={8}\n                accessibilityRole=\"button\"\n                accessibilityLabel={`${label} less`}\n                style={({ pressed }) => [styles.stepBtn, pressedStyle(pressed)]}\n            >\n                <MaterialCommunityIcons name=\"minus\" size={16} color={theme.edInk} />\n            </Pressable>\n            <Text style={styles.stepperValue}>{value}</Text>\n            <Pressable\n                onPress={onMore}\n                hitSlop={8}\n                accessibilityRole=\"button\"\n                accessibilityLabel={`${label} more`}\n                style={({ pressed }) => [styles.stepBtn, pressedStyle(pressed)]}\n            >\n                <MaterialCommunityIcons name=\"plus\" size={16} color={theme.edInk} />\n            </Pressable>\n        </View>\n    );\n}\n\n/** Pick one of a fixed set of labelled values (chips). */\nexport function ChoiceRow({\n    label,\n    options,\n    value,\n    onChange,\n}: {\n    label: string;\n    options: ReadonlyArray<{ value: string; label: string }>;\n    value: string;\n    onChange: (v: string) => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View>\n            <Text style={styles.fieldLabel}>{label}</Text>\n            <View style={styles.row}>\n                {options.map((o) => {\n                    const on = o.value === value;\n                    return (\n                        <Pressable\n                            key={o.value}\n                            onPress={() => onChange(o.value)}\n                            style={({ pressed }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)]}\n                            accessibilityRole=\"button\"\n                            accessibilityState={{ selected: on }}\n                        >\n                            <Text style={[styles.choiceLabel, on && styles.choiceLabelOn]} numberOfLines={1}>\n                                {o.label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </View>\n        </View>\n    );\n}\n\nexport function PickRow({\n    label,\n    items,\n    selected,\n    onSelect,\n    empty,\n}: {\n    label: string;\n    items: readonly CanvasItem[];\n    selected: string;\n    onSelect: (url: string) => void;\n    empty: string;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    if (items.length === 0) return <Text style={styles.hint}>{empty}</Text>;\n    return (\n        <View>\n            <Text style={styles.fieldLabel}>{label}</Text>\n            <ScrollView\n                style={HSCROLL}\n                horizontal\n                showsHorizontalScrollIndicator={false}\n                contentContainerStyle={styles.row}\n            >\n                {items.map((item) => {\n                    const on = item.src === selected;\n                    return (\n                        <Pressable\n                            key={item.id}\n                            onPress={() => onSelect(item.src)}\n                            style={({ pressed }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)]}\n                        >\n                            <Text style={[styles.choiceLabel, on && styles.choiceLabelOn]} numberOfLines={1}>\n                                {item.generatedAssetName || item.type}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </ScrollView>\n        </View>\n    );\n}\n\nexport function PickMulti({\n    items,\n    selected,\n    onChange,\n    empty,\n}: {\n    items: readonly CanvasItem[];\n    selected: string[];\n    onChange: (urls: string[]) => void;\n    empty: string;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    if (items.length === 0) return <Text style={styles.hint}>{empty}</Text>;\n    return (\n        <ScrollView\n            style={HSCROLL}\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            contentContainerStyle={styles.row}\n        >\n            {items.map((item) => {\n                const on = selected.includes(item.src);\n                return (\n                    <Pressable\n                        key={item.id}\n                        onPress={() => onChange(on ? selected.filter((u) => u !== item.src) : [...selected, item.src])}\n                        style={({ pressed }) => [styles.choice, on && styles.choiceOn, pressedStyle(pressed)]}\n                    >\n                        <Text style={[styles.choiceLabel, on && styles.choiceLabelOn]} numberOfLines={1}>\n                            {item.generatedAssetName || item.type}\n                        </Text>\n                    </Pressable>\n                );\n            })}\n        </ScrollView>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        field: { minWidth: 88, flexGrow: 1 },\n        fieldLabel: { ...TYPE.caption, color: theme.edInk2, marginBottom: SPACE.xs },\n        fieldInput: {\n            color: theme.edInk,\n            fontSize: 14,\n            paddingHorizontal: SPACE.md,\n            paddingVertical: 10,\n            borderRadius: RADIUS.md,\n            backgroundColor: theme.edRaised,\n        },\n        fieldMulti: { minHeight: 64, textAlignVertical: 'top' },\n        stepper: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.xs,\n            paddingLeft: SPACE.md,\n            paddingRight: SPACE.xs,\n            minHeight: 40,\n            borderRadius: RADIUS.md,\n            backgroundColor: theme.edRaised,\n        },\n        stepBtn: {\n            width: 30,\n            height: 30,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edRaisedHi,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        stepperLabel: { ...TYPE.caption, color: theme.edInk2, marginRight: SPACE.xs },\n        stepperValue: {\n            ...TYPE.label,\n            color: theme.edInk,\n            fontVariant: ['tabular-nums'],\n            minWidth: 44,\n            textAlign: 'center',\n        },\n        hint: { ...TYPE.label, fontWeight: '400', color: theme.edInk2 },\n        row: { flexDirection: 'row', alignItems: 'center', gap: SPACE.sm, flexWrap: 'wrap', paddingVertical: SPACE.xs },\n        choice: {\n            minHeight: 34,\n            justifyContent: 'center',\n            paddingHorizontal: SPACE.md,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edRaised,\n            maxWidth: 160,\n        },\n        choiceOn: { backgroundColor: theme.edInk },\n        choiceLabel: { ...TYPE.caption, color: theme.edInk },\n        choiceLabelOn: { color: theme.edOnInk, fontWeight: '600' },\n    }),\n);\n\n/** The shared form skins for the active canvas theme (used by the editor's Tools drawer too). */\nexport function useFormStyles() {\n    const theme = useCanvasTheme();\n    return useMemo(() => makeStyles(theme), [theme]);\n}\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/videoEditor/produce/ProduceVideoSheet.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useState}from'react';import {StyleSheet,Modal,Pressable,View,Text,ScrollView,ActivityIndicator,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {STATIC_VIDEO_MODELS}from'../../generationModels.js';import {produceScenes,produceSummary,produceJob,runProduce}from'./produceScenes.js';var __defProp = Object.defineProperty;
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useState}from'react';import {Modal,View,Text,ScrollView,ActivityIndicator,TextInput,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {STATIC_VIDEO_MODELS}from'../../generationModels.js';import {produceScenes,produceSummary,produceJob,runProduce}from'./produceScenes.js';import {useCanvasTheme,themedStyles}from'../../canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE}from'../../canvasUi.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -30,6 +30,8 @@ function ProduceVideoSheet({
   onFootage
 }) {
   var _a2;
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const scenes = useMemo(() => produceScenes(timeline, sourceSec), [timeline, sourceSec]);
   const [picked, setPicked] = useState({});
   const [shots, setShots] = useState({});
@@ -61,9 +63,10 @@ function ProduceVideoSheet({
   return /* @__PURE__ */ jsxs(Modal, { visible, transparent: true, animationType: "slide", onRequestClose: onClose, children: [
     /* @__PURE__ */ jsx(Pressable, { style: styles.scrim, onPress: running ? void 0 : onClose, accessibilityLabel: "Close" }),
     /* @__PURE__ */ jsxs(View, { style: styles.sheet, testID: "produce-video-sheet", children: [
+      /* @__PURE__ */ jsx(View, { style: styles.grabber }),
       /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
         /* @__PURE__ */ jsx(Text, { style: styles.title, children: "Produce video" }),
-        /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#F7F7FA" }) })
+        /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: theme.edInk }) })
       ] }),
       /* @__PURE__ */ jsxs(Text, { style: styles.hint, children: [
         "Films each chosen scene with ",
@@ -79,117 +82,128 @@ function ProduceVideoSheet({
           return /* @__PURE__ */ jsxs(View, { style: [styles.row, on && styles.rowOn], children: [
             /* @__PURE__ */ jsxs(Pressable, { onPress: () => setPicked((p) => __spreadProps(__spreadValues({}, p), {
               [s.sceneId]: !on
-            })), disabled: running, style: styles.rowHead, accessibilityRole: "checkbox", accessibilityState: {
+            })), disabled: running, style: ({
+              pressed
+            }) => [styles.rowHead, pressedStyle(pressed)], accessibilityRole: "checkbox", accessibilityState: {
               checked: on
             }, children: [
-              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: on ? "checkbox-marked" : "checkbox-blank-outline", size: 18, color: on ? "#8B7CFF" : "#6A6A75" }),
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: on ? "checkbox-marked" : "checkbox-blank-outline", size: 20, color: on ? theme.edAccent : theme.edInk3 }),
               /* @__PURE__ */ jsx(Text, { style: styles.label, numberOfLines: 1, children: s.label }),
               /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
                 s.seconds,
                 "s",
                 s.hasFootage ? " \xB7 has footage" : ""
               ] }),
-              (st == null ? void 0 : st.state) === "filming" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: "#8B7CFF" }) : null,
-              (st == null ? void 0 : st.state) === "done" ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check-circle", size: 16, color: "#34D399" }) : null
+              (st == null ? void 0 : st.state) === "filming" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.edAccent }) : null,
+              (st == null ? void 0 : st.state) === "done" ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check-circle", size: 16, color: theme.edOk }) : null
             ] }),
             on ? /* @__PURE__ */ jsx(TextInput, { value: (_a3 = shots[s.sceneId]) != null ? _a3 : s.shot, onChangeText: (text) => setShots((p) => __spreadProps(__spreadValues({}, p), {
               [s.sceneId]: text
-            })), editable: !running, multiline: true, style: styles.shot, placeholderTextColor: "#5A5A66" }) : null,
+            })), editable: !running, multiline: true, style: styles.shot, placeholderTextColor: theme.edInk3 }) : null,
             (st == null ? void 0 : st.state) === "failed" ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: st.message }) : null
           ] }, s.sceneId);
         })
       ] }),
-      /* @__PURE__ */ jsx(Pressable, { onPress: start, disabled: !runAction || running || chosen.length === 0, style: [styles.run, (!runAction || running || chosen.length === 0) && styles.runOff], accessibilityRole: "button", children: running ? /* @__PURE__ */ jsx(ActivityIndicator, { color: "#0A0A0C" }) : /* @__PURE__ */ jsxs(Text, { style: styles.runLabel, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: start, disabled: !runAction || running || chosen.length === 0, style: ({
+        pressed
+      }) => [styles.run, (!runAction || running || chosen.length === 0) && styles.runOff, pressedStyle(pressed)], accessibilityRole: "button", children: running ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.primaryForeground }) : /* @__PURE__ */ jsxs(Text, { style: styles.runLabel, children: [
         "Film ",
         produceSummary(chosen, DURATIONS)
       ] }) })
     ] })
   ] });
 }
-const styles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   scrim: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.45)"
   },
   sheet: {
     maxHeight: "82%",
-    backgroundColor: "#141418",
-    borderTopLeftRadius: 18,
-    borderTopRightRadius: 18,
-    paddingHorizontal: 16,
-    paddingBottom: 28,
-    gap: 10
+    backgroundColor: theme.edPanel,
+    borderTopLeftRadius: RADIUS.xl,
+    borderTopRightRadius: RADIUS.xl,
+    paddingHorizontal: SPACE.lg,
+    paddingBottom: SPACE.xxl,
+    gap: SPACE.md
+  },
+  grabber: {
+    alignSelf: "center",
+    width: 36,
+    height: 4,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.edTint(0.18),
+    marginTop: SPACE.sm
   },
   header: {
     flexDirection: "row",
     alignItems: "center",
-    paddingTop: 14
+    paddingTop: SPACE.xs
   },
-  title: {
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
     flex: 1,
-    color: "#F7F7FA",
-    fontSize: 16,
-    fontWeight: "700"
-  },
-  hint: {
-    color: "#8B8B96",
-    fontSize: 12.5,
-    lineHeight: 17
-  },
+    color: theme.edInk
+  }),
+  hint: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    lineHeight: 17,
+    color: theme.edInk3
+  }),
   list: {
-    gap: 8,
-    paddingVertical: 6
+    gap: SPACE.sm,
+    paddingVertical: SPACE.xs
   },
   row: {
-    gap: 6,
-    padding: 10,
-    borderRadius: 12,
-    backgroundColor: "#1B1B21"
+    gap: SPACE.sm,
+    padding: SPACE.md,
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    borderColor: "transparent",
+    backgroundColor: theme.edRaised
   },
   rowOn: {
-    borderWidth: 1,
-    borderColor: "#3B3366"
+    borderColor: theme.edAccent
   },
   rowHead: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 8
+    gap: SPACE.sm,
+    minHeight: 32
   },
-  label: {
+  label: __spreadProps(__spreadValues({}, TYPE.label), {
     flex: 1,
-    color: "#F7F7FA",
-    fontSize: 13.5,
-    fontWeight: "600"
-  },
-  meta: {
-    color: "#8B8B96",
-    fontSize: 12
-  },
+    color: theme.edInk
+  }),
+  meta: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.edInk3
+  }),
   shot: {
-    color: "#E4E4EA",
-    fontSize: 12.5,
-    minHeight: 48,
-    padding: 8,
-    borderRadius: 8,
-    backgroundColor: "#24242B",
+    color: theme.edInk,
+    fontSize: 13,
+    lineHeight: 18,
+    minHeight: 52,
+    paddingHorizontal: SPACE.md,
+    paddingVertical: SPACE.sm,
+    borderRadius: RADIUS.sm,
+    backgroundColor: theme.edRaisedHi,
     textAlignVertical: "top"
   },
-  error: {
-    color: "#F87171",
-    fontSize: 12
-  },
+  error: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edDanger
+  }),
   run: {
     alignItems: "center",
-    paddingVertical: 13,
-    borderRadius: 12,
-    backgroundColor: "#8B7CFF"
+    justifyContent: "center",
+    minHeight: 50,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.primary
   },
   runOff: {
     opacity: 0.4
   },
-  runLabel: {
-    color: "#0A0A0C",
-    fontSize: 14,
-    fontWeight: "700"
-  }
-});export{ProduceVideoSheet};//# sourceMappingURL=ProduceVideoSheet.js.map
+  runLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    fontSize: 15,
+    color: theme.primaryForeground
+  })
+}));export{ProduceVideoSheet};//# sourceMappingURL=ProduceVideoSheet.js.map

package/lib/features/canvas/videoEditor/produce/ProduceVideoSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProduceVideoSheet.js","sources":["../../../../../src/features/canvas/videoEditor/produce/ProduceVideoSheet.tsx"],"sourcesContent":["/**\n * Produce video sheet (web produce/ProduceVideoSheet.tsx): lists the cut's\n * scenes with their shots, films the chosen ones with an AI video model -\n * two at a time - and swaps each colour scene for its clip as it lands.\n */\nimport React, { useMemo, useState } from 'react';\nimport { ActivityIndicator, Modal, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { STATIC_VIDEO_MODELS } from '../../generationModels';\nimport type { EditorTimeline } from '../editorModel';\nimport type { RunMediaAction } from '../mediaActions';\nimport {\n    produceJob,\n    produceScenes,\n    produceSummary,\n    runProduce,\n    type ProduceStatus,\n    type SceneFootage,\n} from './produceScenes';\n\nexport interface ProduceVideoSheetProps {\n    visible: boolean;\n    onClose: () => void;\n    timeline: EditorTimeline;\n    sourceSec: Readonly<Record<string, number>>;\n    aspectRatio: string;\n    runAction?: RunMediaAction;\n    /** A scene's footage came back: swap it in. */\n    onFootage: (sceneId: string, footage: SceneFootage) => void;\n}\n\nconst MODEL = STATIC_VIDEO_MODELS[0];\nconst DURATIONS = MODEL?.supportedDurationsSeconds ?? [4, 6, 8];\n\nexport function ProduceVideoSheet({\n    visible,\n    onClose,\n    timeline,\n    sourceSec,\n    aspectRatio,\n    runAction,\n    onFootage,\n}: ProduceVideoSheetProps) {\n    const scenes = useMemo(() => produceScenes(timeline, sourceSec), [timeline, sourceSec]);\n    const [picked, setPicked] = useState<Record<string, boolean>>({});\n    const [shots, setShots] = useState<Record<string, string>>({});\n    const [status, setStatus] = useState<Record<string, ProduceStatus>>({});\n    const [running, setRunning] = useState(false);\n\n    const isPicked = (id: string, hasFootage: boolean) => picked[id] ?? !hasFootage;\n    const chosen = scenes.filter((s) => isPicked(s.sceneId, s.hasFootage));\n\n    const start = () => {\n        if (!runAction || running || chosen.length === 0) return;\n        setRunning(true);\n        const jobs = chosen.map((s) => produceJob(s, DURATIONS, shots[s.sceneId]?.trim() || s.shot));\n        void runProduce(jobs, runAction, {\n            aspectRatio,\n            model: MODEL?.id,\n            onStatus: (sceneId, next) => {\n                setStatus((prev) => ({ ...prev, [sceneId]: next }));\n                if (next.state === 'done') onFootage(sceneId, next.footage);\n            },\n        }).finally(() => setRunning(false));\n    };\n\n    return (\n        <Modal visible={visible} transparent animationType=\"slide\" onRequestClose={onClose}>\n            <Pressable style={styles.scrim} onPress={running ? undefined : onClose} accessibilityLabel=\"Close\" />\n            <View style={styles.sheet} testID=\"produce-video-sheet\">\n                <View style={styles.header}>\n                    <Text style={styles.title}>Produce video</Text>\n                    <Pressable onPress={onClose} hitSlop={10} accessibilityRole=\"button\" accessibilityLabel=\"Close\">\n                        <MaterialCommunityIcons name=\"close\" size={22} color=\"#F7F7FA\" />\n                    </Pressable>\n                </View>\n                <Text style={styles.hint}>\n                    Films each chosen scene with {MODEL?.label ?? 'the video model'} and puts the clip under its titles.\n                    The scene keeps its length, layers and transition.\n                </Text>\n                <ScrollView contentContainerStyle={styles.list} keyboardShouldPersistTaps=\"handled\">\n                    {scenes.length === 0 ? <Text style={styles.hint}>Add scenes first.</Text> : null}\n                    {scenes.map((s) => {\n                        const on = isPicked(s.sceneId, s.hasFootage);\n                        const st = status[s.sceneId];\n                        return (\n                            <View key={s.sceneId} style={[styles.row, on && styles.rowOn]}>\n                                <Pressable\n                                    onPress={() => setPicked((p) => ({ ...p, [s.sceneId]: !on }))}\n                                    disabled={running}\n                                    style={styles.rowHead}\n                                    accessibilityRole=\"checkbox\"\n                                    accessibilityState={{ checked: on }}\n                                >\n                                    <MaterialCommunityIcons\n                                        name={on ? 'checkbox-marked' : 'checkbox-blank-outline'}\n                                        size={18}\n                                        color={on ? '#8B7CFF' : '#6A6A75'}\n                                    />\n                                    <Text style={styles.label} numberOfLines={1}>\n                                        {s.label}\n                                    </Text>\n                                    <Text style={styles.meta}>\n                                        {s.seconds}s{s.hasFootage ? ' · has footage' : ''}\n                                    </Text>\n                                    {st?.state === 'filming' ? (\n                                        <ActivityIndicator size=\"small\" color=\"#8B7CFF\" />\n                                    ) : null}\n                                    {st?.state === 'done' ? (\n                                        <MaterialCommunityIcons name=\"check-circle\" size={16} color=\"#34D399\" />\n                                    ) : null}\n                                </Pressable>\n                                {on ? (\n                                    <TextInput\n                                        value={shots[s.sceneId] ?? s.shot}\n                                        onChangeText={(text) => setShots((p) => ({ ...p, [s.sceneId]: text }))}\n                                        editable={!running}\n                                        multiline\n                                        style={styles.shot}\n                                        placeholderTextColor=\"#5A5A66\"\n                                    />\n                                ) : null}\n                                {st?.state === 'failed' ? <Text style={styles.error}>{st.message}</Text> : null}\n                            </View>\n                        );\n                    })}\n                </ScrollView>\n                <Pressable\n                    onPress={start}\n                    disabled={!runAction || running || chosen.length === 0}\n                    style={[styles.run, (!runAction || running || chosen.length === 0) && styles.runOff]}\n                    accessibilityRole=\"button\"\n                >\n                    {running ? (\n                        <ActivityIndicator color=\"#0A0A0C\" />\n                    ) : (\n                        <Text style={styles.runLabel}>Film {produceSummary(chosen, DURATIONS)}</Text>\n                    )}\n                </Pressable>\n            </View>\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    scrim: { flex: 1, backgroundColor: 'rgba(0,0,0,0.45)' },\n    sheet: {\n        maxHeight: '82%',\n        backgroundColor: '#141418',\n        borderTopLeftRadius: 18,\n        borderTopRightRadius: 18,\n        paddingHorizontal: 16,\n        paddingBottom: 28,\n        gap: 10,\n    },\n    header: { flexDirection: 'row', alignItems: 'center', paddingTop: 14 },\n    title: { flex: 1, color: '#F7F7FA', fontSize: 16, fontWeight: '700' },\n    hint: { color: '#8B8B96', fontSize: 12.5, lineHeight: 17 },\n    list: { gap: 8, paddingVertical: 6 },\n    row: { gap: 6, padding: 10, borderRadius: 12, backgroundColor: '#1B1B21' },\n    rowOn: { borderWidth: 1, borderColor: '#3B3366' },\n    rowHead: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    label: { flex: 1, color: '#F7F7FA', fontSize: 13.5, fontWeight: '600' },\n    meta: { color: '#8B8B96', fontSize: 12 },\n    shot: {\n        color: '#E4E4EA',\n        fontSize: 12.5,\n        minHeight: 48,\n        padding: 8,\n        borderRadius: 8,\n        backgroundColor: '#24242B',\n        textAlignVertical: 'top',\n    },\n    error: { color: '#F87171', fontSize: 12 },\n    run: { alignItems: 'center', paddingVertical: 13, borderRadius: 12, backgroundColor: '#8B7CFF' },\n    runOff: { opacity: 0.4 },\n    runLabel: { color: '#0A0A0C', fontSize: 14, fontWeight: '700' },\n});\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,EAAA;AAsBA,MAAM,KAAA,GAAQ,oBAAoB,CAAC,CAAA;AACnC,MAAM,aAAY,EAAO,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,yBAAA,KAAP,YAAoC,CAAC,CAAA,EAAG,GAAG,CAAC,CAAA;AACvD,SAAS,iBAAkB,CAAA;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA2B,EAAA;AAhC3B,EAAAA,IAAAA,GAAAA;AAiCE,EAAM,MAAA,MAAA,GAAS,OAAQ,CAAA,MAAM,aAAc,CAAA,QAAA,EAAU,SAAS,CAAG,EAAA,CAAC,QAAU,EAAA,SAAS,CAAC,CAAA;AACtF,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAkC,EAAE,CAAA;AAChE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAiC,EAAE,CAAA;AAC7D,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAwC,EAAE,CAAA;AACtE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,QAAA,GAAW,CAAC,EAAA,EAAY,UAAqB,KAAA;AAtCrD,IAAAA,IAAAA,GAAAA;AAsCwD,IAAA,OAAA,CAAAA,MAAA,MAAO,CAAA,EAAE,CAAT,KAAA,IAAA,GAAAA,MAAc,CAAC,UAAA;AAAA,GAAA;AACrE,EAAM,MAAA,MAAA,GAAS,OAAO,MAAO,CAAA,CAAA,CAAA,KAAK,SAAS,CAAE,CAAA,OAAA,EAAS,CAAE,CAAA,UAAU,CAAC,CAAA;AACnE,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,IAAI,CAAC,SAAA,IAAa,OAAW,IAAA,MAAA,CAAO,WAAW,CAAG,EAAA;AAClD,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAM,MAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,CAAE,CAAA,KAAA;AA3C9B,MAAAA,IAAAA,GAAAA;AA2CiC,MAAW,OAAA,UAAA,CAAA,CAAA,EAAG,SAAWA,EAAAA,CAAAA,CAAAA,GAAAA,GAAA,KAAM,CAAA,CAAA,CAAE,OAAO,CAAA,KAAf,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAkB,IAAU,EAAA,KAAA,CAAA,CAAE,IAAI,CAAA;AAAA,KAAC,CAAA;AACzF,IAAK,KAAA,UAAA,CAAW,MAAM,SAAW,EAAA;AAAA,MAC/B,WAAA;AAAA,MACA,OAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,EAAA;AAAA,MACd,QAAA,EAAU,CAAC,OAAA,EAAS,IAAS,KAAA;AAC3B,QAAU,SAAA,CAAA,CAAA,IAAA,KAAS,iCACd,IADc,CAAA,EAAA;AAAA,UAEjB,CAAC,OAAO,GAAG;AAAA,SACX,CAAA,CAAA;AACF,QAAA,IAAI,KAAK,KAAU,KAAA,MAAA,EAAkB,SAAA,CAAA,OAAA,EAAS,KAAK,OAAO,CAAA;AAAA;AAC5D,KACD,CAAE,CAAA,OAAA,CAAQ,MAAM,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,GACpC;AACA,EAAO,uBAAA,IAAA,CAAC,SAAM,OAAkB,EAAA,WAAA,EAAW,MAAC,aAAc,EAAA,OAAA,EAAQ,gBAAgB,OACxE,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,OAAO,MAAO,CAAA,KAAA,EAAO,SAAS,OAAU,GAAA,MAAA,GAAY,OAAS,EAAA,kBAAA,EAAmB,OAAQ,EAAA,CAAA;AAAA,yBAClG,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,QAAO,qBAC9B,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,MAChB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,QAAa,EAAA,eAAA,EAAA,CAAA;AAAA,4BACvC,SAAU,EAAA,EAAA,OAAA,EAAS,SAAS,OAAS,EAAA,EAAA,EAAI,mBAAkB,QAAS,EAAA,kBAAA,EAAmB,OACpF,EAAA,QAAA,kBAAA,GAAA,CAAC,0BAAuB,IAAK,EAAA,OAAA,EAAQ,MAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnE,EAAA;AAAA,OACJ,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAAM,EAAA,QAAA,EAAA;AAAA,QAAA,+BAAA;AAAA,QAAA,CACQA,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAP,KAAA,IAAA,GAAAA,GAAgB,GAAA,iBAAA;AAAA,QAAkB;AAAA,OAEpE,EAAA,CAAA;AAAA,2BACC,UAAW,EAAA,EAAA,qBAAA,EAAuB,MAAO,CAAA,IAAA,EAAM,2BAA0B,SACrE,EAAA,QAAA,EAAA;AAAA,QAAO,MAAA,CAAA,MAAA,KAAW,oBAAK,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,IAAA,EAAM,+BAAiB,CAAU,GAAA,IAAA;AAAA,QAC3E,MAAA,CAAO,IAAI,CAAK,CAAA,KAAA;AAvErC,UAAAA,IAAAA,GAAAA;AAwEU,UAAA,MAAM,EAAK,GAAA,QAAA,CAAS,CAAE,CAAA,OAAA,EAAS,EAAE,UAAU,CAAA;AAC3C,UAAM,MAAA,EAAA,GAAK,MAAO,CAAA,CAAA,CAAE,OAAO,CAAA;AAC3B,UAAO,uBAAA,IAAA,CAAC,QAAqB,KAAO,EAAA,CAAC,OAAO,GAAK,EAAA,EAAA,IAAM,MAAO,CAAA,KAAK,CAC7C,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,aAAU,OAAS,EAAA,MAAM,SAAU,CAAA,CAAA,CAAA,KAAM,iCACzD,CADyD,CAAA,EAAA;AAAA,cAE5D,CAAC,CAAA,CAAE,OAAO,GAAG,CAAC;AAAA,aAChB,CAAE,GAAG,QAAU,EAAA,OAAA,EAAS,OAAO,MAAO,CAAA,OAAA,EAAS,iBAAkB,EAAA,UAAA,EAAW,kBAAoB,EAAA;AAAA,cAC9F,OAAS,EAAA;AAAA,aAEa,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAM,EAAA,EAAA,GAAK,iBAAoB,GAAA,wBAAA,EAA0B,MAAM,EAAI,EAAA,KAAA,EAAO,EAAK,GAAA,SAAA,GAAY,SAAW,EAAA,CAAA;AAAA,8BAC9H,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,OAAO,aAAe,EAAA,CAAA,EACrC,YAAE,KACP,EAAA,CAAA;AAAA,8BACC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IACf,EAAA,QAAA,EAAA;AAAA,gBAAE,CAAA,CAAA,OAAA;AAAA,gBAAQ,GAAA;AAAA,gBAAE,CAAA,CAAE,aAAa,mBAAmB,GAAA;AAAA,eACnD,EAAA,CAAA;AAAA,cACC,CAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,WAAU,SAAY,mBAAA,GAAA,CAAC,qBAAkB,IAAK,EAAA,OAAA,EAAQ,KAAM,EAAA,SAAA,EAAU,CAAK,GAAA,IAAA;AAAA,cAC/E,CAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,KAAU,MAAA,MAAA,mBAAU,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,EAAA,EAAI,KAAM,EAAA,SAAA,EAAU,CAAK,GAAA;AAAA,aACvG,EAAA,CAAA;AAAA,YACC,qBAAM,GAAA,CAAA,SAAA,EAAA,EAAU,QAAOA,GAAA,GAAA,KAAA,CAAM,EAAE,OAAO,CAAA,KAAf,IAAAA,GAAAA,GAAAA,GAAoB,EAAE,IAAM,EAAA,YAAA,EAAc,UAAQ,QAAS,CAAA,CAAA,CAAA,KAAM,iCACxG,CADwG,CAAA,EAAA;AAAA,cAE3G,CAAC,CAAE,CAAA,OAAO,GAAG;AAAA,aACb,CAAA,CAAA,EAAG,QAAU,EAAA,CAAC,OAAS,EAAA,SAAA,EAAS,IAAC,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,oBAAqB,EAAA,SAAA,EAAU,CAAK,GAAA,IAAA;AAAA,YACtE,CAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,KAAU,MAAA,QAAA,mBAAY,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,KAAA,EAAQ,QAAG,EAAA,EAAA,CAAA,OAAA,EAAQ,CAAU,GAAA;AAAA,WAAA,EAAA,EArB/E,EAAE,OAsBF,CAAA;AAAA,SACnB;AAAA,OACO,EAAA,CAAA;AAAA,0BACC,SAAU,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA,QAAA,EAAU,CAAC,SAAa,IAAA,OAAA,IAAW,MAAO,CAAA,MAAA,KAAW,GAAG,KAAO,EAAA,CAAC,MAAO,CAAA,GAAA,EAAA,CAAM,CAAC,SAAa,IAAA,OAAA,IAAW,MAAO,CAAA,MAAA,KAAW,MAAM,MAAO,CAAA,MAAM,CAAG,EAAA,iBAAA,EAAkB,UACtL,QAAU,EAAA,OAAA,mBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,KAAA,EAAM,WAAU,CAAK,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,QAAU,EAAA,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QAAM,cAAA,CAAe,QAAQ,SAAS;AAAA,OAAA,EAAE,CAC7H,EAAA;AAAA,KACJ,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,KAAA;AAAA,IACX,eAAiB,EAAA,SAAA;AAAA,IACjB,mBAAqB,EAAA,EAAA;AAAA,IACrB,oBAAsB,EAAA,EAAA;AAAA,IACtB,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA,EAAA;AAAA,IACf,GAAK,EAAA;AAAA,GACP;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA;AAAA,GACd;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,GAAK,EAAA,CAAA;AAAA,IACL,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,GAAK,EAAA,CAAA;AAAA,IACL,OAAS,EAAA,EAAA;AAAA,IACT,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA;AAAA,GACP;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,SAAW,EAAA,EAAA;AAAA,IACX,OAAS,EAAA,CAAA;AAAA,IACT,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,GAAK,EAAA;AAAA,IACH,UAAY,EAAA,QAAA;AAAA,IACZ,eAAiB,EAAA,EAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA;AAEhB,CAAC,CAAA"}
+{"version":3,"file":"ProduceVideoSheet.js","sources":["../../../../../src/features/canvas/videoEditor/produce/ProduceVideoSheet.tsx"],"sourcesContent":["/**\n * Produce video sheet (web produce/ProduceVideoSheet.tsx): lists the cut's\n * scenes with their shots, films the chosen ones with an AI video model -\n * two at a time - and swaps each colour scene for its clip as it lands.\n */\nimport React, { useMemo, useState } from 'react';\nimport { ActivityIndicator, Modal, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { STATIC_VIDEO_MODELS } from '../../generationModels';\nimport type { EditorTimeline } from '../editorModel';\nimport type { RunMediaAction } from '../mediaActions';\nimport {\n    produceJob,\n    produceScenes,\n    produceSummary,\n    runProduce,\n    type ProduceStatus,\n    type SceneFootage,\n} from './produceScenes';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from '../../canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE, pressedStyle } from '../../canvasUi';\n\nexport interface ProduceVideoSheetProps {\n    visible: boolean;\n    onClose: () => void;\n    timeline: EditorTimeline;\n    sourceSec: Readonly<Record<string, number>>;\n    aspectRatio: string;\n    runAction?: RunMediaAction;\n    /** A scene's footage came back: swap it in. */\n    onFootage: (sceneId: string, footage: SceneFootage) => void;\n}\n\nconst MODEL = STATIC_VIDEO_MODELS[0];\nconst DURATIONS = MODEL?.supportedDurationsSeconds ?? [4, 6, 8];\n\nexport function ProduceVideoSheet({\n    visible,\n    onClose,\n    timeline,\n    sourceSec,\n    aspectRatio,\n    runAction,\n    onFootage,\n}: ProduceVideoSheetProps) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    const scenes = useMemo(() => produceScenes(timeline, sourceSec), [timeline, sourceSec]);\n    const [picked, setPicked] = useState<Record<string, boolean>>({});\n    const [shots, setShots] = useState<Record<string, string>>({});\n    const [status, setStatus] = useState<Record<string, ProduceStatus>>({});\n    const [running, setRunning] = useState(false);\n\n    const isPicked = (id: string, hasFootage: boolean) => picked[id] ?? !hasFootage;\n    const chosen = scenes.filter((s) => isPicked(s.sceneId, s.hasFootage));\n\n    const start = () => {\n        if (!runAction || running || chosen.length === 0) return;\n        setRunning(true);\n        const jobs = chosen.map((s) => produceJob(s, DURATIONS, shots[s.sceneId]?.trim() || s.shot));\n        void runProduce(jobs, runAction, {\n            aspectRatio,\n            model: MODEL?.id,\n            onStatus: (sceneId, next) => {\n                setStatus((prev) => ({ ...prev, [sceneId]: next }));\n                if (next.state === 'done') onFootage(sceneId, next.footage);\n            },\n        }).finally(() => setRunning(false));\n    };\n\n    return (\n        <Modal visible={visible} transparent animationType=\"slide\" onRequestClose={onClose}>\n            <Pressable style={styles.scrim} onPress={running ? undefined : onClose} accessibilityLabel=\"Close\" />\n            <View style={styles.sheet} testID=\"produce-video-sheet\">\n                <View style={styles.grabber} />\n                <View style={styles.header}>\n                    <Text style={styles.title}>Produce video</Text>\n                    <Pressable onPress={onClose} hitSlop={10} accessibilityRole=\"button\" accessibilityLabel=\"Close\">\n                        <MaterialCommunityIcons name=\"close\" size={22} color={theme.edInk} />\n                    </Pressable>\n                </View>\n                <Text style={styles.hint}>\n                    Films each chosen scene with {MODEL?.label ?? 'the video model'} and puts the clip under its titles.\n                    The scene keeps its length, layers and transition.\n                </Text>\n                <ScrollView contentContainerStyle={styles.list} keyboardShouldPersistTaps=\"handled\">\n                    {scenes.length === 0 ? <Text style={styles.hint}>Add scenes first.</Text> : null}\n                    {scenes.map((s) => {\n                        const on = isPicked(s.sceneId, s.hasFootage);\n                        const st = status[s.sceneId];\n                        return (\n                            <View key={s.sceneId} style={[styles.row, on && styles.rowOn]}>\n                                <Pressable\n                                    onPress={() => setPicked((p) => ({ ...p, [s.sceneId]: !on }))}\n                                    disabled={running}\n                                    style={({ pressed }) => [styles.rowHead, pressedStyle(pressed)]}\n                                    accessibilityRole=\"checkbox\"\n                                    accessibilityState={{ checked: on }}\n                                >\n                                    <MaterialCommunityIcons\n                                        name={on ? 'checkbox-marked' : 'checkbox-blank-outline'}\n                                        size={20}\n                                        color={on ? theme.edAccent : theme.edInk3}\n                                    />\n                                    <Text style={styles.label} numberOfLines={1}>\n                                        {s.label}\n                                    </Text>\n                                    <Text style={styles.meta}>\n                                        {s.seconds}s{s.hasFootage ? ' · has footage' : ''}\n                                    </Text>\n                                    {st?.state === 'filming' ? (\n                                        <ActivityIndicator size=\"small\" color={theme.edAccent} />\n                                    ) : null}\n                                    {st?.state === 'done' ? (\n                                        <MaterialCommunityIcons name=\"check-circle\" size={16} color={theme.edOk} />\n                                    ) : null}\n                                </Pressable>\n                                {on ? (\n                                    <TextInput\n                                        value={shots[s.sceneId] ?? s.shot}\n                                        onChangeText={(text) => setShots((p) => ({ ...p, [s.sceneId]: text }))}\n                                        editable={!running}\n                                        multiline\n                                        style={styles.shot}\n                                        placeholderTextColor={theme.edInk3}\n                                    />\n                                ) : null}\n                                {st?.state === 'failed' ? <Text style={styles.error}>{st.message}</Text> : null}\n                            </View>\n                        );\n                    })}\n                </ScrollView>\n                <Pressable\n                    onPress={start}\n                    disabled={!runAction || running || chosen.length === 0}\n                    style={({ pressed }) => [\n                        styles.run,\n                        (!runAction || running || chosen.length === 0) && styles.runOff,\n                        pressedStyle(pressed),\n                    ]}\n                    accessibilityRole=\"button\"\n                >\n                    {running ? (\n                        <ActivityIndicator color={theme.primaryForeground} />\n                    ) : (\n                        <Text style={styles.runLabel}>Film {produceSummary(chosen, DURATIONS)}</Text>\n                    )}\n                </Pressable>\n            </View>\n        </Modal>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        scrim: { flex: 1, backgroundColor: 'rgba(0,0,0,0.45)' },\n        sheet: {\n            maxHeight: '82%',\n            backgroundColor: theme.edPanel,\n            borderTopLeftRadius: RADIUS.xl,\n            borderTopRightRadius: RADIUS.xl,\n            paddingHorizontal: SPACE.lg,\n            paddingBottom: SPACE.xxl,\n            gap: SPACE.md,\n        },\n        grabber: {\n            alignSelf: 'center',\n            width: 36,\n            height: 4,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.edTint(0.18),\n            marginTop: SPACE.sm,\n        },\n        header: { flexDirection: 'row', alignItems: 'center', paddingTop: SPACE.xs },\n        title: { ...TYPE.title, flex: 1, color: theme.edInk },\n        hint: { ...TYPE.caption, fontWeight: '400', lineHeight: 17, color: theme.edInk3 },\n        list: { gap: SPACE.sm, paddingVertical: SPACE.xs },\n        row: {\n            gap: SPACE.sm,\n            padding: SPACE.md,\n            borderRadius: RADIUS.md,\n            borderWidth: 1,\n            borderColor: 'transparent',\n            backgroundColor: theme.edRaised,\n        },\n        rowOn: { borderColor: theme.edAccent },\n        rowHead: { flexDirection: 'row', alignItems: 'center', gap: SPACE.sm, minHeight: 32 },\n        label: { ...TYPE.label, flex: 1, color: theme.edInk },\n        meta: { ...TYPE.caption, fontWeight: '400', color: theme.edInk3 },\n        shot: {\n            color: theme.edInk,\n            fontSize: 13,\n            lineHeight: 18,\n            minHeight: 52,\n            paddingHorizontal: SPACE.md,\n            paddingVertical: SPACE.sm,\n            borderRadius: RADIUS.sm,\n            backgroundColor: theme.edRaisedHi,\n            textAlignVertical: 'top',\n        },\n        error: { ...TYPE.caption, color: theme.edDanger },\n        run: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            minHeight: 50,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.primary,\n        },\n        runOff: { opacity: 0.4 },\n        runLabel: { ...TYPE.label, fontSize: 15, color: theme.primaryForeground },\n    }),\n);\n"],"names":["_a"],"mappings":"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"}