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

package/lib/features/canvas/VideoGeneratorExperience.js

@@ -0,0 +1,415 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {StyleSheet,View,Pressable,Text,ActivityIndicator,ScrollView,TextInput}from'react-native';import {useSafeInsets}from'./withRemoteSafeArea.js';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {useKeyboardLiftHeight,KeyboardAwareScreen,KeyboardComposerDock,COMPOSER_INPUT_NATIVE_ID}from'../../components/KeyboardComposerDock.js';import {dismissKeyboard}from'../../utils/keyboardController.js';import {resultUrl,friendlyMediaError,generationImageUrl,generationMediaUrl}from'./videoEditor/mediaActions.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {STATIC_VIDEO_MODELS,normalizeModels,promptAudioModels,videoDurationOptions,buildVideoGenerateParams}from'./generationModels.js';import {DEFAULT_PROMO_PRESET,lookupPromoPreset,defaultNarration,EMPTY_PROMO_CONTEXT,PROMO_PRESETS,PROMO_DURATIONS,PROMO_PLAYBOOKS,PROMO_ASPECT_RATIOS,designPromoProject,PROMO_CONNECTOR,producePromoVideo}from'./promoVideo.js';import {PromoContextFields}from'./PromoContextFields.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 ASPECTS = ["16:9", "9:16", "1:1"];
+function VideoGeneratorExperience({
+  mode = "video",
+  item,
+  restyle = false,
+  initialPrompt = "",
+  runAction,
+  onClose,
+  onGenerated,
+  onPromoDesigned
+}) {
+  const imageReference = (mode === "video" || mode === "promo") && (item == null ? void 0 : item.type) === "image" ? unwrapProxyUrl(item.src) : null;
+  const [referenceUrl, setReferenceUrl] = useState(imageReference);
+  const [videoSourceUrl, setVideoSourceUrl] = useState(restyle && (item == null ? void 0 : item.type) === "video" ? unwrapProxyUrl(item.src) : null);
+  const [capturing, setCapturing] = useState(mode === "video" && (item == null ? void 0 : item.type) === "video" && !restyle);
+  const [frameSec, setFrameSec] = useState(1);
+  const [models, setModels] = useState(mode === "video" ? STATIC_VIDEO_MODELS : []);
+  const [selectedModel, setSelectedModel] = useState("");
+  const [videoDuration, setVideoDuration] = useState(0);
+  const [prompt, setPrompt] = useState(initialPrompt);
+  const [aspect, setAspect] = useState(mode === "image" ? "1:1" : "16:9");
+  const [promoPreset, setPromoPreset] = useState(mode === "promo" && (item == null ? void 0 : item.type) === "video" ? "footage-remix" : DEFAULT_PROMO_PRESET);
+  const [promoDuration, setPromoDuration] = useState(lookupPromoPreset(mode === "promo" && (item == null ? void 0 : item.type) === "video" ? "footage-remix" : DEFAULT_PROMO_PRESET).defaultDurationSeconds);
+  const [promoCaptions, setPromoCaptions] = useState(true);
+  const [promoNarration, setPromoNarration] = useState(defaultNarration(DEFAULT_PROMO_PRESET));
+  const [promoContext, setPromoContext] = useState(EMPTY_PROMO_CONTEXT);
+  const [promoPlaybook, setPromoPlaybook] = useState("");
+  const [promoLogoUrl, setPromoLogoUrl] = useState(mode === "promo" && (item == null ? void 0 : item.type) === "image" ? unwrapProxyUrl(item.src) : null);
+  const [busy, setBusy] = useState(false);
+  const [notice, setNotice] = useState(null);
+  const insets = useSafeInsets();
+  const inputRef = useRef(null);
+  const cancelledRef = useRef(false);
+  const keyboardHeight = useKeyboardLiftHeight();
+  const keyboardOpen = keyboardHeight > 0;
+  useEffect(() => {
+    cancelledRef.current = false;
+    return () => {
+      cancelledRef.current = true;
+    };
+  }, []);
+  useEffect(() => {
+    if (mode !== "video" || restyle || (item == null ? void 0 : item.type) !== "video" || !runAction) {
+      setCapturing(false);
+      return;
+    }
+    let cancelled = false;
+    setCapturing(true);
+    runAction("yantra-video-editing", "YANTRA_VIDEO_EDIT_THUMBNAIL", {
+      input_url: item.src,
+      time_secs: frameSec
+    }).then((result) => {
+      if (cancelled) return;
+      setReferenceUrl(resultUrl(result, "YANTRA_VIDEO_EDIT_THUMBNAIL"));
+    }).catch((err) => {
+      if (cancelled) return;
+      setNotice(`Could not capture a still from this clip \u2014 generating without a reference.
+
+${err instanceof Error ? err.message : String(err)}`.slice(0, 280));
+    }).finally(() => {
+      if (!cancelled) setCapturing(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [frameSec, item == null ? void 0 : item.src, item == null ? void 0 : item.type, mode, restyle, runAction]);
+  useEffect(() => {
+    if (!runAction || mode === "promo") return void 0;
+    let cancelled = false;
+    const job = mode === "image" ? runAction("yantra-image-generation", "YANTRA_GEMINI_IMAGE_LIST_MODELS", {}) : mode === "audio" ? runAction("yantra-audio", "YANTRA_AUDIO_LIST_MODELS", {}) : runAction("yantra-video-generation", "YANTRA_VIDEO_GENERATION_LIST_MODELS", {});
+    job.then((result) => {
+      var _a, _b;
+      if (cancelled) return;
+      let list = normalizeModels(result);
+      if (mode === "audio") list = promptAudioModels(list);
+      if (mode === "video" && list.length === 0) list = STATIC_VIDEO_MODELS;
+      setModels(list);
+      const prefer = restyle && mode === "video" ? (_a = list.find((m) => m.supportsVideoInput)) == null ? void 0 : _a.id : (_b = list[0]) == null ? void 0 : _b.id;
+      if (prefer) setSelectedModel((current) => current || prefer);
+    }).catch(() => {
+      if (cancelled) return;
+      if (mode === "video") {
+        setModels(STATIC_VIDEO_MODELS);
+        setSelectedModel((current) => current || STATIC_VIDEO_MODELS[0].id);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [mode, restyle, runAction]);
+  const selectedModelInfo = models.find((m) => m.id === selectedModel);
+  const durationChoices = mode === "video" ? videoDurationOptions(selectedModelInfo) : [];
+  useEffect(() => {
+    if (videoDuration && !durationChoices.includes(videoDuration)) setVideoDuration(0);
+  }, [durationChoices, videoDuration]);
+  const generate = () => {
+    const text = prompt.trim();
+    if (!text || busy || capturing) return;
+    if (!runAction) {
+      setNotice("Generation needs the host connector \u2014 not wired in this host.");
+      return;
+    }
+    setBusy(true);
+    setNotice(null);
+    const job = mode === "image" ? runAction("yantra-image-generation", "YANTRA_GEMINI_IMAGE_GENERATE", __spreadValues({
+      prompt: text,
+      aspectRatio: aspect
+    }, selectedModel ? {
+      model: selectedModel
+    } : {})).then((result) => generationImageUrl(result)) : mode === "audio" ? runAction("yantra-audio", "YANTRA_AUDIO_RUN_PROMPT", __spreadValues({
+      prompt: text
+    }, selectedModel ? {
+      model: selectedModel
+    } : {})).then((result) => resultUrl(result, "YANTRA_AUDIO_RUN_PROMPT")) : mode === "promo" ? producePromoVideo((action, params) => runAction(PROMO_CONNECTOR, action, params), __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+      prompt: text,
+      preset: promoPreset,
+      durationSeconds: promoDuration,
+      aspectRatio: aspect
+    }, referenceUrl ? {
+      referenceImageUrls: [unwrapProxyUrl(referenceUrl)]
+    } : {}), (item == null ? void 0 : item.type) === "video" ? {
+      sourceVideoUrl: unwrapProxyUrl(item.src)
+    } : {}), {
+      captions: promoCaptions,
+      narration: promoNarration
+    }), promoLogoUrl ? {
+      logoUrl: promoLogoUrl
+    } : {}), promoContext), promoPlaybook ? {
+      stylePlaybook: promoPlaybook
+    } : {}), (msg) => setPromoProgress(msg), void 0, () => cancelledRef.current).then((promo) => promo.url) : runAction("yantra-video-generation", "YANTRA_VIDEO_GENERATION_GENERATE", buildVideoGenerateParams({
+      prompt: text,
+      aspectRatio: aspect,
+      model: selectedModel || void 0,
+      durationSeconds: videoDuration || void 0,
+      referenceImageUrl: referenceUrl ? unwrapProxyUrl(referenceUrl) : void 0,
+      referenceVideoUrl: videoSourceUrl ? unwrapProxyUrl(videoSourceUrl) : void 0
+    })).then((result) => generationMediaUrl(result));
+    job.then((url) => onGenerated(url, {
+      prompt: text,
+      aspect,
+      mode
+    })).catch((err) => {
+      if (cancelledRef.current || err instanceof Error && err.message === "cancelled") return;
+      setNotice(friendlyMediaError(err, `${mode} generation`));
+    }).finally(() => {
+      setBusy(false);
+      setPromoProgress(null);
+    });
+  };
+  const title = mode === "image" ? "Create image" : mode === "audio" ? "Create audio" : mode === "promo" ? "Marketing video" : restyle ? "Restyle this clip" : (item == null ? void 0 : item.type) === "video" ? "Continue this clip" : "Create video";
+  const hint = mode === "image" ? "Describe the image you want on this board." : mode === "audio" ? "Describe the audio you want on this board." : mode === "promo" ? (item == null ? void 0 : item.type) === "video" ? "This clip is the footage. Describe the promo you want cut from it." : "Describe the marketing video \u2014 brand, offer, and who it is for." : restyle ? "This footage is the source. Describe how it should look after the restyle." : (item == null ? void 0 : item.type) === "video" ? "The new clip starts from a still of this video. Describe what happens next." : (item == null ? void 0 : item.type) === "image" ? "This image is the reference. Describe the motion you want." : "Describe the video you want on this board.";
+  const stageIcon = mode === "image" ? "image-outline" : mode === "audio" ? "microphone-outline" : mode === "promo" ? "bullhorn-outline" : "video-outline";
+  return /* @__PURE__ */ jsxs(KeyboardAwareScreen, { style: styles.root, testID: "media-generator", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+        dismissKeyboard();
+        onClose();
+      }, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#F7F7FA" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.headerTitle, children: title }),
+      /* @__PURE__ */ jsx(View, { style: {
+        width: 22
+      } })
+    ] }),
+    /* @__PURE__ */ jsxs(Pressable, { style: styles.stage, onPress: dismissKeyboard, accessible: false, children: [
+      referenceUrl ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: referenceUrl
+      }, style: StyleSheet.absoluteFill, contentFit: "contain" }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: stageIcon, size: 56, color: "#2A2440" }),
+      (busy || capturing) && /* @__PURE__ */ jsxs(View, { style: styles.busyVeil, children: [
+        /* @__PURE__ */ jsx(ActivityIndicator, { color: "#F7F7FA" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.busyLabel, children: capturing ? "Capturing frame\u2026" : promoProgress || `Generating ${mode === "promo" ? "promo" : mode}\u2026` })
+      ] })
+    ] }),
+    mode === "video" && (item == null ? void 0 : item.type) === "video" && !restyle && !keyboardOpen ? /* @__PURE__ */ jsxs(View, { style: styles.frameScrub, children: [
+      /* @__PURE__ */ jsxs(Text, { style: styles.frameScrubLabel, children: [
+        "Frame \xB7 ",
+        frameSec.toFixed(1),
+        "s"
+      ] }),
+      /* @__PURE__ */ jsx(View, { style: styles.aspectRow, children: [0.5, 1, 2, 3, 5].map((sec) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setFrameSec(sec), style: [styles.chip, frameSec === sec && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, frameSec === sec && styles.chipLabelOn], children: [
+        sec,
+        "s"
+      ] }) }, sec)) })
+    ] }) : null,
+    keyboardOpen ? null : /* @__PURE__ */ jsx(Pressable, { onPress: dismissKeyboard, accessible: false, children: /* @__PURE__ */ jsx(Text, { style: styles.hint, children: hint }) }),
+    mode === "promo" && !keyboardOpen ? /* @__PURE__ */ jsxs(View, { style: styles.promoBlock, children: [
+      /* @__PURE__ */ jsx(View, { style: styles.aspectRow, children: PROMO_PRESETS.map((preset) => /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+        setPromoPreset(preset.id);
+        setPromoDuration(preset.defaultDurationSeconds);
+        setPromoNarration(defaultNarration(preset.id));
+      }, style: [styles.chip, promoPreset === preset.id && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, promoPreset === preset.id && styles.chipLabelOn], children: preset.name }) }, preset.id)) }),
+      /* @__PURE__ */ jsx(View, { style: styles.aspectRow, children: PROMO_DURATIONS.map((secs) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setPromoDuration(secs), style: [styles.chip, promoDuration === secs && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, promoDuration === secs && styles.chipLabelOn], children: [
+        secs,
+        "s"
+      ] }) }, secs)) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.aspectRow, children: [
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => setPromoCaptions((v) => !v), style: [styles.chip, promoCaptions && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, promoCaptions && styles.chipLabelOn], children: "Captions" }) }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => setPromoNarration((v) => !v), style: [styles.chip, promoNarration && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, promoNarration && styles.chipLabelOn], children: "Narration" }) })
+      ] }),
+      /* @__PURE__ */ jsx(View, { style: styles.aspectRow, children: PROMO_PLAYBOOKS.map((p) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setPromoPlaybook(p.id), style: [styles.chip, promoPlaybook === p.id && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, promoPlaybook === p.id && styles.chipLabelOn], children: p.name }) }, p.id || "default")) }),
+      /* @__PURE__ */ jsx(PromoContextFields, { value: promoContext, onChange: (patch) => setPromoContext((prev) => __spreadValues(__spreadValues({}, prev), patch)), logoUrl: promoLogoUrl, onPickLogo: (item == null ? void 0 : item.type) === "image" ? () => setPromoLogoUrl(unwrapProxyUrl(item.src)) : void 0, onClearLogo: () => setPromoLogoUrl(null) })
+    ] }) : null,
+    mode !== "promo" && models.length > 0 && !keyboardOpen ? /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.aspectRow, children: models.map((model) => {
+      const blocked = Boolean(videoSourceUrl) && !model.supportsVideoInput;
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => !blocked && setSelectedModel(model.id), disabled: blocked, style: [styles.chip, selectedModel === model.id && styles.chipOn, blocked && styles.chipBlocked], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, selectedModel === model.id && styles.chipLabelOn, blocked && styles.chipLabelBlocked], numberOfLines: 1, children: model.label || model.id }) }, model.id);
+    }) }) : null,
+    mode === "video" && durationChoices.length > 0 && !keyboardOpen ? /* @__PURE__ */ jsxs(View, { style: styles.aspectRow, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => setVideoDuration(0), style: [styles.chip, videoDuration === 0 && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, videoDuration === 0 && styles.chipLabelOn], children: (selectedModelInfo == null ? void 0 : selectedModelInfo.defaultDurationSeconds) ? `Auto (${selectedModelInfo.defaultDurationSeconds}s)` : "Auto" }) }),
+      durationChoices.map((secs) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setVideoDuration(secs), style: [styles.chip, videoDuration === secs && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, videoDuration === secs && styles.chipLabelOn], children: [
+        secs,
+        "s"
+      ] }) }, secs))
+    ] }) : null,
+    mode !== "audio" ? /* @__PURE__ */ jsx(View, { style: styles.aspectRow, children: (mode === "promo" ? PROMO_ASPECT_RATIOS : ASPECTS).map((value) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setAspect(value), style: [styles.chip, aspect === value && styles.chipOn], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, aspect === value && styles.chipLabelOn], children: value }) }, value)) }) : null,
+    /* @__PURE__ */ jsx(KeyboardComposerDock, { closedInset: insets.bottom, onSwipeUp: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }, children: /* @__PURE__ */ jsxs(View, { style: styles.composer, children: [
+      /* @__PURE__ */ jsx(TextInput, { ref: inputRef, nativeID: COMPOSER_INPUT_NATIVE_ID, value: prompt, onChangeText: setPrompt, placeholder: mode === "image" ? "Describe the image\u2026" : mode === "audio" ? "Describe the audio\u2026" : mode === "promo" ? "Describe the promo\u2026" : "Describe the video\u2026", placeholderTextColor: "#7A7A88", style: styles.input, multiline: true, editable: !busy }),
+      mode === "promo" && onPromoDesigned ? /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+        if (!runAction || busy || !prompt.trim()) return;
+        setBusy(true);
+        setNotice(null);
+        designPromoProject((action, params) => runAction(PROMO_CONNECTOR, action, params), __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+          prompt: prompt.trim(),
+          preset: promoPreset,
+          durationSeconds: promoDuration,
+          aspectRatio: aspect
+        }, referenceUrl ? {
+          referenceImageUrls: [unwrapProxyUrl(referenceUrl)]
+        } : {}), (item == null ? void 0 : item.type) === "video" ? {
+          sourceVideoUrl: unwrapProxyUrl(item.src)
+        } : {}), promoLogoUrl ? {
+          logoUrl: promoLogoUrl
+        } : {}), promoContext), promoPlaybook ? {
+          stylePlaybook: promoPlaybook
+        } : {})).then((designed) => onPromoDesigned(designed)).catch((err) => setNotice(friendlyMediaError(err, "promo design"))).finally(() => setBusy(false));
+      }, disabled: busy || capturing || !prompt.trim(), style: [styles.designSend, (!prompt.trim() || busy || capturing) && styles.sendDisabled], accessibilityRole: "button", accessibilityLabel: "Design editable cut", children: /* @__PURE__ */ jsx(Text, { style: styles.designSendLabel, children: "Design" }) }) : null,
+      /* @__PURE__ */ jsx(Pressable, { onPress: generate, disabled: busy || capturing || !prompt.trim(), style: [styles.send, (!prompt.trim() || busy || capturing) && styles.sendDisabled], accessibilityRole: "button", accessibilityLabel: `Generate ${mode}`, children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: "#0A0A0C" }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "arrow-right", size: 20, color: "#0A0A0C" }) })
+    ] }) }),
+    notice ? /* @__PURE__ */ jsxs(View, { style: styles.notice, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.noticeText, children: notice }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => setNotice(null), hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: styles.noticeDismiss, children: "OK" }) })
+    ] }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#0A0A0C"
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  headerTitle: {
+    color: "#F7F7FA",
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  stage: {
+    flex: 1,
+    marginHorizontal: 14,
+    borderRadius: 18,
+    backgroundColor: "#0F0F14",
+    overflow: "hidden",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  busyVeil: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 10,
+    backgroundColor: "rgba(10, 10, 12, 0.55)"
+  }),
+  busyLabel: {
+    color: "#E8E8EE",
+    fontSize: 12.5
+  },
+  hint: {
+    color: "#9A9AA5",
+    fontSize: 12.5,
+    paddingHorizontal: 18,
+    paddingTop: 12
+  },
+  frameScrub: {
+    paddingTop: 8,
+    gap: 4
+  },
+  frameScrubLabel: {
+    color: "#9A9AA5",
+    fontSize: 11,
+    paddingHorizontal: 18
+  },
+  promoBlock: {
+    paddingTop: 4
+  },
+  aspectRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8,
+    paddingHorizontal: 16,
+    paddingTop: 10
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 9,
+    backgroundColor: "#1F1F24"
+  },
+  chipOn: {
+    backgroundColor: "#8B7CFF"
+  },
+  chipBlocked: {
+    opacity: 0.4
+  },
+  chipLabel: {
+    color: "#F7F7FA",
+    fontSize: 12.5,
+    fontWeight: "500"
+  },
+  chipLabelOn: {
+    color: "#0A0A0C"
+  },
+  chipLabelBlocked: {
+    color: "#7A7A88"
+  },
+  composer: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 10,
+    paddingHorizontal: 14,
+    paddingTop: 12,
+    paddingBottom: 8
+  },
+  input: {
+    flex: 1,
+    minHeight: 44,
+    maxHeight: 120,
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    fontSize: 15
+  },
+  send: {
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    backgroundColor: "#8B7CFF",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  designSend: {
+    paddingHorizontal: 12,
+    height: 44,
+    borderRadius: 22,
+    backgroundColor: "#FDE8D8",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  designSendLabel: {
+    fontSize: 13,
+    fontWeight: "700",
+    color: "#9a3412"
+  },
+  sendDisabled: {
+    opacity: 0.4
+  },
+  notice: {
+    position: "absolute",
+    left: 20,
+    right: 20,
+    bottom: 24,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 11,
+    borderRadius: 12,
+    backgroundColor: "rgba(248, 250, 252, 0.96)"
+  },
+  noticeText: {
+    flex: 1,
+    color: "#0f172a",
+    fontSize: 13
+  },
+  noticeDismiss: {
+    color: "#6C5CE7",
+    fontSize: 13,
+    fontWeight: "600"
+  }
+});export{VideoGeneratorExperience};//# sourceMappingURL=VideoGeneratorExperience.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoGeneratorExperience.js","sources":["../../../src/features/canvas/VideoGeneratorExperience.tsx"],"sourcesContent":["/**\n * Native twin of web canvas generator panel (bottom-dock Image / Video / Audio,\n * plus toolbar \"Create Video\").\n *\n * Web: `openGeneratorPanel(mode)` then `generateImageViaExec` /\n * `generateVideoViaExec` / `generateAudioViaExec`. A selected image/video only\n * seeds the video lane as `referenceImageUrl`.\n */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\n// NEVER import react-native-safe-area-context here: this module ships OTA in\n// the federated canvas remote, where a top-level import of that library can be\n// fatal at eval (duplicate RNCSafeAreaProvider registration) or throw at\n// render (foreign insets context). useSafeInsets degrades gracefully instead.\nimport { useSafeInsets } from './withRemoteSafeArea';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport {\n    COMPOSER_INPUT_NATIVE_ID,\n    KeyboardAwareScreen,\n    KeyboardComposerDock,\n    useKeyboardLiftHeight,\n} from '../../components/KeyboardComposerDock';\nimport { dismissKeyboard } from '../../utils/keyboardController';\nimport type { CanvasItem } from './canvasCore';\nimport {\n    friendlyMediaError,\n    generationImageUrl,\n    generationMediaUrl,\n    resultUrl,\n    type RunMediaAction,\n} from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\nimport {\n    STATIC_VIDEO_MODELS,\n    buildVideoGenerateParams,\n    normalizeModels,\n    promptAudioModels,\n    videoDurationOptions,\n    type ModelInfo,\n} from './generationModels';\nimport {\n    DEFAULT_PROMO_PRESET,\n    EMPTY_PROMO_CONTEXT,\n    PROMO_ASPECT_RATIOS,\n    PROMO_CONNECTOR,\n    PROMO_DURATIONS,\n    PROMO_PLAYBOOKS,\n    PROMO_PRESETS,\n    defaultNarration,\n    designPromoProject,\n    lookupPromoPreset,\n    producePromoVideo,\n    type DesignedPromo,\n    type PromoContext,\n} from './promoVideo';\nimport { PromoContextFields } from './PromoContextFields';\n\nconst ASPECTS = ['16:9', '9:16', '1:1'] as const;\n\nexport type GeneratorMode = 'image' | 'video' | 'audio' | 'promo';\n\nexport interface VideoGeneratorExperienceProps {\n    mode?: GeneratorMode;\n    item?: CanvasItem | null;\n    /** Web \"Restyle\": video-to-video. Create Video on a clip still captures a still. */\n    restyle?: boolean;\n    /** Home composer / Looks seed. */\n    initialPrompt?: string;\n    runAction?: RunMediaAction;\n    onClose: () => void;\n    onGenerated: (url: string, meta: { prompt: string; aspect: string; mode: GeneratorMode }) => void;\n    /** Promo design lane → open video editor (CanvasExperience wires this). */\n    onPromoDesigned?: (designed: DesignedPromo) => void;\n}\n\nexport function VideoGeneratorExperience({\n    mode = 'video',\n    item,\n    restyle = false,\n    initialPrompt = '',\n    runAction,\n    onClose,\n    onGenerated,\n    onPromoDesigned,\n}: VideoGeneratorExperienceProps) {\n    const imageReference =\n        (mode === 'video' || mode === 'promo') && item?.type === 'image' ? unwrapProxyUrl(item.src) : null;\n    const [referenceUrl, setReferenceUrl] = useState<string | null>(imageReference);\n    const [videoSourceUrl, setVideoSourceUrl] = useState<string | null>(\n        restyle && item?.type === 'video' ? unwrapProxyUrl(item.src) : null,\n    );\n    const [capturing, setCapturing] = useState(mode === 'video' && item?.type === 'video' && !restyle);\n    const [frameSec, setFrameSec] = useState(1);\n    const [models, setModels] = useState<ModelInfo[]>(mode === 'video' ? STATIC_VIDEO_MODELS : []);\n    const [selectedModel, setSelectedModel] = useState('');\n    const [videoDuration, setVideoDuration] = useState(0);\n    const [prompt, setPrompt] = useState(initialPrompt);\n    const [aspect, setAspect] = useState<(typeof ASPECTS)[number]>(mode === 'image' ? '1:1' : '16:9');\n    const [promoPreset, setPromoPreset] = useState(\n        mode === 'promo' && item?.type === 'video' ? 'footage-remix' : DEFAULT_PROMO_PRESET,\n    );\n    const [promoDuration, setPromoDuration] = useState<(typeof PROMO_DURATIONS)[number]>(\n        lookupPromoPreset(mode === 'promo' && item?.type === 'video' ? 'footage-remix' : DEFAULT_PROMO_PRESET)\n            .defaultDurationSeconds as (typeof PROMO_DURATIONS)[number],\n    );\n    const [promoCaptions, setPromoCaptions] = useState(true);\n    const [promoNarration, setPromoNarration] = useState(defaultNarration(DEFAULT_PROMO_PRESET));\n    const [promoContext, setPromoContext] = useState<PromoContext>(EMPTY_PROMO_CONTEXT);\n    const [promoPlaybook, setPromoPlaybook] = useState('');\n    const [promoLogoUrl, setPromoLogoUrl] = useState<string | null>(\n        mode === 'promo' && item?.type === 'image' ? unwrapProxyUrl(item.src) : null,\n    );\n    const [busy, setBusy] = useState(false);\n    const [notice, setNotice] = useState<string | null>(null);\n    const insets = useSafeInsets();\n    const inputRef = useRef<TextInput>(null);\n    const cancelledRef = useRef(false);\n    const keyboardHeight = useKeyboardLiftHeight();\n    const keyboardOpen = keyboardHeight > 0;\n\n    useEffect(() => {\n        cancelledRef.current = false;\n        return () => {\n            cancelledRef.current = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (mode !== 'video' || restyle || item?.type !== 'video' || !runAction) {\n            setCapturing(false);\n            return;\n        }\n        let cancelled = false;\n        setCapturing(true);\n        runAction('yantra-video-editing', 'YANTRA_VIDEO_EDIT_THUMBNAIL', {\n            input_url: item.src,\n            time_secs: frameSec,\n        })\n            .then((result) => {\n                if (cancelled) return;\n                setReferenceUrl(resultUrl(result, 'YANTRA_VIDEO_EDIT_THUMBNAIL'));\n            })\n            .catch((err: unknown) => {\n                if (cancelled) return;\n                setNotice(\n                    `Could not capture a still from this clip — generating without a reference.\\n\\n${\n                        err instanceof Error ? err.message : String(err)\n                    }`.slice(0, 280),\n                );\n            })\n            .finally(() => {\n                if (!cancelled) setCapturing(false);\n            });\n        return () => {\n            cancelled = true;\n        };\n    }, [frameSec, item?.src, item?.type, mode, restyle, runAction]);\n\n    useEffect(() => {\n        if (!runAction || mode === 'promo') return undefined;\n        let cancelled = false;\n        const job =\n            mode === 'image'\n                ? runAction('yantra-image-generation', 'YANTRA_GEMINI_IMAGE_LIST_MODELS', {})\n                : mode === 'audio'\n                  ? runAction('yantra-audio', 'YANTRA_AUDIO_LIST_MODELS', {})\n                  : runAction('yantra-video-generation', 'YANTRA_VIDEO_GENERATION_LIST_MODELS', {});\n        job.then((result) => {\n            if (cancelled) return;\n            let list = normalizeModels(result);\n            if (mode === 'audio') list = promptAudioModels(list);\n            if (mode === 'video' && list.length === 0) list = STATIC_VIDEO_MODELS;\n            setModels(list);\n            const prefer = restyle && mode === 'video' ? list.find((m) => m.supportsVideoInput)?.id : list[0]?.id;\n            if (prefer) setSelectedModel((current) => current || prefer);\n        }).catch(() => {\n            if (cancelled) return;\n            if (mode === 'video') {\n                setModels(STATIC_VIDEO_MODELS);\n                setSelectedModel((current) => current || STATIC_VIDEO_MODELS[0].id);\n            }\n        });\n        return () => {\n            cancelled = true;\n        };\n    }, [mode, restyle, runAction]);\n\n    const selectedModelInfo = models.find((m) => m.id === selectedModel);\n    const durationChoices = mode === 'video' ? videoDurationOptions(selectedModelInfo) : [];\n\n    useEffect(() => {\n        if (videoDuration && !durationChoices.includes(videoDuration)) setVideoDuration(0);\n    }, [durationChoices, videoDuration]);\n\n    const generate = () => {\n        const text = prompt.trim();\n        if (!text || busy || capturing) return;\n        if (!runAction) {\n            setNotice('Generation needs the host connector — not wired in this host.');\n            return;\n        }\n        setBusy(true);\n        setNotice(null);\n        const job =\n            mode === 'image'\n                ? runAction('yantra-image-generation', 'YANTRA_GEMINI_IMAGE_GENERATE', {\n                      prompt: text,\n                      aspectRatio: aspect,\n                      ...(selectedModel ? { model: selectedModel } : {}),\n                  }).then((result) => generationImageUrl(result))\n                : mode === 'audio'\n                  ? runAction('yantra-audio', 'YANTRA_AUDIO_RUN_PROMPT', {\n                        prompt: text,\n                        ...(selectedModel ? { model: selectedModel } : {}),\n                    }).then((result) => resultUrl(result, 'YANTRA_AUDIO_RUN_PROMPT'))\n                  : mode === 'promo'\n                    ? producePromoVideo(\n                          (action, params) => runAction(PROMO_CONNECTOR, action, params),\n                          {\n                              prompt: text,\n                              preset: promoPreset,\n                              durationSeconds: promoDuration,\n                              aspectRatio: aspect,\n                              ...(referenceUrl ? { referenceImageUrls: [unwrapProxyUrl(referenceUrl)] } : {}),\n                              ...(item?.type === 'video' ? { sourceVideoUrl: unwrapProxyUrl(item.src) } : {}),\n                              captions: promoCaptions,\n                              narration: promoNarration,\n                              ...(promoLogoUrl ? { logoUrl: promoLogoUrl } : {}),\n                              ...promoContext,\n                              ...(promoPlaybook ? { stylePlaybook: promoPlaybook } : {}),\n                          },\n                          (msg) => setPromoProgress(msg),\n                          undefined,\n                          () => cancelledRef.current,\n                      ).then((promo) => promo.url)\n                    : runAction(\n                          'yantra-video-generation',\n                          'YANTRA_VIDEO_GENERATION_GENERATE',\n                          buildVideoGenerateParams({\n                              prompt: text,\n                              aspectRatio: aspect,\n                              model: selectedModel || undefined,\n                              durationSeconds: videoDuration || undefined,\n                              referenceImageUrl: referenceUrl ? unwrapProxyUrl(referenceUrl) : undefined,\n                              referenceVideoUrl: videoSourceUrl ? unwrapProxyUrl(videoSourceUrl) : undefined,\n                          }),\n                      ).then((result) => generationMediaUrl(result));\n        job.then((url) => onGenerated(url, { prompt: text, aspect, mode }))\n            .catch((err: unknown) => {\n                if (cancelledRef.current || (err instanceof Error && err.message === 'cancelled')) return;\n                setNotice(friendlyMediaError(err, `${mode} generation`));\n            })\n            .finally(() => {\n                setBusy(false);\n                setPromoProgress(null);\n            });\n    };\n\n    const title =\n        mode === 'image'\n            ? 'Create image'\n            : mode === 'audio'\n              ? 'Create audio'\n              : mode === 'promo'\n                ? 'Marketing video'\n                : restyle\n                  ? 'Restyle this clip'\n                  : item?.type === 'video'\n                    ? 'Continue this clip'\n                    : 'Create video';\n    const hint =\n        mode === 'image'\n            ? 'Describe the image you want on this board.'\n            : mode === 'audio'\n              ? 'Describe the audio you want on this board.'\n              : mode === 'promo'\n                ? item?.type === 'video'\n                    ? 'This clip is the footage. Describe the promo you want cut from it.'\n                    : 'Describe the marketing video — brand, offer, and who it is for.'\n                : restyle\n                  ? 'This footage is the source. Describe how it should look after the restyle.'\n                  : item?.type === 'video'\n                    ? 'The new clip starts from a still of this video. Describe what happens next.'\n                    : item?.type === 'image'\n                      ? 'This image is the reference. Describe the motion you want.'\n                      : 'Describe the video you want on this board.';\n    const stageIcon =\n        mode === 'image'\n            ? 'image-outline'\n            : mode === 'audio'\n              ? 'microphone-outline'\n              : mode === 'promo'\n                ? 'bullhorn-outline'\n                : 'video-outline';\n\n    return (\n        <KeyboardAwareScreen style={styles.root} testID=\"media-generator\">\n            <View style={styles.header}>\n                <Pressable\n                    onPress={() => {\n                        dismissKeyboard();\n                        onClose();\n                    }}\n                    hitSlop={10}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Close\"\n                >\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#F7F7FA\" />\n                </Pressable>\n                <Text style={styles.headerTitle}>{title}</Text>\n                <View style={{ width: 22 }} />\n            </View>\n\n            <Pressable style={styles.stage} onPress={dismissKeyboard} accessible={false}>\n                {referenceUrl ? (\n                    <Image source={{ uri: referenceUrl }} style={StyleSheet.absoluteFill} contentFit=\"contain\" />\n                ) : (\n                    <MaterialCommunityIcons name={stageIcon} size={56} color=\"#2A2440\" />\n                )}\n                {(busy || capturing) && (\n                    <View style={styles.busyVeil}>\n                        <ActivityIndicator color=\"#F7F7FA\" />\n                        <Text style={styles.busyLabel}>\n                            {capturing\n                                ? 'Capturing frame…'\n                                : promoProgress || `Generating ${mode === 'promo' ? 'promo' : mode}…`}\n                        </Text>\n                    </View>\n                )}\n            </Pressable>\n\n            {mode === 'video' && item?.type === 'video' && !restyle && !keyboardOpen ? (\n                <View style={styles.frameScrub}>\n                    <Text style={styles.frameScrubLabel}>Frame · {frameSec.toFixed(1)}s</Text>\n                    <View style={styles.aspectRow}>\n                        {[0.5, 1, 2, 3, 5].map((sec) => (\n                            <Pressable\n                                key={sec}\n                                onPress={() => setFrameSec(sec)}\n                                style={[styles.chip, frameSec === sec && styles.chipOn]}\n                            >\n                                <Text style={[styles.chipLabel, frameSec === sec && styles.chipLabelOn]}>{sec}s</Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                </View>\n            ) : null}\n\n            {keyboardOpen ? null : (\n                <Pressable onPress={dismissKeyboard} accessible={false}>\n                    <Text style={styles.hint}>{hint}</Text>\n                </Pressable>\n            )}\n\n            {mode === 'promo' && !keyboardOpen ? (\n                <View style={styles.promoBlock}>\n                    <View style={styles.aspectRow}>\n                        {PROMO_PRESETS.map((preset) => (\n                            <Pressable\n                                key={preset.id}\n                                onPress={() => {\n                                    setPromoPreset(preset.id);\n                                    setPromoDuration(preset.defaultDurationSeconds as (typeof PROMO_DURATIONS)[number]);\n                                    setPromoNarration(defaultNarration(preset.id));\n                                }}\n                                style={[styles.chip, promoPreset === preset.id && styles.chipOn]}\n                                accessibilityRole=\"button\"\n                            >\n                                <Text style={[styles.chipLabel, promoPreset === preset.id && styles.chipLabelOn]}>\n                                    {preset.name}\n                                </Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                    <View style={styles.aspectRow}>\n                        {PROMO_DURATIONS.map((secs) => (\n                            <Pressable\n                                key={secs}\n                                onPress={() => setPromoDuration(secs)}\n                                style={[styles.chip, promoDuration === secs && styles.chipOn]}\n                                accessibilityRole=\"button\"\n                            >\n                                <Text style={[styles.chipLabel, promoDuration === secs && styles.chipLabelOn]}>\n                                    {secs}s\n                                </Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                    <View style={styles.aspectRow}>\n                        <Pressable\n                            onPress={() => setPromoCaptions((v) => !v)}\n                            style={[styles.chip, promoCaptions && styles.chipOn]}\n                            accessibilityRole=\"button\"\n                        >\n                            <Text style={[styles.chipLabel, promoCaptions && styles.chipLabelOn]}>Captions</Text>\n                        </Pressable>\n                        <Pressable\n                            onPress={() => setPromoNarration((v) => !v)}\n                            style={[styles.chip, promoNarration && styles.chipOn]}\n                            accessibilityRole=\"button\"\n                        >\n                            <Text style={[styles.chipLabel, promoNarration && styles.chipLabelOn]}>Narration</Text>\n                        </Pressable>\n                    </View>\n                    <View style={styles.aspectRow}>\n                        {PROMO_PLAYBOOKS.map((p) => (\n                            <Pressable\n                                key={p.id || 'default'}\n                                onPress={() => setPromoPlaybook(p.id)}\n                                style={[styles.chip, promoPlaybook === p.id && styles.chipOn]}\n                                accessibilityRole=\"button\"\n                            >\n                                <Text style={[styles.chipLabel, promoPlaybook === p.id && styles.chipLabelOn]}>\n                                    {p.name}\n                                </Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                    <PromoContextFields\n                        value={promoContext}\n                        onChange={(patch) => setPromoContext((prev) => ({ ...prev, ...patch }))}\n                        logoUrl={promoLogoUrl}\n                        onPickLogo={\n                            item?.type === 'image' ? () => setPromoLogoUrl(unwrapProxyUrl(item.src)) : undefined\n                        }\n                        onClearLogo={() => setPromoLogoUrl(null)}\n                    />\n                </View>\n            ) : null}\n\n            {mode !== 'promo' && models.length > 0 && !keyboardOpen ? (\n                <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.aspectRow}>\n                    {models.map((model) => {\n                        const blocked = Boolean(videoSourceUrl) && !model.supportsVideoInput;\n                        return (\n                            <Pressable\n                                key={model.id}\n                                onPress={() => !blocked && setSelectedModel(model.id)}\n                                disabled={blocked}\n                                style={[\n                                    styles.chip,\n                                    selectedModel === model.id && styles.chipOn,\n                                    blocked && styles.chipBlocked,\n                                ]}\n                                accessibilityRole=\"button\"\n                            >\n                                <Text\n                                    style={[\n                                        styles.chipLabel,\n                                        selectedModel === model.id && styles.chipLabelOn,\n                                        blocked && styles.chipLabelBlocked,\n                                    ]}\n                                    numberOfLines={1}\n                                >\n                                    {model.label || model.id}\n                                </Text>\n                            </Pressable>\n                        );\n                    })}\n                </ScrollView>\n            ) : null}\n\n            {mode === 'video' && durationChoices.length > 0 && !keyboardOpen ? (\n                <View style={styles.aspectRow}>\n                    <Pressable\n                        onPress={() => setVideoDuration(0)}\n                        style={[styles.chip, videoDuration === 0 && styles.chipOn]}\n                        accessibilityRole=\"button\"\n                    >\n                        <Text style={[styles.chipLabel, videoDuration === 0 && styles.chipLabelOn]}>\n                            {selectedModelInfo?.defaultDurationSeconds\n                                ? `Auto (${selectedModelInfo.defaultDurationSeconds}s)`\n                                : 'Auto'}\n                        </Text>\n                    </Pressable>\n                    {durationChoices.map((secs) => (\n                        <Pressable\n                            key={secs}\n                            onPress={() => setVideoDuration(secs)}\n                            style={[styles.chip, videoDuration === secs && styles.chipOn]}\n                            accessibilityRole=\"button\"\n                        >\n                            <Text style={[styles.chipLabel, videoDuration === secs && styles.chipLabelOn]}>\n                                {secs}s\n                            </Text>\n                        </Pressable>\n                    ))}\n                </View>\n            ) : null}\n\n            {mode !== 'audio' ? (\n                <View style={styles.aspectRow}>\n                    {(mode === 'promo' ? PROMO_ASPECT_RATIOS : ASPECTS).map((value) => (\n                        <Pressable\n                            key={value}\n                            onPress={() => setAspect(value as (typeof ASPECTS)[number])}\n                            style={[styles.chip, aspect === value && styles.chipOn]}\n                            accessibilityRole=\"button\"\n                        >\n                            <Text style={[styles.chipLabel, aspect === value && styles.chipLabelOn]}>{value}</Text>\n                        </Pressable>\n                    ))}\n                </View>\n            ) : null}\n\n            <KeyboardComposerDock closedInset={insets.bottom} onSwipeUp={() => inputRef.current?.focus()}>\n                <View style={styles.composer}>\n                    <TextInput\n                        ref={inputRef}\n                        nativeID={COMPOSER_INPUT_NATIVE_ID}\n                        value={prompt}\n                        onChangeText={setPrompt}\n                        placeholder={\n                            mode === 'image'\n                                ? 'Describe the image…'\n                                : mode === 'audio'\n                                  ? 'Describe the audio…'\n                                  : mode === 'promo'\n                                    ? 'Describe the promo…'\n                                    : 'Describe the video…'\n                        }\n                        placeholderTextColor=\"#7A7A88\"\n                        style={styles.input}\n                        multiline\n                        editable={!busy}\n                    />\n                    {mode === 'promo' && onPromoDesigned ? (\n                        <Pressable\n                            onPress={() => {\n                                if (!runAction || busy || !prompt.trim()) return;\n                                setBusy(true);\n                                setNotice(null);\n                                designPromoProject((action, params) => runAction(PROMO_CONNECTOR, action, params), {\n                                    prompt: prompt.trim(),\n                                    preset: promoPreset,\n                                    durationSeconds: promoDuration,\n                                    aspectRatio: aspect,\n                                    ...(referenceUrl ? { referenceImageUrls: [unwrapProxyUrl(referenceUrl)] } : {}),\n                                    ...(item?.type === 'video' ? { sourceVideoUrl: unwrapProxyUrl(item.src) } : {}),\n                                    ...(promoLogoUrl ? { logoUrl: promoLogoUrl } : {}),\n                                    ...promoContext,\n                                    ...(promoPlaybook ? { stylePlaybook: promoPlaybook } : {}),\n                                })\n                                    .then((designed) => onPromoDesigned(designed))\n                                    .catch((err: unknown) => setNotice(friendlyMediaError(err, 'promo design')))\n                                    .finally(() => setBusy(false));\n                            }}\n                            disabled={busy || capturing || !prompt.trim()}\n                            style={[styles.designSend, (!prompt.trim() || busy || capturing) && styles.sendDisabled]}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"Design editable cut\"\n                        >\n                            <Text style={styles.designSendLabel}>Design</Text>\n                        </Pressable>\n                    ) : null}\n                    <Pressable\n                        onPress={generate}\n                        disabled={busy || capturing || !prompt.trim()}\n                        style={[styles.send, (!prompt.trim() || busy || capturing) && styles.sendDisabled]}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel={`Generate ${mode}`}\n                    >\n                        {busy ? (\n                            <ActivityIndicator color=\"#0A0A0C\" />\n                        ) : (\n                            <MaterialCommunityIcons name=\"arrow-right\" size={20} color=\"#0A0A0C\" />\n                        )}\n                    </Pressable>\n                </View>\n            </KeyboardComposerDock>\n\n            {notice ? (\n                <View style={styles.notice}>\n                    <Text style={styles.noticeText}>{notice}</Text>\n                    <Pressable onPress={() => setNotice(null)} hitSlop={8}>\n                        <Text style={styles.noticeDismiss}>OK</Text>\n                    </Pressable>\n                </View>\n            ) : null}\n        </KeyboardAwareScreen>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, backgroundColor: '#0A0A0C' },\n    header: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n    },\n    headerTitle: { color: '#F7F7FA', fontSize: 15, fontWeight: '600' },\n    stage: {\n        flex: 1,\n        marginHorizontal: 14,\n        borderRadius: 18,\n        backgroundColor: '#0F0F14',\n        overflow: 'hidden',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    busyVeil: {\n        ...StyleSheet.absoluteFillObject,\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 10,\n        backgroundColor: 'rgba(10, 10, 12, 0.55)',\n    },\n    busyLabel: { color: '#E8E8EE', fontSize: 12.5 },\n    hint: { color: '#9A9AA5', fontSize: 12.5, paddingHorizontal: 18, paddingTop: 12 },\n    frameScrub: { paddingTop: 8, gap: 4 },\n    frameScrubLabel: { color: '#9A9AA5', fontSize: 11, paddingHorizontal: 18 },\n    promoBlock: { paddingTop: 4 },\n    aspectRow: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingHorizontal: 16, paddingTop: 10 },\n    chip: {\n        paddingHorizontal: 12,\n        paddingVertical: 7,\n        borderRadius: 9,\n        backgroundColor: '#1F1F24',\n    },\n    chipOn: { backgroundColor: '#8B7CFF' },\n    chipBlocked: { opacity: 0.4 },\n    chipLabel: { color: '#F7F7FA', fontSize: 12.5, fontWeight: '500' },\n    chipLabelOn: { color: '#0A0A0C' },\n    chipLabelBlocked: { color: '#7A7A88' },\n    composer: {\n        flexDirection: 'row',\n        alignItems: 'flex-end',\n        gap: 10,\n        paddingHorizontal: 14,\n        paddingTop: 12,\n        paddingBottom: 8,\n    },\n    input: {\n        flex: 1,\n        minHeight: 44,\n        maxHeight: 120,\n        borderRadius: 12,\n        paddingHorizontal: 14,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        fontSize: 15,\n    },\n    send: {\n        width: 44,\n        height: 44,\n        borderRadius: 22,\n        backgroundColor: '#8B7CFF',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    designSend: {\n        paddingHorizontal: 12,\n        height: 44,\n        borderRadius: 22,\n        backgroundColor: '#FDE8D8',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    designSendLabel: { fontSize: 13, fontWeight: '700', color: '#9a3412' },\n    sendDisabled: { opacity: 0.4 },\n    notice: {\n        position: 'absolute',\n        left: 20,\n        right: 20,\n        bottom: 24,\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n        paddingHorizontal: 14,\n        paddingVertical: 11,\n        borderRadius: 12,\n        backgroundColor: 'rgba(248, 250, 252, 0.96)',\n    },\n    noticeText: { flex: 1, color: '#0f172a', fontSize: 13 },\n    noticeDismiss: { color: '#6C5CE7', fontSize: 13, fontWeight: '600' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/aiEdit.js

