@adminide-stack/yantra-mobile 12.0.121 → 12.0.123-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"PromoContextFields.js","sources":["../../../src/features/canvas/PromoContextFields.tsx"],"sourcesContent":["/**\n * Native twin of canvas-surface PromoContextFields — brand mark + on-screen\n * wording + audience/tone, folded away until the user has a brand to pin.\n */\nimport React, { useState } from 'react';\nimport { Pressable, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport { EMPTY_PROMO_CONTEXT, hasPromoContext, readBrandColors, type PromoContext } from './promoVideo';\n\nexport function PromoContextFields({\n    value,\n    onChange,\n    logoUrl,\n    onPickLogo,\n    onClearLogo,\n}: {\n    value: PromoContext;\n    onChange: (patch: Partial<PromoContext>) => void;\n    logoUrl: string | null;\n    onPickLogo?: () => void;\n    onClearLogo?: () => void;\n}) {\n    const [open, setOpen] = useState(() => hasPromoContext(value, logoUrl));\n    const swatches = readBrandColors(value.brandColors);\n\n    return (\n        <View style={styles.root}>\n            <View style={styles.logoRow}>\n                {logoUrl ? (\n                    <View style={styles.logoBox}>\n                        <Image source={{ uri: logoUrl }} style={styles.logoImg} contentFit=\"contain\" />\n                        {onClearLogo ? (\n                            <Pressable onPress={onClearLogo} style={styles.logoClear} hitSlop={6}>\n                                <MaterialCommunityIcons name=\"close\" size={12} color=\"#64748b\" />\n                            </Pressable>\n                        ) : null}\n                    </View>\n                ) : null}\n                {onPickLogo ? (\n                    <Pressable onPress={onPickLogo} style={styles.logoBtn}>\n                        <MaterialCommunityIcons name=\"image-plus\" size={14} color=\"#64748b\" />\n                        <Text style={styles.logoBtnLabel}>{logoUrl ? 'Replace logo' : 'Add logo'}</Text>\n                    </Pressable>\n                ) : null}\n            </View>\n\n            <Pressable onPress={() => setOpen((v) => !v)} style={styles.fold}>\n                <MaterialCommunityIcons name={open ? 'chevron-down' : 'chevron-right'} size={14} color=\"#64748b\" />\n                <Text style={styles.foldLabel}>Brand context</Text>\n                {!open && hasPromoContext(value) ? <Text style={styles.foldHint}>· set</Text> : null}\n            </Pressable>\n\n            {open ? (\n                <View style={styles.fields}>\n                    <TextInput\n                        value={value.onScreenText}\n                        onChangeText={(onScreenText) => onChange({ onScreenText })}\n                        placeholder=\"Words that must appear on screen — one per line\"\n                        placeholderTextColor=\"#94a3b8\"\n                        multiline\n                        style={[styles.input, styles.multiline]}\n                    />\n                    <TextInput\n                        value={value.keyPoints}\n                        onChangeText={(keyPoints) => onChange({ keyPoints })}\n                        placeholder=\"What it has to say — one point per line\"\n                        placeholderTextColor=\"#94a3b8\"\n                        multiline\n                        style={[styles.input, styles.multiline]}\n                    />\n                    <View style={styles.row}>\n                        <TextInput\n                            value={value.audience}\n                            onChangeText={(audience) => onChange({ audience })}\n                            placeholder=\"Who it's for\"\n                            placeholderTextColor=\"#94a3b8\"\n                            style={[styles.input, styles.half]}\n                        />\n                        <TextInput\n                            value={value.tone}\n                            onChangeText={(tone) => onChange({ tone })}\n                            placeholder=\"Tone\"\n                            placeholderTextColor=\"#94a3b8\"\n                            style={[styles.input, styles.half]}\n                        />\n                    </View>\n                    <TextInput\n                        value={value.avoid}\n                        onChangeText={(avoid) => onChange({ avoid })}\n                        placeholder=\"Avoid — words, claims, visuals\"\n                        placeholderTextColor=\"#94a3b8\"\n                        style={styles.input}\n                    />\n                    <TextInput\n                        value={value.brandColors}\n                        onChangeText={(brandColors) => onChange({ brandColors })}\n                        placeholder=\"Brand colours — #0f172a, #f8fafc\"\n                        placeholderTextColor=\"#94a3b8\"\n                        autoCapitalize=\"none\"\n                        style={styles.input}\n                    />\n                    {swatches.length > 0 ? (\n                        <View style={styles.swatches}>\n                            {swatches.map((hex) => (\n                                <View key={hex} style={[styles.swatch, { backgroundColor: hex }]} />\n                            ))}\n                        </View>\n                    ) : null}\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\nexport { EMPTY_PROMO_CONTEXT };\n\nconst styles = StyleSheet.create({\n    root: { gap: 8 },\n    logoRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    logoBox: {\n        width: 40,\n        height: 40,\n        borderRadius: 8,\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        backgroundColor: '#fff',\n        overflow: 'hidden',\n    },\n    logoImg: { width: '100%', height: '100%' },\n    logoClear: {\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        backgroundColor: 'rgba(255,255,255,0.9)',\n        padding: 2,\n        borderBottomLeftRadius: 6,\n    },\n    logoBtn: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        paddingHorizontal: 10,\n        paddingVertical: 8,\n        borderRadius: 8,\n        borderWidth: 1,\n        borderStyle: 'dashed',\n        borderColor: '#cbd5e1',\n    },\n    logoBtnLabel: { fontSize: 12, color: '#64748b' },\n    fold: { flexDirection: 'row', alignItems: 'center', gap: 4, alignSelf: 'flex-start' },\n    foldLabel: { fontSize: 11, color: '#64748b', fontWeight: '600' },\n    foldHint: { fontSize: 11, color: '#94a3b8' },\n    fields: { gap: 8 },\n    input: {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        fontSize: 13,\n        color: '#0f172a',\n        backgroundColor: '#fff',\n    },\n    multiline: { minHeight: 64, textAlignVertical: 'top' },\n    row: { flexDirection: 'row', gap: 8 },\n    half: { flex: 1 },\n    swatches: { flexDirection: 'row', gap: 6 },\n    swatch: { width: 18, height: 18, borderRadius: 4, borderWidth: StyleSheet.hairlineWidth, borderColor: '#e2e8f0' },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PromoContextFields.js","sources":["../../../src/features/canvas/PromoContextFields.tsx"],"sourcesContent":["/**\n * Native twin of canvas-surface PromoContextFields — brand mark + on-screen\n * wording + audience/tone, folded away until the user has a brand to pin.\n */\nimport React, { useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport {\n    EMPTY_PROMO_CONTEXT,\n    PROMO_DESIGN_MODELS,\n    PROMO_NARRATORS,\n    PROMO_QUALITIES,\n    hasPromoContext,\n    readBrandColors,\n    type PromoContext,\n    type PromoQuality,\n} from './promoVideo';\n\nexport function PromoContextFields({\n    value,\n    onChange,\n    logoUrl,\n    onPickLogo,\n    onClearLogo,\n}: {\n    value: PromoContext;\n    onChange: (patch: Partial<PromoContext>) => void;\n    logoUrl: string | null;\n    onPickLogo?: () => void;\n    onClearLogo?: () => void;\n}) {\n    const [open, setOpen] = useState(() => hasPromoContext(value, logoUrl));\n    const swatches = readBrandColors(value.brandColors);\n\n    return (\n        <View style={styles.root}>\n            <View style={styles.logoRow}>\n                {logoUrl ? (\n                    <View style={styles.logoBox}>\n                        <Image source={{ uri: logoUrl }} style={styles.logoImg} contentFit=\"contain\" />\n                        {onClearLogo ? (\n                            <Pressable onPress={onClearLogo} style={styles.logoClear} hitSlop={6}>\n                                <MaterialCommunityIcons name=\"close\" size={12} color=\"#64748b\" />\n                            </Pressable>\n                        ) : null}\n                    </View>\n                ) : null}\n                {onPickLogo ? (\n                    <Pressable onPress={onPickLogo} style={styles.logoBtn}>\n                        <MaterialCommunityIcons name=\"image-plus\" size={14} color=\"#64748b\" />\n                        <Text style={styles.logoBtnLabel}>{logoUrl ? 'Replace logo' : 'Add logo'}</Text>\n                    </Pressable>\n                ) : null}\n            </View>\n\n            <Pressable onPress={() => setOpen((v) => !v)} style={styles.fold}>\n                <MaterialCommunityIcons name={open ? 'chevron-down' : 'chevron-right'} size={14} color=\"#64748b\" />\n                <Text style={styles.foldLabel}>Brand context</Text>\n                {!open && hasPromoContext(value) ? <Text style={styles.foldHint}>· set</Text> : null}\n            </Pressable>\n\n            {open ? (\n                <View style={styles.fields}>\n                    <TextInput\n                        value={value.onScreenText}\n                        onChangeText={(onScreenText) => onChange({ onScreenText })}\n                        placeholder=\"Words that must appear on screen — one per line\"\n                        placeholderTextColor=\"#94a3b8\"\n                        multiline\n                        style={[styles.input, styles.multiline]}\n                    />\n                    <TextInput\n                        value={value.keyPoints}\n                        onChangeText={(keyPoints) => onChange({ keyPoints })}\n                        placeholder=\"What it has to say — one point per line\"\n                        placeholderTextColor=\"#94a3b8\"\n                        multiline\n                        style={[styles.input, styles.multiline]}\n                    />\n                    <View style={styles.row}>\n                        <TextInput\n                            value={value.audience}\n                            onChangeText={(audience) => onChange({ audience })}\n                            placeholder=\"Who it's for\"\n                            placeholderTextColor=\"#94a3b8\"\n                            style={[styles.input, styles.half]}\n                        />\n                        <TextInput\n                            value={value.tone}\n                            onChangeText={(tone) => onChange({ tone })}\n                            placeholder=\"Tone\"\n                            placeholderTextColor=\"#94a3b8\"\n                            style={[styles.input, styles.half]}\n                        />\n                    </View>\n                    <TextInput\n                        value={value.avoid}\n                        onChangeText={(avoid) => onChange({ avoid })}\n                        placeholder=\"Avoid — words, claims, visuals\"\n                        placeholderTextColor=\"#94a3b8\"\n                        style={styles.input}\n                    />\n                    <TextInput\n                        value={value.brandColors}\n                        onChangeText={(brandColors) => onChange({ brandColors })}\n                        placeholder=\"Brand colours — #0f172a, #f8fafc\"\n                        placeholderTextColor=\"#94a3b8\"\n                        autoCapitalize=\"none\"\n                        style={styles.input}\n                    />\n                    {swatches.length > 0 ? (\n                        <View style={styles.swatches}>\n                            {swatches.map((hex) => (\n                                <View key={hex} style={[styles.swatch, { backgroundColor: hex }]} />\n                            ))}\n                        </View>\n                    ) : null}\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\n/**\n * Production choices (web promo panel): quality, narrator casting, the product\n * moments to show (all PRODUCE only), and the model that lays out a Design.\n */\nexport function PromoProductionFields({\n    quality,\n    onQuality,\n    narrator,\n    onNarrator,\n    useCases,\n    onUseCases,\n    designModel,\n    onDesignModel,\n}: {\n    quality: PromoQuality;\n    onQuality: (q: PromoQuality) => void;\n    narrator: string;\n    onNarrator: (id: string) => void;\n    useCases: string;\n    onUseCases: (text: string) => void;\n    /** Omit both to hide the design-model row (no Design button for this preset). */\n    designModel?: string;\n    onDesignModel?: (id: string) => void;\n}) {\n    const qualityInfo = PROMO_QUALITIES.find((q) => q.id === quality);\n    return (\n        <View style={styles.root}>\n            <Text style={styles.label}>Quality</Text>\n            <View style={styles.pills}>\n                {PROMO_QUALITIES.map((q) => (\n                    <Pressable\n                        key={q.id}\n                        onPress={() => onQuality(q.id)}\n                        style={[styles.pill, quality === q.id && styles.pillOn]}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{ selected: quality === q.id }}\n                    >\n                        <Text style={styles.pillLabel}>{q.name}</Text>\n                    </Pressable>\n                ))}\n            </View>\n            {qualityInfo ? <Text style={styles.foldHint}>{qualityInfo.description}</Text> : null}\n            <Text style={styles.label}>Narrator</Text>\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.pills}>\n                {PROMO_NARRATORS.map((n) => (\n                    <Pressable\n                        key={n.id || 'cast'}\n                        onPress={() => onNarrator(n.id)}\n                        style={[styles.pill, narrator === n.id && styles.pillOn]}\n                    >\n                        <Text style={styles.pillLabel}>{n.name}</Text>\n                    </Pressable>\n                ))}\n            </ScrollView>\n            <TextInput\n                value={useCases}\n                onChangeText={onUseCases}\n                placeholder=\"Product moments to show — one per line, in order\"\n                placeholderTextColor=\"#94a3b8\"\n                multiline\n                style={[styles.input, styles.multiline]}\n            />\n            {onDesignModel ? (\n                <>\n                    <Text style={styles.label}>Design model</Text>\n                    <View style={styles.pills}>\n                        {PROMO_DESIGN_MODELS.map((m) => (\n                            <Pressable\n                                key={m.id || 'default'}\n                                onPress={() => onDesignModel(m.id)}\n                                style={[styles.pill, (designModel ?? '') === m.id && styles.pillOn]}\n                                accessibilityHint={m.description}\n                            >\n                                <Text style={styles.pillLabel}>{m.name}</Text>\n                            </Pressable>\n                        ))}\n                    </View>\n                </>\n            ) : null}\n        </View>\n    );\n}\n\nexport { EMPTY_PROMO_CONTEXT };\n\nconst styles = StyleSheet.create({\n    root: { gap: 8 },\n    logoRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    logoBox: {\n        width: 40,\n        height: 40,\n        borderRadius: 8,\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        backgroundColor: '#fff',\n        overflow: 'hidden',\n    },\n    logoImg: { width: '100%', height: '100%' },\n    logoClear: {\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        backgroundColor: 'rgba(255,255,255,0.9)',\n        padding: 2,\n        borderBottomLeftRadius: 6,\n    },\n    logoBtn: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        paddingHorizontal: 10,\n        paddingVertical: 8,\n        borderRadius: 8,\n        borderWidth: 1,\n        borderStyle: 'dashed',\n        borderColor: '#cbd5e1',\n    },\n    logoBtnLabel: { fontSize: 12, color: '#64748b' },\n    fold: { flexDirection: 'row', alignItems: 'center', gap: 4, alignSelf: 'flex-start' },\n    foldLabel: { fontSize: 11, color: '#64748b', fontWeight: '600' },\n    foldHint: { fontSize: 11, color: '#94a3b8' },\n    fields: { gap: 8 },\n    input: {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        fontSize: 13,\n        color: '#0f172a',\n        backgroundColor: '#fff',\n    },\n    multiline: { minHeight: 64, textAlignVertical: 'top' },\n    row: { flexDirection: 'row', gap: 8 },\n    half: { flex: 1 },\n    swatches: { flexDirection: 'row', gap: 6 },\n    label: { fontSize: 11, color: '#64748b', fontWeight: '600' },\n    pills: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },\n    pill: {\n        paddingHorizontal: 10,\n        paddingVertical: 7,\n        borderRadius: 999,\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        backgroundColor: '#ffffff',\n    },\n    pillOn: { backgroundColor: '#fde8d8', borderColor: '#fde8d8' },\n    pillLabel: { fontSize: 12, fontWeight: '600', color: '#334155' },\n    swatch: { width: 18, height: 18, borderRadius: 4, borderWidth: StyleSheet.hairlineWidth, borderColor: '#e2e8f0' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/SetStudioExperience.js

@@ -1,20 +1,52 @@
-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({
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef,useCallback}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,deriveAgentEndpoint}from'./videoEditor/remoteMediaClient.js';import {generateWorld3D,generateObject3D,renderSetStill}from'./video3d.js';import {MOVES,frameCount,cameraPath}from'./set/cameraPath.js';import {newSet,MESH_TARGET_HEIGHT_M,newObjectId,vec3}from'./set/setProject.js';import {SetViewportWebView}from'./set/SetViewportWebView.js';import {KIT_ENTRIES}from'./set/supplyLibrary.js';import {tidySet,updateObjects,removeObjects,placeObjects,uniqueName}from'./set/agent/setOps.js';import {runSetTurn}from'./set/agent/setTurn.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 NUDGE_M = 0.25;
+const LIFT_M = 0.1;
+const TURN_DEG = 15;
+const GROW = 1.15;
+function SetStudioExperience({
   boardItems,
   runAction,
   uploadMedia,
   onClose,
-  onPlace
+  onPlace,
+  token,
+  indexUrl
 }) {
-  var _a;
+  var _a, _b;
   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 [project, setProject] = useState(() => newSet());
+  const projectRef = useRef(project);
+  const [past, setPast] = useState([]);
+  const [selectedId, setSelectedId] = useState(null);
+  const [brief, setBrief] = useState("");
+  const [chat, setChat] = useState([]);
+  const [steps, setSteps] = useState([]);
+  const [agentReply, setAgentReply] = useState(null);
+  const [tab, setTab] = useState("set");
+  const worldUrl = project.world.imageUrl;
   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("");
@@ -26,6 +58,135 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRe
   const [lastPreview, setLastPreview] = useState(null);
   const frameWaiters = useRef([]);
   const viewportApi = useRef(null);
+  const commit = useCallback((next) => {
+    const prev = projectRef.current;
+    projectRef.current = next;
+    setPast((stack) => [...stack.slice(-29), prev]);
+    setProject(next);
+  }, []);
+  const undo = () => {
+    setPast((stack) => {
+      const prev = stack[stack.length - 1];
+      if (!prev) return stack;
+      projectRef.current = prev;
+      setProject(prev);
+      return stack.slice(0, -1);
+    });
+  };
+  const selected = (_b = project.objects.find((o) => o.id === selectedId)) != null ? _b : null;
+  const editSelected = (patch) => {
+    if (!selected) return;
+    commit(tidySet(updateObjects(projectRef.current, [patch]).project));
+  };
+  const nudge = (dx, dy, dz) => {
+    if (!selected) return;
+    const p = selected.position;
+    editSelected({
+      id: selected.id,
+      position: {
+        x: p.x + dx,
+        y: Math.max(0, p.y + dy),
+        z: p.z + dz
+      }
+    });
+  };
+  const addKit = (kit) => {
+    const target = projectRef.current.camera.target;
+    const {
+      project: next,
+      placed
+    } = placeObjects(projectRef.current, [{
+      kit,
+      position: {
+        x: target.x,
+        y: 0,
+        z: target.z
+      }
+    }]);
+    commit(next);
+    if (placed[0]) setSelectedId(placed[0].id);
+  };
+  const deleteSelected = () => {
+    if (!selected) return;
+    commit(removeObjects(projectRef.current, [selected.id]).project);
+    setSelectedId(null);
+  };
+  const agentStills = useMemo(() => stills.map((s) => ({
+    id: s.id,
+    src: s.src,
+    label: s.label
+  })), [stills]);
+  const describeSet = async () => {
+    const text = brief.trim();
+    if (!text) return;
+    if (!token || !indexUrl) return setError("Describe the set needs a signed-in session. Reopen the canvas and try again.");
+    setBusy("Reading the brief\u2026");
+    setError(null);
+    setAgentReply(null);
+    setSteps([]);
+    const ctx = {
+      project: () => projectRef.current,
+      commit,
+      progress: (line) => setBusy(line),
+      stills: agentStills,
+      applyCamera: (camera) => {
+        var _a2;
+        return (_a2 = viewportApi.current) == null ? void 0 : _a2.setCamera(camera);
+      },
+      services: {
+        generateObject: async ({
+          prompt,
+          imageUrl,
+          onProgress
+        }) => {
+          if (!runAction) throw new Error("3D generation needs a live connector.");
+          const mesh = await generateObject3D(runAction, {
+            prompt,
+            imageUrl,
+            onProgress
+          });
+          return {
+            modelUrl: mesh.modelUrl,
+            previewUrl: mesh.previewUrl
+          };
+        },
+        generateWorld: async (prompt) => {
+          if (!runAction) throw new Error("3D generation needs a live connector.");
+          const world = await generateWorld3D(runAction, {
+            prompt
+          });
+          return {
+            imageUrl: world.imageUrl,
+            model: world.model
+          };
+        }
+      }
+    };
+    try {
+      const result = await runSetTurn({
+        history: chat,
+        userText: text,
+        ctx,
+        token,
+        agentEndpoint: deriveAgentEndpoint(indexUrl),
+        onStatus: (line) => setBusy(line),
+        onStep: (step) => setSteps((list) => [...list, step])
+      });
+      setChat((list) => [...list, {
+        role: "user",
+        content: text
+      }, {
+        role: "assistant",
+        content: result.text
+      }]);
+      setAgentReply(result.text);
+      setBrief("");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setBusy(null);
+    }
+  };
   const onFrame = (dataUrl) => {
     const waiter = frameWaiters.current.shift();
     waiter == null ? void 0 : waiter(dataUrl);
@@ -54,7 +215,13 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRe
       const world = await generateWorld3D(runAction, {
         prompt: worldPrompt.trim()
       });
-      setWorldUrl(world.imageUrl);
+      commit(__spreadProps(__spreadValues({}, projectRef.current), {
+        world: __spreadProps(__spreadValues({}, projectRef.current.world), {
+          imageUrl: world.imageUrl,
+          prompt: worldPrompt.trim(),
+          model: world.model
+        })
+      }));
       setLastPreview(world.imageUrl);
       onPlace("image", world.imageUrl, `World \xB7 ${worldPrompt.slice(0, 24)}`);
       setTab("view");
@@ -75,7 +242,33 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRe
         onProgress: setBusy
       });
       const preview = mesh.previewUrl || mesh.modelUrl;
-      setPropUrl(preview);
+      const current = projectRef.current;
+      const id = newObjectId();
+      const name = uniqueName(current.objects.map((o) => o.name), (objectPrompt.trim() || "Object").slice(0, 28));
+      commit(__spreadProps(__spreadValues({}, current), {
+        objects: [...current.objects, __spreadProps(__spreadValues({
+          id,
+          name,
+          source: "mesh",
+          modelUrl: mesh.modelUrl,
+          previewUrl: preview
+        }, propUrl ? {
+          sourceImageUrl: propUrl
+        } : {}), {
+          position: {
+            x: current.camera.target.x,
+            y: 0,
+            z: current.camera.target.z
+          },
+          rotation: vec3(),
+          scale: vec3(1, 1, 1)
+        })]
+      }));
+      setSelectedId(id);
+      setTimeout(() => {
+        var _a2;
+        return (_a2 = viewportApi.current) == null ? void 0 : _a2.frameObject(id);
+      }, 600);
       setLastPreview(preview);
       onPlace("image", preview, `Object \xB7 ${(objectPrompt || "mesh").slice(0, 24)}`);
       setTab("view");
@@ -151,13 +344,79 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRe
     /* @__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(Pressable, { onPress: undo, hitSlop: 10, disabled: past.length === 0 || Boolean(busy), accessibilityLabel: "Undo", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "undo", size: 22, color: past.length ? "#e2e8f0" : "#3f3f46" }) })
     ] }),
-    /* @__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__ */ jsx(View, { style: styles.viewport, children: /* @__PURE__ */ jsx(SetViewportWebView, { worldUrl, propUrl: project.objects.length ? void 0 : propUrl, camera: project.camera, objects: project.objects, lighting: project.lighting, onFrame, onLoadError: (what) => setError(what === "world" ? "The world backdrop would not load. Generate it again." : "The 3D object would not load. Generate it again."), webRef: viewportApi }) }),
+    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.tabs, children: [["set", "Set"], ["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 === "set" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TextInput, { value: brief, onChangeText: setBrief, style: styles.input, multiline: true, placeholderTextColor: "#7A7A88", placeholder: project.objects.length ? 'Change it: "lower the camera", "add a second figure"\u2026' : 'Describe the set: "a barista behind a caf\xE9 counter at dawn"', accessibilityLabel: "Describe the set" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => void describeSet(), style: [styles.cta, (!brief.trim() || Boolean(busy)) && styles.ctaOff], disabled: !brief.trim() || Boolean(busy), children: /* @__PURE__ */ jsx(Text, { style: styles.ctaLabel, children: project.objects.length ? "Ask the set agent" : "Describe the set" }) }),
+        steps.length ? /* @__PURE__ */ jsx(View, { style: styles.steps, children: steps.map((step, i) => /* @__PURE__ */ jsxs(Text, { style: styles.step, numberOfLines: 1, children: [
+          step.label,
+          step.detail ? ` \xB7 ${step.detail}` : ""
+        ] }, `${i}-${step.label}`)) }) : null,
+        agentReply ? /* @__PURE__ */ jsx(Text, { style: styles.reply, children: agentReply }) : null,
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Pieces" }),
+        project.objects.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Nothing on the set yet. Describe it above, or add a piece." }) : /* @__PURE__ */ jsx(View, { style: styles.moveRow, children: project.objects.map((o) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setSelectedId(o.id === selectedId ? null : o.id), style: [styles.chip, o.id === selectedId && styles.chipOn, o.hidden && styles.chipHidden], children: /* @__PURE__ */ jsxs(Text, { style: [styles.chipLabel, o.id === selectedId && styles.chipLabelOn], children: [
+          o.locked ? "\u{1F512} " : "",
+          o.name
+        ] }) }, o.id)) }),
+        selected ? /* @__PURE__ */ jsxs(View, { style: styles.editor, children: [
+          /* @__PURE__ */ jsxs(Text, { style: styles.editorTitle, numberOfLines: 1, children: [
+            selected.name,
+            " \xB7 ",
+            selected.position.x.toFixed(2),
+            ", ",
+            selected.position.y.toFixed(2),
+            ", ",
+            selected.position.z.toFixed(2)
+          ] }),
+          selected.locked ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Locked - unlock it to move it." }) : /* @__PURE__ */ jsx(View, { style: styles.moveRow, children: [["arrow-left", () => nudge(-0.25, 0, 0), "Left"], ["arrow-right", () => nudge(NUDGE_M, 0, 0), "Right"], ["arrow-up", () => nudge(0, 0, -0.25), "Back"], ["arrow-down", () => nudge(0, 0, NUDGE_M), "Forward"], ["arrow-collapse-up", () => nudge(0, LIFT_M, 0), "Raise"], ["arrow-collapse-down", () => nudge(0, -0.1, 0), "Lower"], ["rotate-left", () => editSelected({
+            id: selected.id,
+            rotationY: selected.rotation.y + TURN_DEG
+          }), "Turn left"], ["rotate-right", () => editSelected({
+            id: selected.id,
+            rotationY: selected.rotation.y - TURN_DEG
+          }), "Turn right"], ["plus", () => editSelected({
+            id: selected.id,
+            scaleXyz: {
+              x: selected.scale.x * GROW,
+              y: selected.scale.y * GROW,
+              z: selected.scale.z * GROW
+            }
+          }), "Bigger"], ["minus", () => editSelected({
+            id: selected.id,
+            scaleXyz: {
+              x: selected.scale.x / GROW,
+              y: selected.scale.y / GROW,
+              z: selected.scale.z / GROW
+            }
+          }), "Smaller"]].map(([icon, onPress, label]) => /* @__PURE__ */ jsx(Pressable, { onPress, style: styles.iconBtn, accessibilityLabel: label, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 18, color: "#F7F7FA" }) }, label)) }),
+          /* @__PURE__ */ jsxs(View, { style: styles.moveRow, children: [
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => editSelected({
+              id: selected.id,
+              hidden: !selected.hidden
+            }), style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: selected.hidden ? "Show" : "Hide" }) }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => editSelected({
+              id: selected.id,
+              locked: !selected.locked
+            }), style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: selected.locked ? "Unlock" : "Lock" }) }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+              var _a2;
+              return (_a2 = viewportApi.current) == null ? void 0 : _a2.frameObject(selected.id);
+            }, style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: "Frame" }) }),
+            /* @__PURE__ */ jsx(Pressable, { onPress: deleteSelected, style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, styles.danger], children: "Delete" }) })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx(Text, { style: styles.section, children: "Add a piece" }),
+        /* @__PURE__ */ jsx(View, { style: styles.moveRow, children: KIT_ENTRIES.map((entry) => /* @__PURE__ */ jsx(Pressable, { onPress: () => addKit(entry.id), style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: entry.label }) }, entry.id)) }),
+        /* @__PURE__ */ jsxs(Text, { style: styles.hint, children: [
+          "Generated meshes are normalised to ",
+          MESH_TARGET_HEIGHT_M,
+          "m; use Bigger / Smaller to size them."
+        ] })
+      ] }) : null,
       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" }),
