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

package/lib/features/canvas/SetStudioExperience.js

@@ -0,0 +1,323 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef}from'react';import {StyleSheet,View,Pressable,Text,ScrollView,TextInput,FlatList,Image,ActivityIndicator}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeAreaInsets}from'react-native-safe-area-context';import {friendlyMediaError,resultUrl}from'./videoEditor/mediaActions.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {generateWorld3D,generateObject3D,renderSetStill}from'./video3d.js';import {MOVES,frameCount,cameraPath}from'./set/cameraPath.js';import {newSet}from'./set/setProject.js';import {SetViewportWebView}from'./set/SetViewportWebView.js';function SetStudioExperience({
+  boardItems,
+  runAction,
+  uploadMedia,
+  onClose,
+  onPlace
+}) {
+  var _a;
+  const insets = useSafeAreaInsets();
+  const stills = useMemo(() => boardItems.filter((item) => item.type === "image").map((item) => ({
+    id: item.id,
+    src: unwrapProxyUrl(item.src),
+    label: item.generatedAssetName || "Still"
+  })), [boardItems]);
+  const [project] = useState(() => newSet());
+  const [tab, setTab] = useState("view");
+  const [worldUrl, setWorldUrl] = useState();
+  const [propUrl, setPropUrl] = useState((_a = stills[0]) == null ? void 0 : _a.src);
+  const [worldPrompt, setWorldPrompt] = useState("Soft daylight studio, neutral backdrop");
+  const [objectPrompt, setObjectPrompt] = useState("");
+  const [look, setLook] = useState("Photoreal product hero, soft rim light");
+  const [move, setMove] = useState("orbit-left");
+  const [duration, setDuration] = useState(3);
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [lastPreview, setLastPreview] = useState(null);
+  const frameWaiters = useRef([]);
+  const viewportApi = useRef(null);
+  const onFrame = (dataUrl) => {
+    const waiter = frameWaiters.current.shift();
+    waiter == null ? void 0 : waiter(dataUrl);
+  };
+  const captureOnce = () => new Promise((resolve, reject) => {
+    var _a2;
+    const timer = setTimeout(() => reject(new Error("Viewport capture timed out")), 8e3);
+    frameWaiters.current.push((dataUrl) => {
+      clearTimeout(timer);
+      resolve(dataUrl);
+    });
+    (_a2 = viewportApi.current) == null ? void 0 : _a2.capture();
+  });
+  const dataUrlToUpload = async (dataUrl) => {
+    if (!uploadMedia) throw new Error("Upload seam needed to save viewport frames");
+    if (dataUrl.startsWith("data:")) {
+      return uploadMedia(dataUrl);
+    }
+    return uploadMedia(dataUrl);
+  };
+  const runWorld = async () => {
+    if (!runAction) return setError("3D needs a live connector.");
+    setBusy("Generating world\u2026");
+    setError(null);
+    try {
+      const world = await generateWorld3D(runAction, {
+        prompt: worldPrompt.trim()
+      });
+      setWorldUrl(world.imageUrl);
+      setLastPreview(world.imageUrl);
+      onPlace("image", world.imageUrl, `World \xB7 ${worldPrompt.slice(0, 24)}`);
+      setTab("view");
+    } catch (err) {
+      setError(friendlyMediaError(err, "3D world"));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const runObject = async () => {
+    if (!runAction) return setError("3D needs a live connector.");
+    setBusy("Submitting mesh\u2026");
+    setError(null);
+    try {
+      const mesh = await generateObject3D(runAction, {
+        imageUrl: propUrl,
+        prompt: objectPrompt.trim() || void 0,
+        onProgress: setBusy
+      });
+      const preview = mesh.previewUrl || mesh.modelUrl;
+      setPropUrl(preview);
+      setLastPreview(preview);
+      onPlace("image", preview, `Object \xB7 ${(objectPrompt || "mesh").slice(0, 24)}`);
+      setTab("view");
+    } catch (err) {
+      setError(friendlyMediaError(err, "3D object"));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const runRender = async () => {
+    if (!runAction) return setError("Render needs a live connector.");
+    setBusy("Capturing viewport\u2026");
+    setError(null);
+    try {
+      const frame = await captureOnce();
+      let refUrl = lastPreview || propUrl || worldUrl;
+      try {
+        refUrl = await dataUrlToUpload(frame);
+      } catch (e) {
+      }
+      setBusy("Rendering photographic still\u2026");
+      const url = await renderSetStill(runAction, {
+        look,
+        referenceUrls: [refUrl, propUrl, worldUrl].filter(Boolean),
+        aspect: project.aspect
+      });
+      setLastPreview(url);
+      onPlace("image", url, `Set render \xB7 ${look.slice(0, 24)}`);
+    } catch (err) {
+      setError(friendlyMediaError(err, "set render"));
+    } finally {
+      setBusy(null);
+    }
+  };
+  const runMove = async () => {
+    var _a2;
+    if (!runAction) return setError("Moves need a live connector.");
+    setBusy("Rendering camera path\u2026");
+    setError(null);
+    try {
+      const frames = frameCount(duration, 12);
+      const path = cameraPath(project.camera, {
+        move,
+        frames
+      });
+      const uploaded = [];
+      for (let i = 0; i < path.length; i += 1) {
+        setBusy(`Frame ${i + 1}/${path.length}\u2026`);
+        (_a2 = viewportApi.current) == null ? void 0 : _a2.setCamera(path[i]);
+        await new Promise((r) => setTimeout(r, 120));
+        const dataUrl = await captureOnce();
+        uploaded.push(await dataUrlToUpload(dataUrl));
+      }
+      setBusy("Composing clip\u2026");
+      const slideshow = await runAction("yantra-video-editing", "YANTRA_VIDEO_EDIT_SLIDESHOW", {
+        input_urls: uploaded,
+        duration_per_image: duration / Math.max(1, uploaded.length),
+        fps: 12
+      });
+      const url = resultUrl(slideshow, "YANTRA_VIDEO_EDIT_SLIDESHOW");
+      onPlace("video", url, `Move \xB7 ${move}`);
+      setLastPreview(url);
+    } catch (err) {
+      setError(friendlyMediaError(err, "camera move"));
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.root, {
+    paddingTop: insets.top + 8,
+    paddingBottom: insets.bottom + 8
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#e2e8f0" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.title, children: "3D set" }),
+      /* @__PURE__ */ jsx(View, { style: {
+        width: 22
+      } })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: styles.viewport, children: /* @__PURE__ */ jsx(SetViewportWebView, { worldUrl, propUrl, camera: project.camera, onFrame, webRef: viewportApi }) }),
+    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabs, children: [["view", "View"], ["world", "World"], ["object", "Object"], ["render", "Render"], ["move", "Move"]].map(([id, label]) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setTab(id), style: [styles.tab, tab === id && styles.tabOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, tab === id && styles.tabLabelOn], children: label }) }, id)) }),
+    /* @__PURE__ */ jsxs(ScrollView, { style: styles.body, keyboardShouldPersistTaps: "handled", children: [
+      tab === "view" ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Drag to orbit. Use World / Object / Render / Move for the shot." }) : null,
+      tab === "world" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TextInput, { value: worldPrompt, onChangeText: setWorldPrompt, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void runWorld(), style: styles.cta, disabled: Boolean(busy), children: /* @__PURE__ */ jsx(Text, { style: styles.ctaLabel, children: "Generate world" }) })
+      ] }) : null,
+      tab === "object" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(FlatList, { horizontal: true, data: stills, keyExtractor: (item) => item.id, renderItem: ({
+          item
+        }) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setPropUrl(item.src), style: [styles.thumbWrap, propUrl === item.src && styles.thumbOn], children: /* @__PURE__ */ jsx(Image, { source: {
+          uri: item.src
+        }, style: styles.thumb }) }) }),
+        /* @__PURE__ */ jsx(TextInput, { value: objectPrompt, onChangeText: setObjectPrompt, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88", placeholder: "Optional mesh prompt" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void runObject(), style: styles.cta, disabled: Boolean(busy), children: /* @__PURE__ */ jsx(Text, { style: styles.ctaLabel, children: "Generate object" }) })
+      ] }) : null,
+      tab === "render" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TextInput, { value: look, onChangeText: setLook, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void runRender(), style: styles.cta, disabled: Boolean(busy), children: /* @__PURE__ */ jsx(Text, { style: styles.ctaLabel, children: "Render still" }) })
+      ] }) : null,
+      tab === "move" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(View, { style: styles.moveRow, children: MOVES.map((m) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setMove(m.kind), style: [styles.chip, move === m.kind && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, move === m.kind && styles.chipLabelOn], children: m.label }) }, m.kind)) }),
+        /* @__PURE__ */ jsx(View, { style: styles.moveRow, children: [2, 3, 4, 6].map((sec) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setDuration(sec), style: [styles.chip, duration === sec && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, duration === sec && styles.chipLabelOn], children: [
+          sec,
+          "s"
+        ] }) }, sec)) }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void runMove(), style: styles.cta, disabled: Boolean(busy), children: /* @__PURE__ */ jsx(Text, { style: styles.ctaLabel, children: "Render move" }) })
+      ] }) : null,
+      busy ? /* @__PURE__ */ jsxs(View, { style: styles.busyRow, children: [
+        /* @__PURE__ */ jsx(ActivityIndicator, { color: "#C4B5FD" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.progress, children: busy })
+      ] }) : null,
+      error ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: error }) : null
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#0B0B0E"
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    marginBottom: 6
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "700",
+    color: "#F7F7FA"
+  },
+  viewport: {
+    height: 240,
+    marginHorizontal: 12,
+    borderRadius: 12,
+    overflow: "hidden"
+  },
+  tabs: {
+    paddingHorizontal: 12,
+    gap: 8,
+    paddingVertical: 10
+  },
+  tab: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 9,
+    backgroundColor: "#1F1F24"
+  },
+  tabOn: {
+    backgroundColor: "#8B7CFF"
+  },
+  tabLabel: {
+    color: "#F7F7FA",
+    fontSize: 12.5,
+    fontWeight: "600"
+  },
+  tabLabelOn: {
+    color: "#0A0A0C"
+  },
+  body: {
+    flex: 1,
+    paddingHorizontal: 12
+  },
+  hint: {
+    color: "#7A7A88",
+    fontSize: 13,
+    marginBottom: 8
+  },
+  input: {
+    minHeight: 64,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    marginBottom: 10,
+    textAlignVertical: "top"
+  },
+  cta: {
+    paddingVertical: 12,
+    borderRadius: 12,
+    backgroundColor: "#F7F7FA",
+    alignItems: "center",
+    marginBottom: 10
+  },
+  ctaLabel: {
+    fontWeight: "700",
+    color: "#0f172a"
+  },
+  thumbWrap: {
+    width: 64,
+    height: 64,
+    borderRadius: 8,
+    overflow: "hidden",
+    marginRight: 8,
+    borderWidth: 2,
+    borderColor: "transparent"
+  },
+  thumbOn: {
+    borderColor: "#8B7CFF"
+  },
+  thumb: {
+    width: "100%",
+    height: "100%"
+  },
+  moveRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8,
+    marginBottom: 10
+  },
+  chip: {
+    paddingHorizontal: 10,
+    paddingVertical: 7,
+    borderRadius: 8,
+    backgroundColor: "#1F1F24"
+  },
+  chipOn: {
+    backgroundColor: "#8B7CFF"
+  },
+  chipLabel: {
+    color: "#F7F7FA",
+    fontSize: 12
+  },
+  chipLabelOn: {
+    color: "#0A0A0C"
+  },
+  busyRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginTop: 6
+  },
+  progress: {
+    color: "#C4B5FD",
+    fontSize: 12
+  },
+  error: {
+    color: "#FECACA",
+    fontSize: 12,
+    marginTop: 8
+  }
+});export{SetStudioExperience};//# sourceMappingURL=SetStudioExperience.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetStudioExperience.js","sources":["../../../src/features/canvas/SetStudioExperience.tsx"],"sourcesContent":["/**\n * Native Set studio with Three.js WebView viewport, world/object/render, and camera moves.\n */\nimport React, { useMemo, useRef, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Image,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport type { CanvasItem } from './canvasCore';\nimport { friendlyMediaError, resultUrl, type RunMediaAction } from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\nimport { generateObject3D, generateWorld3D, renderSetStill } from './video3d';\nimport { MOVES, cameraPath, frameCount, type MoveKind } from './set/cameraPath';\nimport { newSet, type SetCamera } from './set/setProject';\nimport { SetViewportWebView } from './set/SetViewportWebView';\n\ntype Tab = 'view' | 'world' | 'object' | 'render' | 'move';\n\nexport function SetStudioExperience({\n    boardItems,\n    runAction,\n    uploadMedia,\n    onClose,\n    onPlace,\n}: {\n    boardItems: CanvasItem[];\n    runAction?: RunMediaAction;\n    uploadMedia?: (localUri: string) => Promise<string>;\n    onClose: () => void;\n    onPlace: (kind: 'image' | 'video', url: string, name: string) => void;\n}) {\n    const insets = useSafeAreaInsets();\n    const stills = useMemo(\n        () =>\n            boardItems\n                .filter((item) => item.type === 'image')\n                .map((item) => ({\n                    id: item.id,\n                    src: unwrapProxyUrl(item.src),\n                    label: item.generatedAssetName || 'Still',\n                })),\n        [boardItems],\n    );\n    const [project] = useState(() => newSet());\n    const [tab, setTab] = useState<Tab>('view');\n    const [worldUrl, setWorldUrl] = useState<string | undefined>();\n    const [propUrl, setPropUrl] = useState<string | undefined>(stills[0]?.src);\n    const [worldPrompt, setWorldPrompt] = useState('Soft daylight studio, neutral backdrop');\n    const [objectPrompt, setObjectPrompt] = useState('');\n    const [look, setLook] = useState('Photoreal product hero, soft rim light');\n    const [move, setMove] = useState<MoveKind>('orbit-left');\n    const [duration, setDuration] = useState(3);\n    const [busy, setBusy] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [lastPreview, setLastPreview] = useState<string | null>(null);\n    const frameWaiters = useRef<Array<(dataUrl: string) => void>>([]);\n    const viewportApi = useRef<{ capture: () => void; setCamera: (c: SetCamera) => void } | null>(null);\n\n    const onFrame = (dataUrl: string) => {\n        const waiter = frameWaiters.current.shift();\n        waiter?.(dataUrl);\n    };\n\n    const captureOnce = (): Promise<string> =>\n        new Promise((resolve, reject) => {\n            const timer = setTimeout(() => reject(new Error('Viewport capture timed out')), 8000);\n            frameWaiters.current.push((dataUrl) => {\n                clearTimeout(timer);\n                resolve(dataUrl);\n            });\n            viewportApi.current?.capture();\n        });\n\n    const dataUrlToUpload = async (dataUrl: string): Promise<string> => {\n        if (!uploadMedia) throw new Error('Upload seam needed to save viewport frames');\n        // Host uploaders typically accept file://; write via fetch blob path unsupported —\n        // pass data URL when host supports it, else fail clearly.\n        if (dataUrl.startsWith('data:')) {\n            // Many hosts accept data URLs through their upload helpers; try as-is.\n            return uploadMedia(dataUrl);\n        }\n        return uploadMedia(dataUrl);\n    };\n\n    const runWorld = async () => {\n        if (!runAction) return setError('3D needs a live connector.');\n        setBusy('Generating world…');\n        setError(null);\n        try {\n            const world = await generateWorld3D(runAction, { prompt: worldPrompt.trim() });\n            setWorldUrl(world.imageUrl);\n            setLastPreview(world.imageUrl);\n            onPlace('image', world.imageUrl, `World · ${worldPrompt.slice(0, 24)}`);\n            setTab('view');\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, '3D world'));\n        } finally {\n            setBusy(null);\n        }\n    };\n\n    const runObject = async () => {\n        if (!runAction) return setError('3D needs a live connector.');\n        setBusy('Submitting mesh…');\n        setError(null);\n        try {\n            const mesh = await generateObject3D(runAction, {\n                imageUrl: propUrl,\n                prompt: objectPrompt.trim() || undefined,\n                onProgress: setBusy,\n            });\n            const preview = mesh.previewUrl || mesh.modelUrl;\n            setPropUrl(preview);\n            setLastPreview(preview);\n            onPlace('image', preview, `Object · ${(objectPrompt || 'mesh').slice(0, 24)}`);\n            setTab('view');\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, '3D object'));\n        } finally {\n            setBusy(null);\n        }\n    };\n\n    const runRender = async () => {\n        if (!runAction) return setError('Render needs a live connector.');\n        setBusy('Capturing viewport…');\n        setError(null);\n        try {\n            const frame = await captureOnce();\n            let refUrl = lastPreview || propUrl || worldUrl;\n            try {\n                refUrl = await dataUrlToUpload(frame);\n            } catch {\n                /* keep prior ref */\n            }\n            setBusy('Rendering photographic still…');\n            const url = await renderSetStill(runAction, {\n                look,\n                referenceUrls: [refUrl, propUrl, worldUrl].filter(Boolean) as string[],\n                aspect: project.aspect,\n            });\n            setLastPreview(url);\n            onPlace('image', url, `Set render · ${look.slice(0, 24)}`);\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, 'set render'));\n        } finally {\n            setBusy(null);\n        }\n    };\n\n    const runMove = async () => {\n        if (!runAction) return setError('Moves need a live connector.');\n        setBusy('Rendering camera path…');\n        setError(null);\n        try {\n            const frames = frameCount(duration, 12);\n            const path = cameraPath(project.camera, { move, frames });\n            const uploaded: string[] = [];\n            for (let i = 0; i < path.length; i += 1) {\n                setBusy(`Frame ${i + 1}/${path.length}…`);\n                viewportApi.current?.setCamera(path[i]);\n                await new Promise((r) => setTimeout(r, 120));\n                const dataUrl = await captureOnce();\n                uploaded.push(await dataUrlToUpload(dataUrl));\n            }\n            setBusy('Composing clip…');\n            const slideshow = await runAction('yantra-video-editing', 'YANTRA_VIDEO_EDIT_SLIDESHOW', {\n                input_urls: uploaded,\n                duration_per_image: duration / Math.max(1, uploaded.length),\n                fps: 12,\n            });\n            const url = resultUrl(slideshow, 'YANTRA_VIDEO_EDIT_SLIDESHOW');\n            onPlace('video', url, `Move · ${move}`);\n            setLastPreview(url);\n        } catch (err: unknown) {\n            setError(friendlyMediaError(err, 'camera move'));\n        } finally {\n            setBusy(null);\n        }\n    };\n\n    return (\n        <View style={[styles.root, { paddingTop: insets.top + 8, paddingBottom: insets.bottom + 8 }]}>\n            <View style={styles.head}>\n                <Pressable onPress={onClose} hitSlop={10}>\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#e2e8f0\" />\n                </Pressable>\n                <Text style={styles.title}>3D set</Text>\n                <View style={{ width: 22 }} />\n            </View>\n\n            <View style={styles.viewport}>\n                <SetViewportWebView\n                    worldUrl={worldUrl}\n                    propUrl={propUrl}\n                    camera={project.camera}\n                    onFrame={onFrame}\n                    webRef={viewportApi}\n                />\n            </View>\n\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.tabs}>\n                {(\n                    [\n                        ['view', 'View'],\n                        ['world', 'World'],\n                        ['object', 'Object'],\n                        ['render', 'Render'],\n                        ['move', 'Move'],\n                    ] as const\n                ).map(([id, label]) => (\n                    <Pressable key={id} onPress={() => setTab(id)} style={[styles.tab, tab === id && styles.tabOn]}>\n                        <Text style={[styles.tabLabel, tab === id && styles.tabLabelOn]}>{label}</Text>\n                    </Pressable>\n                ))}\n            </ScrollView>\n\n            <ScrollView style={styles.body} keyboardShouldPersistTaps=\"handled\">\n                {tab === 'view' ? (\n                    <Text style={styles.hint}>Drag to orbit. Use World / Object / Render / Move for the shot.</Text>\n                ) : null}\n                {tab === 'world' ? (\n                    <>\n                        <TextInput\n                            value={worldPrompt}\n                            onChangeText={setWorldPrompt}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Pressable onPress={() => void runWorld()} style={styles.cta} disabled={Boolean(busy)}>\n                            <Text style={styles.ctaLabel}>Generate world</Text>\n                        </Pressable>\n                    </>\n                ) : null}\n                {tab === 'object' ? (\n                    <>\n                        <FlatList\n                            horizontal\n                            data={stills}\n                            keyExtractor={(item) => item.id}\n                            renderItem={({ item }) => (\n                                <Pressable\n                                    onPress={() => setPropUrl(item.src)}\n                                    style={[styles.thumbWrap, propUrl === item.src && styles.thumbOn]}\n                                >\n                                    <Image source={{ uri: item.src }} style={styles.thumb} />\n                                </Pressable>\n                            )}\n                        />\n                        <TextInput\n                            value={objectPrompt}\n                            onChangeText={setObjectPrompt}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                            placeholder=\"Optional mesh prompt\"\n                        />\n                        <Pressable onPress={() => void runObject()} style={styles.cta} disabled={Boolean(busy)}>\n                            <Text style={styles.ctaLabel}>Generate object</Text>\n                        </Pressable>\n                    </>\n                ) : null}\n                {tab === 'render' ? (\n                    <>\n                        <TextInput\n                            value={look}\n                            onChangeText={setLook}\n                            style={styles.input}\n                            multiline\n                            placeholderTextColor=\"#7A7A88\"\n                        />\n                        <Pressable onPress={() => void runRender()} style={styles.cta} disabled={Boolean(busy)}>\n                            <Text style={styles.ctaLabel}>Render still</Text>\n                        </Pressable>\n                    </>\n                ) : null}\n                {tab === 'move' ? (\n                    <>\n                        <View style={styles.moveRow}>\n                            {MOVES.map((m) => (\n                                <Pressable\n                                    key={m.kind}\n                                    onPress={() => setMove(m.kind)}\n                                    style={[styles.chip, move === m.kind && styles.chipOn]}\n                                >\n                                    <Text style={[styles.chipLabel, move === m.kind && styles.chipLabelOn]}>\n                                        {m.label}\n                                    </Text>\n                                </Pressable>\n                            ))}\n                        </View>\n                        <View style={styles.moveRow}>\n                            {[2, 3, 4, 6].map((sec) => (\n                                <Pressable\n                                    key={sec}\n                                    onPress={() => setDuration(sec)}\n                                    style={[styles.chip, duration === sec && styles.chipOn]}\n                                >\n                                    <Text style={[styles.chipLabel, duration === sec && styles.chipLabelOn]}>\n                                        {sec}s\n                                    </Text>\n                                </Pressable>\n                            ))}\n                        </View>\n                        <Pressable onPress={() => void runMove()} style={styles.cta} disabled={Boolean(busy)}>\n                            <Text style={styles.ctaLabel}>Render move</Text>\n                        </Pressable>\n                    </>\n                ) : null}\n                {busy ? (\n                    <View style={styles.busyRow}>\n                        <ActivityIndicator color=\"#C4B5FD\" />\n                        <Text style={styles.progress}>{busy}</Text>\n                    </View>\n                ) : null}\n                {error ? <Text style={styles.error}>{error}</Text> : null}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, backgroundColor: '#0B0B0E' },\n    head: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        marginBottom: 6,\n    },\n    title: { fontSize: 17, fontWeight: '700', color: '#F7F7FA' },\n    viewport: { height: 240, marginHorizontal: 12, borderRadius: 12, overflow: 'hidden' },\n    tabs: { paddingHorizontal: 12, gap: 8, paddingVertical: 10 },\n    tab: { paddingHorizontal: 12, paddingVertical: 8, borderRadius: 9, backgroundColor: '#1F1F24' },\n    tabOn: { backgroundColor: '#8B7CFF' },\n    tabLabel: { color: '#F7F7FA', fontSize: 12.5, fontWeight: '600' },\n    tabLabelOn: { color: '#0A0A0C' },\n    body: { flex: 1, paddingHorizontal: 12 },\n    hint: { color: '#7A7A88', fontSize: 13, marginBottom: 8 },\n    input: {\n        minHeight: 64,\n        borderRadius: 12,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        marginBottom: 10,\n        textAlignVertical: 'top',\n    },\n    cta: {\n        paddingVertical: 12,\n        borderRadius: 12,\n        backgroundColor: '#F7F7FA',\n        alignItems: 'center',\n        marginBottom: 10,\n    },\n    ctaLabel: { fontWeight: '700', color: '#0f172a' },\n    thumbWrap: {\n        width: 64,\n        height: 64,\n        borderRadius: 8,\n        overflow: 'hidden',\n        marginRight: 8,\n        borderWidth: 2,\n        borderColor: 'transparent',\n    },\n    thumbOn: { borderColor: '#8B7CFF' },\n    thumb: { width: '100%', height: '100%' },\n    moveRow: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, marginBottom: 10 },\n    chip: { paddingHorizontal: 10, paddingVertical: 7, borderRadius: 8, backgroundColor: '#1F1F24' },\n    chipOn: { backgroundColor: '#8B7CFF' },\n    chipLabel: { color: '#F7F7FA', fontSize: 12 },\n    chipLabelOn: { color: '#0A0A0C' },\n    busyRow: { flexDirection: 'row', alignItems: 'center', gap: 8, marginTop: 6 },\n    progress: { color: '#C4B5FD', fontSize: 12 },\n    error: { color: '#FECACA', fontSize: 12, marginTop: 8 },\n});\n"],"names":["_a"],"mappings":"6rBAeO,SAAS,mBAAoB,CAAA;AAAA,EAClC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAMG,EAAA;AA3BH,EAAA,IAAA,EAAA;AA4BE,EAAA,MAAM,SAAS,iBAAkB,EAAA;AACjC,EAAM,MAAA,MAAA,GAAS,OAAQ,CAAA,MAAM,UAAW,CAAA,MAAA,CAAO,CAAQ,IAAA,KAAA,IAAA,CAAK,IAAS,KAAA,OAAO,CAAE,CAAA,GAAA,CAAI,CAAS,IAAA,MAAA;AAAA,IACzF,IAAI,IAAK,CAAA,EAAA;AAAA,IACT,GAAA,EAAK,cAAe,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,IAC5B,KAAA,EAAO,KAAK,kBAAsB,IAAA;AAAA,GAClC,CAAA,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,QAAS,CAAA,MAAM,QAAQ,CAAA;AACzC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAc,MAAM,CAAA;AAC1C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA6B,EAAA;AAC7D,EAAM,MAAA,CAAC,SAAS,UAAU,CAAA,GAAI,UAA6B,EAAO,GAAA,MAAA,CAAA,CAAC,CAAR,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAW,GAAG,CAAA;AACzE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,wCAAwC,CAAA;AACvF,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,wCAAwC,CAAA;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,YAAY,CAAA;AACvD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAwB,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,IAAI,CAAA;AAClE,EAAM,MAAA,YAAA,GAAe,MAAyC,CAAA,EAAE,CAAA;AAChE,EAAM,MAAA,WAAA,GAAc,OAGV,IAAI,CAAA;AACd,EAAM,MAAA,OAAA,GAAU,CAAC,OAAoB,KAAA;AACnC,IAAM,MAAA,MAAA,GAAS,YAAa,CAAA,OAAA,CAAQ,KAAM,EAAA;AAC1C,IAAS,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,OAAA,CAAA;AAAA,GACX;AACA,EAAA,MAAM,cAAc,MAAuB,IAAI,OAAQ,CAAA,CAAC,SAAS,MAAW,KAAA;AAvD9E,IAAAA,IAAAA,GAAAA;AAwDI,IAAM,MAAA,KAAA,GAAQ,WAAW,MAAM,MAAA,CAAO,IAAI,KAAM,CAAA,4BAA4B,CAAC,CAAA,EAAG,GAAI,CAAA;AACpF,IAAa,YAAA,CAAA,OAAA,CAAQ,KAAK,CAAW,OAAA,KAAA;AACnC,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,KAChB,CAAA;AACD,IAAA,CAAAA,GAAA,GAAA,WAAA,CAAY,OAAZ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAqB,CAAA,OAAA,EAAA;AAAA,GACtB,CAAA;AACD,EAAM,MAAA,eAAA,GAAkB,OAAO,OAAqC,KAAA;AAClE,IAAA,IAAI,CAAC,WAAA,EAAmB,MAAA,IAAI,MAAM,4CAA4C,CAAA;AAG9E,IAAI,IAAA,OAAA,CAAQ,UAAW,CAAA,OAAO,CAAG,EAAA;AAE/B,MAAA,OAAO,YAAY,OAAO,CAAA;AAAA;AAE5B,IAAA,OAAO,YAAY,OAAO,CAAA;AAAA,GAC5B;AACA,EAAA,MAAM,WAAW,YAAY;AAC3B,IAAA,IAAI,CAAC,SAAA,EAAkB,OAAA,QAAA,CAAS,4BAA4B,CAAA;AAC5D,IAAA,OAAA,CAAQ,wBAAmB,CAAA;AAC3B,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAI,IAAA;AACF,MAAM,MAAA,KAAA,GAAQ,MAAM,eAAA,CAAgB,SAAW,EAAA;AAAA,QAC7C,MAAA,EAAQ,YAAY,IAAK;AAAA,OAC1B,CAAA;AACD,MAAA,WAAA,CAAY,MAAM,QAAQ,CAAA;AAC1B,MAAA,cAAA,CAAe,MAAM,QAAQ,CAAA;AAC7B,MAAQ,OAAA,CAAA,OAAA,EAAS,MAAM,QAAU,EAAA,CAAA,WAAA,EAAW,YAAY,KAAM,CAAA,CAAA,EAAG,EAAE,CAAC,CAAE,CAAA,CAAA;AACtE,MAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACN,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,UAAU,CAAC,CAAA;AAAA,KAC5C,SAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;AACA,EAAA,MAAM,YAAY,YAAY;AAC5B,IAAA,IAAI,CAAC,SAAA,EAAkB,OAAA,QAAA,CAAS,4BAA4B,CAAA;AAC5D,IAAA,OAAA,CAAQ,uBAAkB,CAAA;AAC1B,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAI,IAAA;AACF,MAAM,MAAA,IAAA,GAAO,MAAM,gBAAA,CAAiB,SAAW,EAAA;AAAA,QAC7C,QAAU,EAAA,OAAA;AAAA,QACV,MAAA,EAAQ,YAAa,CAAA,IAAA,EAAU,IAAA,KAAA,CAAA;AAAA,QAC/B,UAAY,EAAA;AAAA,OACb,CAAA;AACD,MAAM,MAAA,OAAA,GAAU,IAAK,CAAA,UAAA,IAAc,IAAK,CAAA,QAAA;AACxC,MAAA,UAAA,CAAW,OAAO,CAAA;AAClB,MAAA,cAAA,CAAe,OAAO,CAAA;AACtB,MAAQ,OAAA,CAAA,OAAA,EAAS,SAAS,CAAa,YAAA,EAAA,CAAA,YAAA,IAAgB,QAAQ,KAAM,CAAA,CAAA,EAAG,EAAE,CAAC,CAAE,CAAA,CAAA;AAC7E,MAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACN,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,WAAW,CAAC,CAAA;AAAA,KAC7C,SAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;AACA,EAAA,MAAM,YAAY,YAAY;AAC5B,IAAA,IAAI,CAAC,SAAA,EAAkB,OAAA,QAAA,CAAS,gCAAgC,CAAA;AAChE,IAAA,OAAA,CAAQ,0BAAqB,CAAA;AAC7B,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAI,IAAA;AACF,MAAM,MAAA,KAAA,GAAQ,MAAM,WAAY,EAAA;AAChC,MAAI,IAAA,MAAA,GAAS,eAAe,OAAW,IAAA,QAAA;AACvC,MAAI,IAAA;AACF,QAAS,MAAA,GAAA,MAAM,gBAAgB,KAAK,CAAA;AAAA,OAC9B,CAAA,OAAA,CAAA,EAAA;AAAA;AAGR,MAAA,OAAA,CAAQ,oCAA+B,CAAA;AACvC,MAAM,MAAA,GAAA,GAAM,MAAM,cAAA,CAAe,SAAW,EAAA;AAAA,QAC1C,IAAA;AAAA,QACA,eAAe,CAAC,MAAA,EAAQ,SAAS,QAAQ,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,QACzD,QAAQ,OAAQ,CAAA;AAAA,OACjB,CAAA;AACD,MAAA,cAAA,CAAe,GAAG,CAAA;AAClB,MAAQ,OAAA,CAAA,OAAA,EAAS,KAAK,CAAgB,gBAAA,EAAA,IAAA,CAAK,MAAM,CAAG,EAAA,EAAE,CAAC,CAAE,CAAA,CAAA;AAAA,aAClD,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,YAAY,CAAC,CAAA;AAAA,KAC9C,SAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;AACA,EAAA,MAAM,UAAU,YAAY;AA1I9B,IAAAA,IAAAA,GAAAA;AA2II,IAAA,IAAI,CAAC,SAAA,EAAkB,OAAA,QAAA,CAAS,8BAA8B,CAAA;AAC9D,IAAA,OAAA,CAAQ,6BAAwB,CAAA;AAChC,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAI,IAAA;AACF,MAAM,MAAA,MAAA,GAAS,UAAW,CAAA,QAAA,EAAU,EAAE,CAAA;AACtC,MAAM,MAAA,IAAA,GAAO,UAAW,CAAA,OAAA,CAAQ,MAAQ,EAAA;AAAA,QACtC,IAAA;AAAA,QACA;AAAA,OACD,CAAA;AACD,MAAA,MAAM,WAAqB,EAAC;AAC5B,MAAA,KAAA,IAAS,IAAI,CAAG,EAAA,CAAA,GAAI,IAAK,CAAA,MAAA,EAAQ,KAAK,CAAG,EAAA;AACvC,QAAA,OAAA,CAAQ,SAAS,CAAI,GAAA,CAAC,CAAI,CAAA,EAAA,IAAA,CAAK,MAAM,CAAG,MAAA,CAAA,CAAA;AACxC,QAAA,CAAAA,MAAA,WAAY,CAAA,OAAA,KAAZ,gBAAAA,GAAqB,CAAA,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA;AACrC,QAAA,MAAM,IAAI,OAAQ,CAAA,CAAA,CAAA,KAAK,UAAW,CAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AACzC,QAAM,MAAA,OAAA,GAAU,MAAM,WAAY,EAAA;AAClC,QAAA,QAAA,CAAS,IAAK,CAAA,MAAM,eAAgB,CAAA,OAAO,CAAC,CAAA;AAAA;AAE9C,MAAA,OAAA,CAAQ,sBAAiB,CAAA;AACzB,MAAA,MAAM,SAAY,GAAA,MAAM,SAAU,CAAA,sBAAA,EAAwB,6BAA+B,EAAA;AAAA,QACvF,UAAY,EAAA,QAAA;AAAA,QACZ,oBAAoB,QAAW,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,SAAS,MAAM,CAAA;AAAA,QAC1D,GAAK,EAAA;AAAA,OACN,CAAA;AACD,MAAM,MAAA,GAAA,GAAM,SAAU,CAAA,SAAA,EAAW,6BAA6B,CAAA;AAC9D,MAAA,OAAA,CAAQ,OAAS,EAAA,GAAA,EAAK,CAAU,UAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AACtC,MAAA,cAAA,CAAe,GAAG,CAAA;AAAA,aACX,GAAc,EAAA;AACrB,MAAS,QAAA,CAAA,kBAAA,CAAmB,GAAK,EAAA,aAAa,CAAC,CAAA;AAAA,KAC/C,SAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,GACF;AACA,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,IAAM,EAAA;AAAA,IAChC,UAAA,EAAY,OAAO,GAAM,GAAA,CAAA;AAAA,IACzB,aAAA,EAAe,OAAO,MAAS,GAAA;AAAA,GAChC,CACS,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,IAChB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,OAAS,EAAA,OAAA,EAAS,EAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,WAAU,CACnE,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,OAAO,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,sBACjC,GAAA,CAAC,QAAK,KAAO,EAAA;AAAA,QACrB,KAAO,EAAA;AAAA,OACN,EAAA;AAAA,KACG,EAAA,CAAA;AAAA,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,UAChB,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,QAAoB,EAAA,OAAA,EAAkB,QAAQ,OAAQ,CAAA,MAAA,EAAQ,OAAkB,EAAA,MAAA,EAAQ,aAAa,CAC7H,EAAA,CAAA;AAAA,oBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,UAAU,EAAA,IAAA,EAAC,gCAAgC,KAAO,EAAA,qBAAA,EAAuB,MAAO,CAAA,IAAA,EACtF,QAAC,EAAA,CAAA,CAAC,MAAQ,EAAA,MAAM,GAAG,CAAC,OAAA,EAAS,OAAO,CAAA,EAAG,CAAC,QAAA,EAAU,QAAQ,CAAA,EAAG,CAAC,QAAU,EAAA,QAAQ,CAAG,EAAA,CAAC,MAAQ,EAAA,MAAM,CAAC,CAAA,CAAY,IAAI,CAAC,CAAC,EAAI,EAAA,KAAK,CAAM,qBAAA,GAAA,CAAC,SAAmB,EAAA,EAAA,OAAA,EAAS,MAAM,MAAO,CAAA,EAAE,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,GAAK,EAAA,GAAA,KAAQ,MAAM,MAAO,CAAA,KAAK,CAC3N,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,UAAU,GAAQ,KAAA,EAAA,IAAM,MAAO,CAAA,UAAU,CAAI,EAAA,QAAA,EAAA,KAAA,EAAM,CADsE,EAAA,EAAA,EAElJ,CAAY,CACpB,EAAA,CAAA;AAAA,yBAEC,UAAW,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,2BAA0B,SACrD,EAAA,QAAA,EAAA;AAAA,MAAA,GAAA,KAAQ,yBAAU,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,IAAA,EAAM,6EAA+D,CAAU,GAAA,IAAA;AAAA,MACpH,GAAA,KAAQ,0BACD,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,WAAA,EAAa,YAAc,EAAA,cAAA,EAAgB,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,SAAA,EAAS,IAAC,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBAC3H,GAAA,CAAC,aAAU,OAAS,EAAA,MAAM,KAAK,QAAS,EAAA,EAAG,OAAO,MAAO,CAAA,GAAA,EAAK,UAAU,OAAQ,CAAA,IAAI,GAChF,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,QAAA,EAAU,4BAAc,CAChD,EAAA;AAAA,OAAA,EACJ,CAAM,GAAA,IAAA;AAAA,MACT,GAAA,KAAQ,2BACD,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,QAAA,EAAA,EAAS,UAAU,EAAA,IAAA,EAAC,IAAM,EAAA,MAAA,EAAQ,cAAc,CAAQ,IAAA,KAAA,IAAA,CAAK,EAAI,EAAA,UAAA,EAAY,CAAC;AAAA,UAC7F;AAAA,SACF,yBAAO,SAAU,EAAA,EAAA,OAAA,EAAS,MAAM,UAAW,CAAA,IAAA,CAAK,GAAG,CAAG,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,SAAA,EAAW,YAAY,IAAK,CAAA,GAAA,IAAO,OAAO,OAAO,CAAA,EAC1F,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA;AAAA,UACvC,KAAK,IAAK,CAAA;AAAA,SACT,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,GACF,CAAc,EAAA,CAAA;AAAA,wBACrB,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,YAAA,EAAc,cAAc,eAAiB,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,SAAS,EAAA,IAAA,EAAC,oBAAqB,EAAA,SAAA,EAAU,aAAY,sBAAuB,EAAA,CAAA;AAAA,wBAChK,GAAA,CAAC,aAAU,OAAS,EAAA,MAAM,KAAK,SAAU,EAAA,EAAG,OAAO,MAAO,CAAA,GAAA,EAAK,UAAU,OAAQ,CAAA,IAAI,GACjF,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,QAAA,EAAU,6BAAe,CACjD,EAAA;AAAA,OAAA,EACJ,CAAM,GAAA,IAAA;AAAA,MACT,GAAA,KAAQ,2BACD,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,IAAA,EAAM,YAAc,EAAA,OAAA,EAAS,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,SAAA,EAAS,IAAC,EAAA,oBAAA,EAAqB,SAAU,EAAA,CAAA;AAAA,wBAC7G,GAAA,CAAC,aAAU,OAAS,EAAA,MAAM,KAAK,SAAU,EAAA,EAAG,OAAO,MAAO,CAAA,GAAA,EAAK,UAAU,OAAQ,CAAA,IAAI,GACjF,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,QAAA,EAAU,0BAAY,CAC9C,EAAA;AAAA,OAAA,EACJ,CAAM,GAAA,IAAA;AAAA,MACT,GAAA,KAAQ,yBACD,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,SACf,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,uBAAM,GAAA,CAAA,SAAA,EAAA,EAAuB,SAAS,MAAM,OAAA,CAAQ,EAAE,IAAI,CAAA,EAAG,OAAO,CAAC,MAAA,CAAO,MAAM,IAAS,KAAA,CAAA,CAAE,QAAQ,MAAO,CAAA,MAAM,GACrH,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,CAAC,MAAA,CAAO,WAAW,IAAS,KAAA,CAAA,CAAE,QAAQ,MAAO,CAAA,WAAW,GAChE,QAAE,EAAA,CAAA,CAAA,KAAA,EACP,KAHwB,CAAE,CAAA,IAI9B,CAAY,CACpB,EAAA,CAAA;AAAA,4BACC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,OAAA,EACf,WAAC,CAAG,EAAA,CAAA,EAAG,CAAG,EAAA,CAAC,EAAE,GAAI,CAAA,CAAA,GAAA,yBAAQ,SAAoB,EAAA,EAAA,OAAA,EAAS,MAAM,WAAY,CAAA,GAAG,CAAG,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,IAAA,EAAM,aAAa,GAAO,IAAA,MAAA,CAAO,MAAM,CAC7H,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,SAAA,EAAW,aAAa,GAAO,IAAA,MAAA,CAAO,WAAW,CACjE,EAAA,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAAI;AAAA,SACT,EAAA,CAAA,EAAA,EAHiC,GAIrC,CAAY,CACpB,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,aAAU,OAAS,EAAA,MAAM,KAAK,OAAQ,EAAA,EAAG,OAAO,MAAO,CAAA,GAAA,EAAK,UAAU,OAAQ,CAAA,IAAI,GAC/E,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,QAAA,EAAU,yBAAW,CAC7C,EAAA;AAAA,OAAA,EACJ,CAAM,GAAA,IAAA;AAAA,MACT,IAAO,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,OACpB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,iBAAA,EAAA,EAAkB,OAAM,SAAU,EAAA,CAAA;AAAA,wBAClC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,UAAW,QAAK,EAAA,IAAA,EAAA;AAAA,OAAA,EACxC,CAAU,GAAA,IAAA;AAAA,MACb,wBAAS,GAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,KAAA,EAAQ,iBAAM,CAAU,GAAA;AAAA,KACzD,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,CAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,QAAU,EAAA;AAAA,IACR,MAAQ,EAAA,GAAA;AAAA,IACR,gBAAkB,EAAA,EAAA;AAAA,IAClB,YAAc,EAAA,EAAA;AAAA,IACd,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,EAAA;AAAA,IACnB,GAAK,EAAA,CAAA;AAAA,IACL,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,IAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,CAAA;AAAA,IACN,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,EAAA;AAAA,IACX,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAO,EAAA,SAAA;AAAA,IACP,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,eAAiB,EAAA,EAAA;AAAA,IACjB,YAAc,EAAA,EAAA;AAAA,IACd,eAAiB,EAAA,SAAA;AAAA,IACjB,UAAY,EAAA,QAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,UAAY,EAAA,KAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA;AAAA,GACf;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA,CAAA;AAAA,IACd,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,CAAA;AAAA,IACL,SAAW,EAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA"}