@@ -0,0 +1,53 @@
+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 EDIT_ASPECTS = [{
+  id: "original",
+  label: "Original"
+}, {
+  id: "square",
+  label: "Square"
+}];
+const EDIT_SIZES = ["1K", "2K"];
+const VARIANT_COUNTS = [1, 2, 3, 4];
+const MODEL_RATIOS = [["21:9", 21 / 9], ["16:9", 16 / 9], ["3:2", 3 / 2], ["4:3", 4 / 3], ["5:4", 5 / 4], ["1:1", 1], ["4:5", 4 / 5], ["3:4", 3 / 4], ["2:3", 2 / 3], ["9:16", 9 / 16]];
+function nearestAspectRatio(width, height) {
+  if (!(width > 0) || !(height > 0)) return void 0;
+  const r = width / height;
+  return MODEL_RATIOS.reduce((best, cur) => Math.abs(cur[1] - r) < Math.abs(best[1] - r) ? cur : best)[0];
+}
+function editRequest(aspect, size, natural) {
+  const ratio = aspect === "square" ? "1:1" : natural ? nearestAspectRatio(natural.width, natural.height) : void 0;
+  return __spreadProps(__spreadValues({}, ratio ? {
+    aspectRatio: ratio
+  } : {}), {
+    imageSize: size
+  });
+}
+function markedEditPrompt(instruction, marked) {
+  const ask = instruction.trim().replace(/\s+/g, " ");
+  return `Edit this photo: ${ask}. Keep everything else exactly as it is.`;
+}
+function settleVariants(results) {
+  const urls = results.filter((r) => r.status === "fulfilled").map((r) => r.value);
+  return {
+    urls,
+    failed: results.length - urls.length
+  };
+}export{EDIT_ASPECTS,EDIT_SIZES,VARIANT_COUNTS,editRequest,markedEditPrompt,nearestAspectRatio,settleVariants};//# sourceMappingURL=aiEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aiEdit.js","sources":["../../../src/features/canvas/aiEdit.ts"],"sourcesContent":["/**\n * Mark & edit helpers — twin of web `editors/image-editor/aiEdit.ts` (pure).\n */\n\n/** The one colour a mark is drawn in: image models read red annotations best. */\nexport const MARKER_COLOR = '#ef4444';\n\nexport const EDIT_ASPECTS = [\n    { id: 'original', label: 'Original' },\n    { id: 'square', label: 'Square' },\n] as const;\nexport type EditAspect = (typeof EDIT_ASPECTS)[number]['id'];\n\nexport const EDIT_SIZES = ['1K', '2K'] as const;\nexport type EditSize = (typeof EDIT_SIZES)[number];\n\nexport const VARIANT_COUNTS = [1, 2, 3, 4] as const;\n\nconst MODEL_RATIOS: [string, number][] = [\n    ['21:9', 21 / 9],\n    ['16:9', 16 / 9],\n    ['3:2', 3 / 2],\n    ['4:3', 4 / 3],\n    ['5:4', 5 / 4],\n    ['1:1', 1],\n    ['4:5', 4 / 5],\n    ['3:4', 3 / 4],\n    ['2:3', 2 / 3],\n    ['9:16', 9 / 16],\n];\n\n/** The model ratio closest to a picture's own shape. */\nexport function nearestAspectRatio(width: number, height: number): string | undefined {\n    if (!(width > 0) || !(height > 0)) return undefined;\n    const r = width / height;\n    return MODEL_RATIOS.reduce((best, cur) => (Math.abs(cur[1] - r) < Math.abs(best[1] - r) ? cur : best))[0];\n}\n\n/**\n * Gemini edit framing. \"Original\" names the picture's own ratio so a 16:9\n * still is not answered with a square.\n */\nexport function editRequest(\n    aspect: EditAspect,\n    size: EditSize,\n    natural?: { width: number; height: number } | null,\n): { aspectRatio?: string; imageSize: string } {\n    const ratio = aspect === 'square' ? '1:1' : natural ? nearestAspectRatio(natural.width, natural.height) : undefined;\n    return { ...(ratio ? { aspectRatio: ratio } : {}), imageSize: size };\n}\n\nexport function markedEditPrompt(instruction: string, marked: boolean): string {\n    const ask = instruction.trim().replace(/\\s+/g, ' ');\n    if (!marked) return `Edit this photo: ${ask}. Keep everything else exactly as it is.`;\n    return (\n        `Edit this photo: ${ask}. The red marker strokes show where to make the change - apply it there, ` +\n        `and do not draw the red marks in the result. Keep everything outside the marked area exactly as it is.`\n    );\n}\n\nexport function settleVariants(results: PromiseSettledResult<string>[]): { urls: string[]; failed: number } {\n    const urls = results\n        .filter((r): r is PromiseFulfilledResult<string> => r.status === 'fulfilled')\n        .map((r) => r.value);\n    return { urls, failed: results.length - urls.length };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMO,MAAM,eAAe,CAAC;AAAA,EAC3B,EAAI,EAAA,UAAA;AAAA,EACJ,KAAO,EAAA;AACT,CAAG,EAAA;AAAA,EACD,EAAI,EAAA,QAAA;AAAA,EACJ,KAAO,EAAA;AACT,CAAC;AAEY,MAAA,UAAA,GAAa,CAAC,IAAA,EAAM,IAAI;AAE9B,MAAM,cAAiB,GAAA,CAAC,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC;AACzC,MAAM,YAAA,GAAmC,CAAC,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA,EAAG,CAAC,MAAA,EAAQ,EAAK,GAAA,CAAC,GAAG,CAAC,KAAA,EAAO,CAAI,GAAA,CAAC,CAAG,EAAA,CAAC,OAAO,CAAI,GAAA,CAAC,CAAG,EAAA,CAAC,KAAO,EAAA,CAAA,GAAI,CAAC,CAAG,EAAA,CAAC,OAAO,CAAC,CAAA,EAAG,CAAC,KAAO,EAAA,CAAA,GAAI,CAAC,CAAA,EAAG,CAAC,KAAA,EAAO,IAAI,CAAC,CAAA,EAAG,CAAC,KAAA,EAAO,CAAI,GAAA,CAAC,GAAG,CAAC,MAAA,EAAQ,CAAI,GAAA,EAAE,CAAC,CAAA;AAG1L,SAAA,kBAAA,CAAmB,OAAe,MAAoC,EAAA;AACpF,EAAA,IAAI,EAAE,KAAQ,GAAA,CAAA,CAAA,IAAM,EAAE,MAAA,GAAS,IAAW,OAAA,MAAA;AAC1C,EAAA,MAAM,IAAI,KAAQ,GAAA,MAAA;AAClB,EAAO,OAAA,YAAA,CAAa,OAAO,CAAC,IAAA,EAAM,QAAQ,IAAK,CAAA,GAAA,CAAI,GAAI,CAAA,CAAC,CAAI,GAAA,CAAC,IAAI,IAAK,CAAA,GAAA,CAAI,KAAK,CAAC,CAAA,GAAI,CAAC,CAAI,GAAA,GAAA,GAAM,IAAI,CAAA,CAAE,CAAC,CAAA;AACxG;AAMgB,SAAA,WAAA,CAAY,MAAoB,EAAA,IAAA,EAAgB,OAM9D,EAAA;AACA,EAAM,MAAA,KAAA,GAAQ,MAAW,KAAA,QAAA,GAAW,KAAQ,GAAA,OAAA,GAAU,mBAAmB,OAAQ,CAAA,KAAA,EAAO,OAAQ,CAAA,MAAM,CAAI,GAAA,MAAA;AAC1G,EAAA,OAAO,iCACD,KAAQ,GAAA;AAAA,IACV,WAAa,EAAA;AAAA,GACf,GAAI,EAHC,CAAA,EAAA;AAAA,IAIL,SAAW,EAAA;AAAA,GACb,CAAA;AACF;AACgB,SAAA,gBAAA,CAAiB,aAAqB,MAAyB,EAAA;AAC7E,EAAA,MAAM,MAAM,WAAY,CAAA,IAAA,EAAO,CAAA,OAAA,CAAQ,QAAQ,GAAG,CAAA;AAClD,EAAoB,OAAA,CAAA,iBAAA,EAAoB,GAAG,CAAA,wCAAA,CAAA;AAE7C;AACO,SAAS,eAAe,OAG7B,EAAA;AACA,EAAA,MAAM,IAAO,GAAA,OAAA,CAAQ,MAAO,CAAA,CAAC,CAA2C,KAAA,CAAA,CAAE,MAAW,KAAA,WAAW,CAAE,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,KAAK,CAAA;AAClH,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,MAAA,EAAQ,OAAQ,CAAA,MAAA,GAAS,IAAK,CAAA;AAAA,GAChC;AACF"}