@@ -267,6 +526,57 @@ const styles = StyleSheet.create({
     fontWeight: "700",
     color: "#0f172a"
   },
+  ctaOff: {
+    opacity: 0.5
+  },
+  steps: {
+    gap: 2,
+    marginBottom: 8
+  },
+  step: {
+    color: "#A5A5B4",
+    fontSize: 11.5
+  },
+  reply: {
+    color: "#E4E4EC",
+    fontSize: 13,
+    lineHeight: 18,
+    marginBottom: 10
+  },
+  section: {
+    color: "#F7F7FA",
+    fontSize: 12,
+    fontWeight: "700",
+    marginTop: 6,
+    marginBottom: 8
+  },
+  editor: {
+    padding: 10,
+    borderRadius: 12,
+    backgroundColor: "#16161B",
+    marginBottom: 10,
+    gap: 4
+  },
+  editorTitle: {
+    color: "#F7F7FA",
+    fontSize: 12.5,
+    fontWeight: "600",
+    marginBottom: 6
+  },
+  iconBtn: {
+    width: 38,
+    height: 38,
+    borderRadius: 9,
+    backgroundColor: "#1F1F24",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  chipHidden: {
+    opacity: 0.45
+  },
+  danger: {
+    color: "#FCA5A5"
+  },
   thumbWrap: {
     width: 64,
     height: 64,