package/lib/features/canvas/VideoClipsExperience.js

@@ -0,0 +1,175 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {StyleSheet,View,Pressable,Text,TextInput,ActivityIndicator}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {friendlyMediaError}from'./videoEditor/mediaActions.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {CLIP_COUNT_CHOICES,CLIP_ASPECT_RATIOS,CLIP_RESOLUTIONS,buildClipRunParams,parseClipRunResult}from'./videoClips.js';function VideoClipsExperience({
+  item,
+  runAction,
+  onClose,
+  onClips
+}) {
+  const [count, setCount] = useState(3);
+  const [aspect, setAspect] = useState("9:16");
+  const [resolution, setResolution] = useState("720");
+  const [videoUrl, setVideoUrl] = useState((item == null ? void 0 : item.src) ? unwrapProxyUrl(item.src) : "");
+  const [busy, setBusy] = useState(false);
+  const [notice, setNotice] = useState(null);
+  const run = () => {
+    const source = videoUrl.trim();
+    if (!source) {
+      setNotice("Paste a video URL, or open Clips from a clip already on the board.");
+      return;
+    }
+    if (!runAction) {
+      setNotice("Clips need the host connector \u2014 not wired in this host.");
+      return;
+    }
+    if (busy) return;
+    setBusy(true);
+    setNotice(null);
+    runAction("yantra-video-clip", "YANTRA_VIDEO_CLIP_RUN", buildClipRunParams({
+      videoUrl: unwrapProxyUrl(source),
+      numClips: count,
+      aspectRatio: aspect,
+      resolution
+    })).then((result) => {
+      const urls = parseClipRunResult(result);
+      if (!urls.length) throw new Error("The pipeline finished but returned no clips");
+      onClips(urls, aspect);
+    }).catch((err) => setNotice(friendlyMediaError(err, "video clips"))).finally(() => setBusy(false));
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, testID: "video-clips", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 22, color: "#F7F7FA" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.headerTitle, children: "Clips" }),
+      /* @__PURE__ */ jsx(View, { style: {
+        width: 22
+      } })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.lead, children: "Cut a long video into AI-ranked short clips \u2014 same as web canvas." }),
+      /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Source URL" }),
+      /* @__PURE__ */ jsx(TextInput, { value: videoUrl, onChangeText: setVideoUrl, placeholder: "https://\u2026", placeholderTextColor: "#7A7A88", autoCapitalize: "none", autoCorrect: false, style: styles.url, editable: !busy }),
+      /* @__PURE__ */ jsx(Text, { style: styles.label, children: "How many" }),
+      /* @__PURE__ */ jsx(View, { style: styles.row, children: CLIP_COUNT_CHOICES.map((n) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setCount(n), style: [styles.chip, count === n && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, count === n && styles.chipLabelOn], children: n }) }, n)) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Aspect" }),
+      /* @__PURE__ */ jsx(View, { style: styles.row, children: CLIP_ASPECT_RATIOS.map((value) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setAspect(value), style: [styles.chip, aspect === value && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, aspect === value && styles.chipLabelOn], children: value }) }, value)) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.label, children: "Resolution" }),
+      /* @__PURE__ */ jsx(View, { style: styles.row, children: CLIP_RESOLUTIONS.map((value) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setResolution(value), style: [styles.chip, resolution === value && styles.chipOn], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, resolution === value && styles.chipLabelOn], children: [
+        value,
+        "p"
+      ] }) }, value)) }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: run, disabled: busy, style: [styles.go, busy && styles.goDisabled], accessibilityRole: "button", children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: "#0A0A0C" }) : /* @__PURE__ */ jsx(Text, { style: styles.goLabel, children: "Make clips" }) }),
+      busy ? /* @__PURE__ */ jsx(Text, { style: styles.wait, children: "This can take a few minutes\u2026" }) : null
+    ] }),
+    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"
+  },
+  body: {
+    paddingHorizontal: 18,
+    paddingTop: 12,
+    gap: 10
+  },
+  lead: {
+    color: "#9A9AA5",
+    fontSize: 13,
+    marginBottom: 8
+  },
+  label: {
+    color: "#7A7A88",
+    fontSize: 11.5,
+    fontWeight: "600",
+    textTransform: "uppercase",
+    letterSpacing: 0.4
+  },
+  url: {
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: "#1F1F24",
+    color: "#F7F7FA",
+    fontSize: 14
+  },
+  row: {
+    flexDirection: "row",
+    gap: 8,
+    flexWrap: "wrap"
+  },
+  chip: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 9,
+    backgroundColor: "#1F1F24"
+  },
+  chipOn: {
+    backgroundColor: "#8B7CFF"
+  },
+  chipLabel: {
+    color: "#F7F7FA",
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  chipLabelOn: {
+    color: "#0A0A0C"
+  },
+  go: {
+    marginTop: 16,
+    height: 48,
+    borderRadius: 12,
+    backgroundColor: "#8B7CFF",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  goDisabled: {
+    opacity: 0.6
+  },
+  goLabel: {
+    color: "#0A0A0C",
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  wait: {
+    color: "#9A9AA5",
+    fontSize: 12.5,
+    textAlign: "center"
+  },
+  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{VideoClipsExperience};//# sourceMappingURL=VideoClipsExperience.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoClipsExperience.js","sources":["../../../src/features/canvas/VideoClipsExperience.tsx"],"sourcesContent":["/**\n * Native twin of web canvas \"Clips\": `yantra-video-clip` /\n * `YANTRA_VIDEO_CLIP_RUN` turns a long video into ranked short clips.\n */\nimport React, { useState } from 'react';\nimport { ActivityIndicator, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasItem } from './canvasCore';\nimport { friendlyMediaError, type RunMediaAction } from './videoEditor/mediaActions';\nimport { unwrapProxyUrl } from './videoEditor/remoteMediaClient';\nimport {\n    CLIP_ASPECT_RATIOS,\n    CLIP_COUNT_CHOICES,\n    CLIP_RESOLUTIONS,\n    buildClipRunParams,\n    parseClipRunResult,\n} from './videoClips';\n\nexport interface VideoClipsExperienceProps {\n    item?: CanvasItem | null;\n    runAction?: RunMediaAction;\n    onClose: () => void;\n    onClips: (urls: string[], aspect: string) => void;\n}\n\nexport function VideoClipsExperience({ item, runAction, onClose, onClips }: VideoClipsExperienceProps) {\n    const [count, setCount] = useState(3);\n    const [aspect, setAspect] = useState<(typeof CLIP_ASPECT_RATIOS)[number]>('9:16');\n    const [resolution, setResolution] = useState<(typeof CLIP_RESOLUTIONS)[number]>('720');\n    const [videoUrl, setVideoUrl] = useState(item?.src ? unwrapProxyUrl(item.src) : '');\n    const [busy, setBusy] = useState(false);\n    const [notice, setNotice] = useState<string | null>(null);\n\n    const run = () => {\n        const source = videoUrl.trim();\n        if (!source) {\n            setNotice('Paste a video URL, or open Clips from a clip already on the board.');\n            return;\n        }\n        if (!runAction) {\n            setNotice('Clips need the host connector — not wired in this host.');\n            return;\n        }\n        if (busy) return;\n        setBusy(true);\n        setNotice(null);\n        runAction(\n            'yantra-video-clip',\n            'YANTRA_VIDEO_CLIP_RUN',\n            buildClipRunParams({\n                videoUrl: unwrapProxyUrl(source),\n                numClips: count,\n                aspectRatio: aspect,\n                resolution,\n            }),\n        )\n            .then((result) => {\n                const urls = parseClipRunResult(result);\n                if (!urls.length) throw new Error('The pipeline finished but returned no clips');\n                onClips(urls, aspect);\n            })\n            .catch((err: unknown) => setNotice(friendlyMediaError(err, 'video clips')))\n            .finally(() => setBusy(false));\n    };\n\n    return (\n        <View style={styles.root} testID=\"video-clips\">\n            <View style={styles.header}>\n                <Pressable onPress={onClose} hitSlop={10} accessibilityRole=\"button\" accessibilityLabel=\"Close\">\n                    <MaterialCommunityIcons name=\"close\" size={22} color=\"#F7F7FA\" />\n                </Pressable>\n                <Text style={styles.headerTitle}>Clips</Text>\n                <View style={{ width: 22 }} />\n            </View>\n            <View style={styles.body}>\n                <Text style={styles.lead}>Cut a long video into AI-ranked short clips — same as web canvas.</Text>\n                <Text style={styles.label}>Source URL</Text>\n                <TextInput\n                    value={videoUrl}\n                    onChangeText={setVideoUrl}\n                    placeholder=\"https://…\"\n                    placeholderTextColor=\"#7A7A88\"\n                    autoCapitalize=\"none\"\n                    autoCorrect={false}\n                    style={styles.url}\n                    editable={!busy}\n                />\n                <Text style={styles.label}>How many</Text>\n                <View style={styles.row}>\n                    {CLIP_COUNT_CHOICES.map((n) => (\n                        <Pressable\n                            key={n}\n                            onPress={() => setCount(n)}\n                            style={[styles.chip, count === n && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipLabel, count === n && styles.chipLabelOn]}>{n}</Text>\n                        </Pressable>\n                    ))}\n                </View>\n                <Text style={styles.label}>Aspect</Text>\n                <View style={styles.row}>\n                    {CLIP_ASPECT_RATIOS.map((value) => (\n                        <Pressable\n                            key={value}\n                            onPress={() => setAspect(value)}\n                            style={[styles.chip, aspect === value && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipLabel, aspect === value && styles.chipLabelOn]}>{value}</Text>\n                        </Pressable>\n                    ))}\n                </View>\n                <Text style={styles.label}>Resolution</Text>\n                <View style={styles.row}>\n                    {CLIP_RESOLUTIONS.map((value) => (\n                        <Pressable\n                            key={value}\n                            onPress={() => setResolution(value)}\n                            style={[styles.chip, resolution === value && styles.chipOn]}\n                        >\n                            <Text style={[styles.chipLabel, resolution === value && styles.chipLabelOn]}>{value}p</Text>\n                        </Pressable>\n                    ))}\n                </View>\n                <Pressable\n                    onPress={run}\n                    disabled={busy}\n                    style={[styles.go, busy && styles.goDisabled]}\n                    accessibilityRole=\"button\"\n                >\n                    {busy ? <ActivityIndicator color=\"#0A0A0C\" /> : <Text style={styles.goLabel}>Make clips</Text>}\n                </Pressable>\n                {busy ? <Text style={styles.wait}>This can take a few minutes…</Text> : null}\n            </View>\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        </View>\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    body: { paddingHorizontal: 18, paddingTop: 12, gap: 10 },\n    lead: { color: '#9A9AA5', fontSize: 13, marginBottom: 8 },\n    label: { color: '#7A7A88', fontSize: 11.5, fontWeight: '600', textTransform: 'uppercase', letterSpacing: 0.4 },\n    url: {\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        backgroundColor: '#1F1F24',\n        color: '#F7F7FA',\n        fontSize: 14,\n    },\n    row: { flexDirection: 'row', gap: 8, flexWrap: 'wrap' },\n    chip: { paddingHorizontal: 14, paddingVertical: 8, borderRadius: 9, backgroundColor: '#1F1F24' },\n    chipOn: { backgroundColor: '#8B7CFF' },\n    chipLabel: { color: '#F7F7FA', fontSize: 13, fontWeight: '500' },\n    chipLabelOn: { color: '#0A0A0C' },\n    go: {\n        marginTop: 16,\n        height: 48,\n        borderRadius: 12,\n        backgroundColor: '#8B7CFF',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    goDisabled: { opacity: 0.6 },\n    goLabel: { color: '#0A0A0C', fontSize: 15, fontWeight: '700' },\n    wait: { color: '#9A9AA5', fontSize: 12.5, textAlign: 'center' },\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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"}