@adminide-stack/yantra-mobile 12.0.38 → 12.0.39-alpha.10

package/lib/screens/Home/components/BuildTemplatesSection.js

@@ -0,0 +1,156 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useCallback}from'react';import {useWindowDimensions,Pressable,StyleSheet,View,Image,Text,ActivityIndicator,ScrollView}from'react-native';import {useMarketplaceTemplateCards}from'../../../hooks/useMarketplaceTemplateCards.js';function BuildTemplatesSection({
+  enabled,
+  group,
+  orgName,
+  isDark,
+  primaryTextColor,
+  secondaryTextColor,
+  selectedTemplateId = null,
+  onUseTemplate
+}) {
+  const {
+    width
+  } = useWindowDimensions();
+  const selectedGroup = (group != null ? group : "").trim();
+  const {
+    cards,
+    loading,
+    error
+  } = useMarketplaceTemplateCards({
+    group: selectedGroup,
+    orgName,
+    enabled: enabled && Boolean(selectedGroup)
+  });
+  const cardWidth = Math.min(168, Math.max(140, (width - 56) / 2));
+  const renderCard = useCallback((item) => {
+    var _a;
+    const cover = (_a = item.coverImageUrl) == null ? void 0 : _a.trim();
+    const selected = selectedTemplateId === item.id;
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onUseTemplate(item), style: [styles.card, {
+      width: cardWidth,
+      backgroundColor: isDark ? "#1e293b" : "#ffffff",
+      borderColor: selected ? isDark ? "#818cf8" : "#4338ca" : isDark ? "rgba(148,163,184,0.28)" : "rgba(15,23,42,0.08)",
+      borderWidth: selected ? 2 : 1
+    }], accessibilityRole: "button", accessibilityState: {
+      selected
+    }, accessibilityLabel: `${selected ? "Selected" : "Select"} template ${item.title}`, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.cover, {
+        backgroundColor: isDark ? "#0f172a" : "#f1f5f9"
+      }], children: cover ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: cover
+      }, style: styles.coverImage, resizeMode: "cover" }) : /* @__PURE__ */ jsx(Text, { style: [styles.coverFallback, {
+        color: secondaryTextColor
+      }], children: "Yantra" }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.cardBody, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.cardTitle, {
+          color: primaryTextColor
+        }], numberOfLines: 2, children: item.title }),
+        item.snapshotId ? /* @__PURE__ */ jsx(Text, { style: [styles.cardMeta, {
+          color: secondaryTextColor
+        }], numberOfLines: 1, children: "Remix ready" }) : null,
+        /* @__PURE__ */ jsx(Text, { style: [styles.useLabel, {
+          color: isDark ? "#a5b4fc" : "#4338ca"
+        }], children: selected ? "Selected" : "Select" })
+      ] })
+    ] }, item.id);
+  }, [cardWidth, isDark, onUseTemplate, primaryTextColor, secondaryTextColor, selectedTemplateId]);
+  if (!enabled || !selectedGroup) {
+    return null;
+  }
+  if (loading && cards.length === 0) {
+    return /* @__PURE__ */ jsxs(View, { style: styles.statusWrap, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, { color: isDark ? "#a5b4fc" : "#4338ca" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+        color: secondaryTextColor
+      }], children: "Loading templates\u2026" })
+    ] });
+  }
+  if (error && cards.length === 0) {
+    return /* @__PURE__ */ jsx(View, { style: styles.statusWrap, children: /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+      color: secondaryTextColor
+    }], children: "Couldn\u2019t load templates. Try another group." }) });
+  }
+  if (cards.length === 0) {
+    return /* @__PURE__ */ jsx(View, { style: styles.statusWrap, children: /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
+      color: secondaryTextColor
+    }], children: "No remixable templates in this group yet." }) });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+      color: primaryTextColor
+    }], children: "Yantra templates" }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.sectionHint, {
+      color: secondaryTextColor
+    }], children: "Select a starter, type your prompt, then send \u2014 message + snapshot go to Web Builder." }),
+    /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.listContent, children: cards.map(renderCard) })
+  ] });
+}
+const styles = StyleSheet.create({
+  section: {
+    width: "100%",
+    marginTop: 20,
+    paddingBottom: 8
+  },
+  sectionTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    marginBottom: 4,
+    paddingHorizontal: 4
+  },
+  sectionHint: {
+    fontSize: 12,
+    lineHeight: 18,
+    marginBottom: 12,
+    paddingHorizontal: 4
+  },
+  listContent: {
+    paddingHorizontal: 2,
+    gap: 12
+  },
+  card: {
+    borderRadius: 14,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  cover: {
+    height: 96,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  coverImage: {
+    width: "100%",
+    height: "100%"
+  },
+  coverFallback: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  cardBody: {
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+    gap: 4
+  },
+  cardTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    lineHeight: 18
+  },
+  cardMeta: {
+    fontSize: 11
+  },
+  useLabel: {
+    marginTop: 2,
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  statusWrap: {
+    marginTop: 20,
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 16
+  },
+  statusText: {
+    fontSize: 13,
+    textAlign: "center"
+  }
+});export{BuildTemplatesSection,BuildTemplatesSection as default};//# sourceMappingURL=BuildTemplatesSection.js.map

package/lib/screens/Home/components/BuildTemplatesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildTemplatesSection.js","sources":["../../../../src/screens/Home/components/BuildTemplatesSection.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n    ActivityIndicator,\n    Image,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Text,\n    View,\n    useWindowDimensions,\n} from 'react-native';\nimport type { BuildTemplateCard } from '../../../features/templates/buildTemplateCards';\nimport { useMarketplaceTemplateCards } from '../../../hooks/useMarketplaceTemplateCards';\n\nexport type BuildTemplatesSectionProps = {\n    enabled: boolean;\n    /** Selected marketplace group key (`codeAssistant`, …). */\n    group: string | null;\n    orgName?: string | null;\n    isDark: boolean;\n    primaryTextColor: string;\n    secondaryTextColor: string;\n    /** Armed card id — submit will send input message + this card's snapshotId. */\n    selectedTemplateId?: string | null;\n    onUseTemplate: (card: BuildTemplateCard) => void;\n};\n\n/**\n * Yantra template cards for Build mode (web `DefaultFormTemplatesSection` parity).\n * Tap arms the card (`snapshotId`); composer submit sends message + snapshotId.\n */\nexport function BuildTemplatesSection({\n    enabled,\n    group,\n    orgName,\n    isDark,\n    primaryTextColor,\n    secondaryTextColor,\n    selectedTemplateId = null,\n    onUseTemplate,\n}: BuildTemplatesSectionProps) {\n    const { width } = useWindowDimensions();\n    const selectedGroup = (group ?? '').trim();\n    const { cards, loading, error } = useMarketplaceTemplateCards({\n        group: selectedGroup,\n        orgName,\n        enabled: enabled && Boolean(selectedGroup),\n    });\n\n    const cardWidth = Math.min(168, Math.max(140, (width - 56) / 2));\n\n    const renderCard = useCallback(\n        (item: BuildTemplateCard) => {\n            const cover = item.coverImageUrl?.trim();\n            const selected = selectedTemplateId === item.id;\n            return (\n                <Pressable\n                    key={item.id}\n                    onPress={() => onUseTemplate(item)}\n                    style={[\n                        styles.card,\n                        {\n                            width: cardWidth,\n                            backgroundColor: isDark ? '#1e293b' : '#ffffff',\n                            borderColor: selected\n                                ? isDark\n                                    ? '#818cf8'\n                                    : '#4338ca'\n                                : isDark\n                                  ? 'rgba(148,163,184,0.28)'\n                                  : 'rgba(15,23,42,0.08)',\n                            borderWidth: selected ? 2 : 1,\n                        },\n                    ]}\n                    accessibilityRole=\"button\"\n                    accessibilityState={{ selected }}\n                    accessibilityLabel={`${selected ? 'Selected' : 'Select'} template ${item.title}`}\n                >\n                    <View style={[styles.cover, { backgroundColor: isDark ? '#0f172a' : '#f1f5f9' }]}>\n                        {cover ? (\n                            <Image source={{ uri: cover }} style={styles.coverImage} resizeMode=\"cover\" />\n                        ) : (\n                            <Text style={[styles.coverFallback, { color: secondaryTextColor }]}>Yantra</Text>\n                        )}\n                    </View>\n                    <View style={styles.cardBody}>\n                        <Text style={[styles.cardTitle, { color: primaryTextColor }]} numberOfLines={2}>\n                            {item.title}\n                        </Text>\n                        {item.snapshotId ? (\n                            <Text style={[styles.cardMeta, { color: secondaryTextColor }]} numberOfLines={1}>\n                                Remix ready\n                            </Text>\n                        ) : null}\n                        <Text style={[styles.useLabel, { color: isDark ? '#a5b4fc' : '#4338ca' }]}>\n                            {selected ? 'Selected' : 'Select'}\n                        </Text>\n                    </View>\n                </Pressable>\n            );\n        },\n        [cardWidth, isDark, onUseTemplate, primaryTextColor, secondaryTextColor, selectedTemplateId],\n    );\n\n    if (!enabled || !selectedGroup) {\n        return null;\n    }\n\n    if (loading && cards.length === 0) {\n        return (\n            <View style={styles.statusWrap}>\n                <ActivityIndicator color={isDark ? '#a5b4fc' : '#4338ca'} />\n                <Text style={[styles.statusText, { color: secondaryTextColor }]}>Loading templates…</Text>\n            </View>\n        );\n    }\n\n    if (error && cards.length === 0) {\n        return (\n            <View style={styles.statusWrap}>\n                <Text style={[styles.statusText, { color: secondaryTextColor }]}>\n                    Couldn’t load templates. Try another group.\n                </Text>\n            </View>\n        );\n    }\n\n    if (cards.length === 0) {\n        return (\n            <View style={styles.statusWrap}>\n                <Text style={[styles.statusText, { color: secondaryTextColor }]}>\n                    No remixable templates in this group yet.\n                </Text>\n            </View>\n        );\n    }\n\n    return (\n        <View style={styles.section}>\n            <Text style={[styles.sectionTitle, { color: primaryTextColor }]}>Yantra templates</Text>\n            <Text style={[styles.sectionHint, { color: secondaryTextColor }]}>\n                Select a starter, type your prompt, then send — message + snapshot go to Web Builder.\n            </Text>\n            <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.listContent}>\n                {cards.map(renderCard)}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    section: {\n        width: '100%',\n        marginTop: 20,\n        paddingBottom: 8,\n    },\n    sectionTitle: {\n        fontSize: 16,\n        fontWeight: '700',\n        marginBottom: 4,\n        paddingHorizontal: 4,\n    },\n    sectionHint: {\n        fontSize: 12,\n        lineHeight: 18,\n        marginBottom: 12,\n        paddingHorizontal: 4,\n    },\n    listContent: {\n        paddingHorizontal: 2,\n        gap: 12,\n    },\n    card: {\n        borderRadius: 14,\n        borderWidth: 1,\n        overflow: 'hidden',\n    },\n    cover: {\n        height: 96,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    coverImage: {\n        width: '100%',\n        height: '100%',\n    },\n    coverFallback: {\n        fontSize: 13,\n        fontWeight: '600',\n    },\n    cardBody: {\n        paddingHorizontal: 10,\n        paddingVertical: 10,\n        gap: 4,\n    },\n    cardTitle: {\n        fontSize: 13,\n        fontWeight: '600',\n        lineHeight: 18,\n    },\n    cardMeta: {\n        fontSize: 11,\n    },\n    useLabel: {\n        marginTop: 2,\n        fontSize: 12,\n        fontWeight: '600',\n    },\n    statusWrap: {\n        marginTop: 20,\n        alignItems: 'center',\n        gap: 8,\n        paddingHorizontal: 16,\n    },\n    statusText: {\n        fontSize: 13,\n        textAlign: 'center',\n    },\n});\n\nexport default BuildTemplatesSection;\n"],"names":[],"mappings":"kRAqBO,SAAS,qBAAsB,CAAA;AAAA,EACpC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAqB,GAAA,IAAA;AAAA,EACrB;AACF,CAA+B,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAM,MAAA,aAAA,GAAA,CAAiB,KAAS,IAAA,IAAA,GAAA,KAAA,GAAA,EAAA,EAAI,IAAK,EAAA;AACzC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,MACE,2BAA4B,CAAA;AAAA,IAC9B,KAAO,EAAA,aAAA;AAAA,IACP,OAAA;AAAA,IACA,OAAA,EAAS,OAAW,IAAA,OAAA,CAAQ,aAAa;AAAA,GAC1C,CAAA;AACD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,GAAA,CAAI,GAAK,EAAA,IAAA,CAAK,IAAI,GAAM,EAAA,CAAA,KAAA,GAAQ,EAAM,IAAA,CAAC,CAAC,CAAA;AAC/D,EAAM,MAAA,UAAA,GAAa,WAAY,CAAA,CAAC,IAA4B,KAAA;AA7C9D,IAAA,IAAA,EAAA;AA8CI,IAAM,MAAA,KAAA,GAAA,CAAQ,EAAK,GAAA,IAAA,CAAA,aAAA,KAAL,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,EAAA;AAClC,IAAM,MAAA,QAAA,GAAW,uBAAuB,IAAK,CAAA,EAAA;AAC7C,IAAO,uBAAA,IAAA,CAAC,SAAwB,EAAA,EAAA,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAG,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,IAAM,EAAA;AAAA,MACvF,KAAO,EAAA,SAAA;AAAA,MACP,eAAA,EAAiB,SAAS,SAAY,GAAA,SAAA;AAAA,MACtC,aAAa,QAAW,GAAA,MAAA,GAAS,SAAY,GAAA,SAAA,GAAY,SAAS,wBAA2B,GAAA,qBAAA;AAAA,MAC7F,WAAA,EAAa,WAAW,CAAI,GAAA;AAAA,KAC7B,CAAA,EAAG,iBAAkB,EAAA,QAAA,EAAS,kBAAoB,EAAA;AAAA,MACjD;AAAA,KACF,EAAG,oBAAoB,CAAG,EAAA,QAAA,GAAW,aAAa,QAAQ,CAAA,UAAA,EAAa,IAAK,CAAA,KAAK,CACjE,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,KAAO,EAAA;AAAA,QACxC,eAAA,EAAiB,SAAS,SAAY,GAAA;AAAA,OACvC,CAAA,EACkB,QAAQ,EAAA,KAAA,mBAAA,GAAA,CAAC,SAAM,MAAQ,EAAA;AAAA,QACtC,GAAK,EAAA;AAAA,OACJ,EAAA,KAAA,EAAO,MAAO,CAAA,UAAA,EAAY,UAAW,EAAA,OAAA,EAAQ,CAAK,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,aAAe,EAAA;AAAA,QACvF,KAAO,EAAA;AAAA,OACR,CAAG,EAAA,QAAA,EAAA,QAAA,EAAM,CACE,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,QAChB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,SAAW,EAAA;AAAA,UAC9C,KAAO,EAAA;AAAA,SACR,CAAA,EAAG,aAAe,EAAA,CAAA,EACE,eAAK,KACV,EAAA,CAAA;AAAA,QACC,KAAK,UAAa,mBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,CAAC,OAAO,QAAU,EAAA;AAAA,UAChE,KAAO,EAAA;AAAA,SACR,CAAA,EAAG,aAAe,EAAA,CAAA,EAAG,yBAEF,CAAU,GAAA,IAAA;AAAA,wBACb,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,QAAU,EAAA;AAAA,UAC7C,KAAA,EAAO,SAAS,SAAY,GAAA;AAAA,SAC7B,CAAA,EACoB,QAAW,EAAA,QAAA,GAAA,UAAA,GAAa,QAC7B,EAAA;AAAA,OACJ,EAAA;AAAA,KAAA,EAAA,EAjCO,KAAK,EAkChB,CAAA;AAAA,GACd,EAAG,CAAC,SAAW,EAAA,MAAA,EAAQ,eAAe,gBAAkB,EAAA,kBAAA,EAAoB,kBAAkB,CAAC,CAAA;AAC/F,EAAI,IAAA,CAAC,OAAW,IAAA,CAAC,aAAe,EAAA;AAC9B,IAAO,OAAA,IAAA;AAAA;AAET,EAAI,IAAA,OAAA,IAAW,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AACjC,IAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,UACf,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,KAAA,EAAO,MAAS,GAAA,SAAA,GAAY,SAAW,EAAA,CAAA;AAAA,sBACzD,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,UAAY,EAAA;AAAA,QACzC,KAAO,EAAA;AAAA,OACR,GAAG,QAAkB,EAAA,yBAAA,EAAA;AAAA,KAChB,EAAA,CAAA;AAAA;AAEV,EAAI,IAAA,KAAA,IAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,IAAO,uBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,UAAA,EACf,8BAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,UAAY,EAAA;AAAA,MACzC,KAAO,EAAA;AAAA,KACR,CAAG,EAAA,QAAA,EAAA,kDAAA,EAEM,CACJ,EAAA,CAAA;AAAA;AAEV,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,uBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,MAAO,CAAA,UAAA,EACf,8BAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,UAAY,EAAA;AAAA,MACzC,KAAO,EAAA;AAAA,KACR,CAAG,EAAA,QAAA,EAAA,2CAAA,EAEM,CACJ,EAAA,CAAA;AAAA;AAEV,EAAA,uBAAQ,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,OACjB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,YAAc,EAAA;AAAA,MACzC,KAAO,EAAA;AAAA,KACR,GAAG,QAAgB,EAAA,kBAAA,EAAA,CAAA;AAAA,oBACX,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,WAAa,EAAA;AAAA,MACxC,KAAO,EAAA;AAAA,KACR,GAAG,QAEI,EAAA,4FAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,UAAU,EAAA,IAAA,EAAC,8BAAgC,EAAA,KAAA,EAAO,qBAAuB,EAAA,MAAA,CAAO,WACvF,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,UAAU,CACzB,EAAA;AAAA,GACJ,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,EAAA;AAAA,IACX,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,IACd,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,EAAA;AAAA,IACZ,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,iBAAmB,EAAA,CAAA;AAAA,IACnB,GAAK,EAAA;AAAA,GACP;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,YAAc,EAAA,EAAA;AAAA,IACd,WAAa,EAAA,CAAA;AAAA,IACb,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,EAAA;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,aAAe,EAAA;AAAA,IACb,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,GAAK,EAAA;AAAA,GACP;AAAA,EACA,SAAW,EAAA;AAAA,IACT,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,SAAW,EAAA,CAAA;AAAA,IACX,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAW,EAAA,EAAA;AAAA,IACX,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,CAAA;AAAA,IACL,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA"}

package/lib/screens/Home/components/WebBuilderPrewarm.js

@@ -0,0 +1,83 @@
+import {jsx}from'react/jsx-runtime';import {useMemo,useState,useEffect}from'react';import {View,StyleSheet}from'react-native';import {WebView}from'react-native-webview';import {config}from'../../../config/env-config.js';import'../../../bridge/WebViewManager.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../../bridge/webBridgeBootstrap.js';import'@react-native-async-storage/async-storage';import'expo-secure-store';import'@react-navigation/native';import {getPackagerHost,resolveMobileWebUrl}from'../../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection}from'../../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../../hooks/useObtainSystemToken.js';import {getWarmWebBuilderSession,warmWebBuilderSession,webbuilderPreloadUrl}from'../../WebBuilder/webbuilderWarmCache.js';function WebBuilderPrewarm({
+  enabled,
+  orgName,
+  projectId,
+  tagId
+}) {
+  const {
+    obtainSystemToken
+  } = useObtainSystemToken(enabled);
+  const packagerHost = getPackagerHost();
+  const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);
+  const surfaceBase = useMemo(() => resolveMobileWebUrl(config.WEB_BUILDER_URL, packagerHost), [packagerHost]);
+  const [token, setToken] = useState(() => {
+    var _a, _b;
+    return (_b = (_a = getWarmWebBuilderSession()) == null ? void 0 : _a.token) != null ? _b : null;
+  });
+  const [backend, setBackend] = useState(() => {
+    var _a, _b;
+    return (_b = (_a = getWarmWebBuilderSession()) == null ? void 0 : _a.backend) != null ? _b : null;
+  });
+  useEffect(() => {
+    if (!enabled) return;
+    if (!orgName || !projectId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const session = await warmWebBuilderSession({
+          graphqlUrl,
+          orgName,
+          projectId,
+          tagId,
+          obtainSystemToken
+        });
+        if (cancelled) return;
+        setToken(session.token);
+        setBackend(session.backend);
+        if (__DEV__) {
+          console.log("[WebBuilderPrewarm] session ready");
+        }
+      } catch (err) {
+        if (__DEV__) {
+          console.warn("[WebBuilderPrewarm] warm failed:", err);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled, graphqlUrl, obtainSystemToken, orgName, projectId, tagId]);
+  const preloadUri = useMemo(() => {
+    if (!token || !backend) return null;
+    const base = webbuilderPreloadUrl(surfaceBase);
+    return appendSurfaceAuthParams(base, token, "mobile-webview-prewarm");
+  }, [backend, surfaceBase, token]);
+  const injected = useMemo(() => {
+    if (!token || !backend) return WEB_BRIDGE_BOOTSTRAP;
+    return `${buildCdecliTokenInjection(token, backend, "mobile-webview-prewarm")}
+${WEB_BRIDGE_BOOTSTRAP}`;
+  }, [backend, token]);
+  if (!enabled || !preloadUri) return null;
+  return /* @__PURE__ */ jsx(View, { style: styles.host, pointerEvents: "none", collapsable: false, children: /* @__PURE__ */ jsx(WebView, { source: {
+    uri: preloadUri
+  }, style: styles.webview, injectedJavaScriptBeforeContentLoaded: injected, javaScriptEnabled: true, domStorageEnabled: true, sharedCookiesEnabled: true, thirdPartyCookiesEnabled: true, originWhitelist: ["*"], onError: () => {
+  }, onHttpError: () => {
+  } }) });
+}
+const styles = StyleSheet.create({
+  host: {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    opacity: 0,
+    overflow: "hidden",
+    left: 0,
+    top: 0,
+    zIndex: -1
+  },
+  webview: {
+    width: 1,
+    height: 1,
+    opacity: 0
+  }
+});export{WebBuilderPrewarm};//# sourceMappingURL=WebBuilderPrewarm.js.map

package/lib/screens/Home/components/WebBuilderPrewarm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebBuilderPrewarm.js","sources":["../../../../src/screens/Home/components/WebBuilderPrewarm.tsx"],"sourcesContent":["/**\n * Off-screen Web Builder warm-up while the user is in Build mode on Home.\n * Mints the system JWT and loads the surface SPA so send → navigate is instant.\n *\n * Receives org/project from Home (do NOT call usePrerequisiteIds here — a second\n * instance can steal the project bootstrap and leave Home without projectId).\n */\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { config } from '../../../config/env-config';\nimport { getPackagerHost, resolveMobileWebUrl, WEB_BRIDGE_BOOTSTRAP } from '../../../bridge';\nimport { appendSurfaceAuthParams, buildCdecliTokenInjection } from '../../../hooks/mintSurfaceSystemToken';\nimport { useObtainSystemToken } from '../../../hooks/useObtainSystemToken';\nimport {\n    getWarmWebBuilderSession,\n    warmWebBuilderSession,\n    webbuilderPreloadUrl,\n} from '../../WebBuilder/webbuilderWarmCache';\n\ntype Props = {\n    /** Only warm while Build mode is active. */\n    enabled: boolean;\n    orgName?: string | null;\n    projectId?: string | null;\n    tagId?: string | null;\n};\n\nexport function WebBuilderPrewarm({ enabled, orgName, projectId, tagId }: Props): React.ReactElement | null {\n    const { obtainSystemToken } = useObtainSystemToken(enabled);\n    const packagerHost = getPackagerHost();\n    const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);\n    const surfaceBase = useMemo(() => resolveMobileWebUrl(config.WEB_BUILDER_URL, packagerHost), [packagerHost]);\n\n    const [token, setToken] = useState<string | null>(() => getWarmWebBuilderSession()?.token ?? null);\n    const [backend, setBackend] = useState<string | null>(() => getWarmWebBuilderSession()?.backend ?? null);\n\n    useEffect(() => {\n        if (!enabled) return;\n        if (!orgName || !projectId) return;\n\n        let cancelled = false;\n        (async () => {\n            try {\n                const session = await warmWebBuilderSession({\n                    graphqlUrl,\n                    orgName,\n                    projectId,\n                    tagId,\n                    obtainSystemToken,\n                });\n                if (cancelled) return;\n                setToken(session.token);\n                setBackend(session.backend);\n                if (__DEV__) {\n                    // eslint-disable-next-line no-console\n                    console.log('[WebBuilderPrewarm] session ready');\n                }\n            } catch (err) {\n                if (__DEV__) {\n                    // eslint-disable-next-line no-console\n                    console.warn('[WebBuilderPrewarm] warm failed:', err);\n                }\n            }\n        })();\n\n        return () => {\n            cancelled = true;\n        };\n    }, [enabled, graphqlUrl, obtainSystemToken, orgName, projectId, tagId]);\n\n    const preloadUri = useMemo(() => {\n        if (!token || !backend) return null;\n        const base = webbuilderPreloadUrl(surfaceBase);\n        return appendSurfaceAuthParams(base, token, 'mobile-webview-prewarm');\n    }, [backend, surfaceBase, token]);\n\n    const injected = useMemo(() => {\n        if (!token || !backend) return WEB_BRIDGE_BOOTSTRAP;\n        return `${buildCdecliTokenInjection(token, backend, 'mobile-webview-prewarm')}\\n${WEB_BRIDGE_BOOTSTRAP}`;\n    }, [backend, token]);\n\n    if (!enabled || !preloadUri) return null;\n\n    return (\n        <View style={styles.host} pointerEvents=\"none\" collapsable={false}>\n            <WebView\n                source={{ uri: preloadUri }}\n                style={styles.webview}\n                injectedJavaScriptBeforeContentLoaded={injected}\n                javaScriptEnabled\n                domStorageEnabled\n                sharedCookiesEnabled\n                thirdPartyCookiesEnabled\n                originWhitelist={['*']}\n                onError={() => {\n                    /* prewarm is best-effort */\n                }}\n                onHttpError={() => {\n                    /* prewarm is best-effort */\n                }}\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    host: {\n        position: 'absolute',\n        width: 1,\n        height: 1,\n        opacity: 0,\n        overflow: 'hidden',\n        left: 0,\n        top: 0,\n        zIndex: -1,\n    },\n    webview: {\n        width: 1,\n        height: 1,\n        opacity: 0,\n    },\n});\n"],"names":[],"mappings":"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"}

package/lib/screens/WebBuilder/WebViewWithNavigation.js

@@ -1,13 +1,9 @@
-import React from'react';import {BackHandler}from'react-native';import {useFocusEffect}from'@react-navigation/native';function WebViewWithNavigation({
-  webViewRef,
-  canGoBack,
+import React from'react';import {BackHandler}from'react-native';import {useFocusEffect}from'@react-navigation/native';import {tryWebBuilderBack}from'./webbuilderBackHandler.js';function WebViewWithNavigation({
   onGoBack
 }) {
   useFocusEffect(React.useCallback(() => {
     const onBackPress = () => {
-      var _a;
-      if (canGoBack) {
-        (_a = webViewRef.current) == null ? void 0 : _a.goBack();
+      if (tryWebBuilderBack()) {
         return true;
       }
       onGoBack();
@@ -15,6 +11,6 @@ import React from'react';import {BackHandler}from'react-native';import {useFocus
     };
     const subscription = BackHandler.addEventListener("hardwareBackPress", onBackPress);
     return () => subscription.remove();
-  }, [canGoBack, onGoBack, webViewRef]));
+  }, [onGoBack]));
   return null;
 }export{WebViewWithNavigation};//# sourceMappingURL=WebViewWithNavigation.js.map

package/lib/screens/WebBuilder/WebViewWithNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebViewWithNavigation.js","sources":["../../../src/screens/WebBuilder/WebViewWithNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport type { WebView } from 'react-native-webview';\n\n/**\n * Hardware back: WebView history first, then native navigation.\n */\nexport function WebViewWithNavigation({\n    webViewRef,\n    canGoBack,\n    onGoBack,\n}: {\n    webViewRef: React.RefObject<WebView | null>;\n    canGoBack: boolean;\n    onGoBack: () => void;\n}): null {\n    useFocusEffect(\n        React.useCallback(() => {\n            const onBackPress = () => {\n                if (canGoBack) {\n                    webViewRef.current?.goBack();\n                    return true;\n                }\n                onGoBack();\n                return true;\n            };\n\n            const subscription = BackHandler.addEventListener('hardwareBackPress', onBackPress);\n            return () => subscription.remove();\n        }, [canGoBack, onGoBack, webViewRef]),\n    );\n\n    return null;\n}\n"],"names":[],"mappings":"sHAQO,SAAS,qBAAsB,CAAA;AAAA,EACpC,UAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAIS,EAAA;AACP,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AACrC,IAAA,MAAM,cAAc,MAAM;AAlB9B,MAAA,IAAA,EAAA;AAmBM,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,CAAA,EAAA,GAAA,UAAA,CAAW,YAAX,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AACpB,QAAO,OAAA,IAAA;AAAA;AAET,MAAS,QAAA,EAAA;AACT,MAAO,OAAA,IAAA;AAAA,KACT;AACA,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,gBAAiB,CAAA,mBAAA,EAAqB,WAAW,CAAA;AAClF,IAAO,OAAA,MAAM,aAAa,MAAO,EAAA;AAAA,KAChC,CAAC,SAAA,EAAW,QAAU,EAAA,UAAU,CAAC,CAAC,CAAA;AACrC,EAAO,OAAA,IAAA;AACT"}
+{"version":3,"file":"WebViewWithNavigation.js","sources":["../../../src/screens/WebBuilder/WebViewWithNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler } from 'react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { tryWebBuilderBack } from './webbuilderBackHandler';\n\n/**\n * Hardware back: dismiss in-app preview if open, otherwise leave WebBuilder.\n */\nexport function WebViewWithNavigation({\n    onGoBack,\n}: {\n    /** Kept for call-site compatibility; SPA history is no longer used. */\n    webViewRef?: React.RefObject<unknown>;\n    canGoBack?: boolean;\n    onGoBack: () => void;\n}): null {\n    useFocusEffect(\n        React.useCallback(() => {\n            const onBackPress = () => {\n                // Preview dismiss only (via setWebBuilderBackHandler). SPA history\n                // must not trap Android back on this screen.\n                if (tryWebBuilderBack()) {\n                    return true;\n                }\n                onGoBack();\n                return true;\n            };\n\n            const subscription = BackHandler.addEventListener('hardwareBackPress', onBackPress);\n            return () => subscription.remove();\n        }, [onGoBack]),\n    );\n\n    return null;\n}\n"],"names":[],"mappings":"iLAQO,SAAS,qBAAsB,CAAA;AAAA,EACpC;AACF,CAKS,EAAA;AACP,EAAe,cAAA,CAAA,KAAA,CAAM,YAAY,MAAM;AACrC,IAAA,MAAM,cAAc,MAAM;AAGxB,MAAA,IAAI,mBAAqB,EAAA;AACvB,QAAO,OAAA,IAAA;AAAA;AAET,MAAS,QAAA,EAAA;AACT,MAAO,OAAA,IAAA;AAAA,KACT;AACA,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,gBAAiB,CAAA,mBAAA,EAAqB,WAAW,CAAA;AAClF,IAAO,OAAA,MAAM,aAAa,MAAO,EAAA;AAAA,GAChC,EAAA,CAAC,QAAQ,CAAC,CAAC,CAAA;AACd,EAAO,OAAA,IAAA;AACT"}

package/lib/screens/WebBuilder/index.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useState,useMemo,useEffect,useCallback}from'react';import {useColorScheme,AppState,StyleSheet,View,ActivityIndicator,Text,Pressable,Platform}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {WebView}from'react-native-webview';import {useNavigation,useRoute}from'@react-navigation/native';import {config}from'../../config/env-config.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {WebViewManager}from'../../bridge/WebViewManager.js';import {NativeWebViewBridge}from'../../bridge/NativeWebViewBridge.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../bridge/webBridgeBootstrap.js';import {AuthBridgeHandler}from'../../bridge/handlers/AuthBridgeHandler.js';import {NavigationBridgeHandler}from'../../bridge/handlers/NavigationBridgeHandler.js';import {AnalyticsBridgeHandler}from'../../bridge/handlers/AnalyticsBridgeHandler.js';import {getPackagerHost,resolveMobileWebUrl}from'../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection,buildSurfaceGateRecoveryScript}from'../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {WebViewWithNavigation}from'./WebViewWithNavigation.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useState,useMemo,useEffect,useCallback}from'react';import {useColorScheme,AppState,StyleSheet,View,ActivityIndicator,Text,Pressable,Platform}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {WebView}from'react-native-webview';import {useNavigation,useRoute}from'@react-navigation/native';import {config}from'../../config/env-config.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {WebViewManager}from'../../bridge/WebViewManager.js';import {NativeWebViewBridge}from'../../bridge/NativeWebViewBridge.js';import {WEB_BRIDGE_BOOTSTRAP}from'../../bridge/webBridgeBootstrap.js';import {AuthBridgeHandler}from'../../bridge/handlers/AuthBridgeHandler.js';import {NavigationBridgeHandler}from'../../bridge/handlers/NavigationBridgeHandler.js';import {AnalyticsBridgeHandler}from'../../bridge/handlers/AnalyticsBridgeHandler.js';import {getPackagerHost,resolveMobileWebUrl}from'../../bridge/resolveMobileWebUrl.js';import {appendSurfaceAuthParams,buildCdecliTokenInjection,buildSurfaceGateRecoveryScript}from'../../hooks/mintSurfaceSystemToken.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {WebViewWithNavigation}from'./WebViewWithNavigation.js';import {setWebBuilderBackHandler}from'./webbuilderBackHandler.js';import {getWarmWebBuilderSession,warmWebBuilderSession,setWarmWebBuilderSession,clearWarmWebBuilderSession}from'./webbuilderWarmCache.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -21,7 +21,7 @@ function makeHandoffState() {
   return `mobile-webview-${Date.now().toString(36)}`;
 }
 function WebBuilderScreen() {
-  var _a;
+  var _a, _b, _c;
   const navigation = useNavigation();
   const route = useRoute();
   const colorScheme = useColorScheme();
@@ -32,11 +32,19 @@ function WebBuilderScreen() {
   const [hasError, setHasError] = useState(false);
   const [errorDetail, setErrorDetail] = useState(null);
   const [canGoBack, setCanGoBack] = useState(false);
+  const previewOpenRef = useRef(false);
   const [reloadKey, setReloadKey] = useState(0);
-  const [authToken, setAuthToken] = useState(null);
-  const [authBackend, setAuthBackend] = useState(null);
+  const warm = getWarmWebBuilderSession();
+  const [authToken, setAuthToken] = useState(() => {
+    var _a2;
+    return (_a2 = warm == null ? void 0 : warm.token) != null ? _a2 : null;
+  });
+  const [authBackend, setAuthBackend] = useState(() => {
+    var _a2;
+    return (_a2 = warm == null ? void 0 : warm.backend) != null ? _a2 : null;
+  });
   const [authState, setAuthState] = useState(() => makeHandoffState());
-  const [authReady, setAuthReady] = useState(false);
+  const [authReady, setAuthReady] = useState(() => Boolean(warm == null ? void 0 : warm.token));
   const [authError, setAuthError] = useState(null);
   const [mintGeneration, setMintGeneration] = useState(0);
   const {
@@ -45,73 +53,135 @@ function WebBuilderScreen() {
     tagId
   } = usePrerequisiteIds();
   const {
-    obtainSystemToken,
-    loading: systemTokenQueryLoading
+    obtainSystemToken
   } = useObtainSystemToken(true);
   const packagerHost = getPackagerHost();
   const handoffParams = useMemo(() => {
     const params = route == null ? void 0 : route.params;
-    const channelId = typeof (params == null ? void 0 : params.channelId) === "string" ? params.channelId.trim() : "";
-    const projectIdParam = typeof (params == null ? void 0 : params.projectId) === "string" ? params.projectId.trim() : "";
-    const message = typeof (params == null ? void 0 : params.message) === "string" ? params.message.trim() : "";
+    const read = (key) => {
+      const value = params == null ? void 0 : params[key];
+      return typeof value === "string" ? value.trim() : "";
+    };
+    const channelId = read("channelId");
+    const projectIdParam = read("projectId");
+    const message = read("message");
+    const snapshotId = read("snapshotId");
+    const templateId = read("templateId");
+    const templateTitle = read("templateTitle");
+    const seedTemplate = read("seedTemplate");
+    const deployUrl = read("deployUrl");
+    const previewUrl = read("previewUrl");
     return {
       channelId: channelId || null,
       projectId: projectIdParam || null,
-      message: message || null
+      message: message || null,
+      snapshotId: snapshotId || null,
+      templateId: templateId || null,
+      templateTitle: templateTitle || null,
+      seedTemplate: seedTemplate || null,
+      deployUrl: deployUrl || null,
+      previewUrl: previewUrl || null
     };
   }, [route == null ? void 0 : route.params]);
+  const routeOrgName = useMemo(() => {
+    var _a2;
+    const raw = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName;
+    return typeof raw === "string" && raw.trim() ? raw.trim() : null;
+  }, [route == null ? void 0 : route.params]);
+  const effectiveOrgName = orgName || routeOrgName;
+  const effectiveProjectId = projectId || handoffParams.projectId;
   const baseUrl = useMemo(() => {
     var _a2;
     const fromParams = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.url;
     const raw = typeof fromParams === "string" && fromParams.trim() ? fromParams.trim() : config.WEB_BUILDER_URL;
     const resolved = resolveMobileWebUrl(raw, packagerHost);
-    if (!handoffParams.channelId && !handoffParams.message) return resolved;
+    const stamp = (url) => {
+      url.searchParams.set("embed", "mobile");
+      const isRemix = Boolean(handoffParams.snapshotId);
+      if (!isRemix && handoffParams.channelId) url.searchParams.set("channelId", handoffParams.channelId);
+      if (!isRemix && handoffParams.projectId) url.searchParams.set("projectId", handoffParams.projectId);
+      if (handoffParams.message) url.searchParams.set("message", handoffParams.message);
+      if (handoffParams.snapshotId) url.searchParams.set("snapshotId", handoffParams.snapshotId);
+      if (handoffParams.templateId) url.searchParams.set("templateId", handoffParams.templateId);
+      if (handoffParams.templateTitle) url.searchParams.set("templateTitle", handoffParams.templateTitle);
+      if (handoffParams.seedTemplate) url.searchParams.set("seedTemplate", handoffParams.seedTemplate);
+    };
     try {
       const url = new URL(resolved);
-      if (handoffParams.channelId) url.searchParams.set("channelId", handoffParams.channelId);
-      if (handoffParams.projectId) url.searchParams.set("projectId", handoffParams.projectId);
-      if (handoffParams.message) url.searchParams.set("message", handoffParams.message);
+      stamp(url);
       return url.toString();
     } catch (e) {
       const sep = resolved.includes("?") ? "&" : "?";
-      const parts = [];
-      if (handoffParams.channelId) parts.push(`channelId=${encodeURIComponent(handoffParams.channelId)}`);
-      if (handoffParams.projectId) parts.push(`projectId=${encodeURIComponent(handoffParams.projectId)}`);
+      const parts = ["embed=mobile"];
+      const isRemix = Boolean(handoffParams.snapshotId);
+      if (!isRemix && handoffParams.channelId) {
+        parts.push(`channelId=${encodeURIComponent(handoffParams.channelId)}`);
+      }
+      if (!isRemix && handoffParams.projectId) {
+        parts.push(`projectId=${encodeURIComponent(handoffParams.projectId)}`);
+      }
       if (handoffParams.message) parts.push(`message=${encodeURIComponent(handoffParams.message)}`);
-      return parts.length ? `${resolved}${sep}${parts.join("&")}` : resolved;
+      if (handoffParams.snapshotId) parts.push(`snapshotId=${encodeURIComponent(handoffParams.snapshotId)}`);
+      if (handoffParams.templateId) parts.push(`templateId=${encodeURIComponent(handoffParams.templateId)}`);
+      if (handoffParams.templateTitle) {
+        parts.push(`templateTitle=${encodeURIComponent(handoffParams.templateTitle)}`);
+      }
+      if (handoffParams.seedTemplate) {
+        parts.push(`seedTemplate=${encodeURIComponent(handoffParams.seedTemplate)}`);
+      }
+      return `${resolved}${sep}${parts.join("&")}`;
     }
   }, [route == null ? void 0 : route.params, packagerHost, handoffParams]);
   const graphqlUrl = useMemo(() => resolveMobileWebUrl(config.GRAPHQL_URL, packagerHost), [packagerHost]);
   useEffect(() => {
     let cancelled = false;
-    setAuthReady(false);
-    setAuthError(null);
     const handoffState = makeHandoffState();
     setAuthState(handoffState);
+    setAuthError(null);
     if (__DEV__) {
       console.log("[WebBuilder] surface=", baseUrl, "graphql=", graphqlUrl);
     }
-    if (systemTokenQueryLoading) {
+    const cached = getWarmWebBuilderSession();
+    if (cached == null ? void 0 : cached.token) {
+      setAuthToken(cached.token);
+      setAuthBackend(cached.backend || graphqlUrl);
+      setAuthReady(true);
       return () => {
         cancelled = true;
       };
     }
     (async () => {
       try {
-        const token = await obtainSystemToken();
+        const session = await warmWebBuilderSession({
+          graphqlUrl,
+          orgName: effectiveOrgName,
+          projectId: effectiveProjectId,
+          tagId,
+          obtainSystemToken
+        });
         if (cancelled) return;
-        if (!(token == null ? void 0 : token.trim())) {
-          throw new Error("Could not obtain system token via Apollo. Ensure org/project are set (same as chat).");
-        }
+        setAuthToken(session.token);
+        setAuthBackend(session.backend);
+        setWarmWebBuilderSession(session);
+        setAuthReady(true);
         if (__DEV__) {
-          console.log("[WebBuilder] Apollo system token length=", token.length);
+          console.log("[WebBuilder] session ready length=", session.token.length);
         }
-        setAuthToken(token.trim());
-        setAuthBackend(graphqlUrl);
-        setAuthReady(true);
       } catch (err) {
         if (cancelled) return;
+        if (!effectiveOrgName || !effectiveProjectId) {
+          if (__DEV__) {
+            console.log("[WebBuilder] waiting for org/project\u2026");
+          }
+          return;
+        }
         const message = err instanceof Error ? err.message : "Token mint failed";
+        if (/Waiting for org\/project/i.test(message)) {
+          if (__DEV__) {
+            console.log("[WebBuilder] waiting for org/project\u2026");
+          }
+          return;
+        }
         console.warn("[WebBuilder] surface token mint failed:", message);
         setAuthError(message);
         setAuthToken(null);
@@ -119,10 +189,19 @@ function WebBuilderScreen() {
         setAuthReady(true);
       }
     })();
+    const failsafe = setTimeout(() => {
+      if (cancelled) return;
+      setAuthReady((ready) => {
+        if (ready) return ready;
+        setAuthError("Timed out preparing Web Builder. Ensure you are signed in with an org, then retry.");
+        return true;
+      });
+    }, 2e4);
     return () => {
       cancelled = true;
+      clearTimeout(failsafe);
     };
-  }, [baseUrl, graphqlUrl, obtainSystemToken, systemTokenQueryLoading, orgName, projectId, tagId, mintGeneration]);
+  }, [baseUrl, graphqlUrl, obtainSystemToken, effectiveOrgName, effectiveProjectId, tagId, mintGeneration]);
   const mfeUrl = useMemo(() => {
     if (!authToken) return baseUrl;
     return appendSurfaceAuthParams(baseUrl, authToken, authState);
@@ -167,9 +246,9 @@ function WebBuilderScreen() {
   }, [authToken, mfeConfig.url, webViewManager]);
   useEffect(() => {
     const handleAppStateChange = (nextAppState) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (nextAppState === "background") {
-        (_b = (_a2 = webViewRef.current) == null ? void 0 : _a2.clearCache) == null ? void 0 : _b.call(_a2, true);
+        (_b2 = (_a2 = webViewRef.current) == null ? void 0 : _a2.clearCache) == null ? void 0 : _b2.call(_a2, true);
       }
     };
     const subscription = AppState.addEventListener("change", handleAppStateChange);
@@ -228,18 +307,30 @@ function WebBuilderScreen() {
     setIsLoading(false);
   }, [mfeConfig.url]);
   const handleMessage = useCallback((event) => {
-    var _a2;
-    (_a2 = bridgeRef.current) == null ? void 0 : _a2.handleMessage(event);
+    var _a2, _b2;
+    try {
+      const raw = (_a2 = event == null ? void 0 : event.nativeEvent) == null ? void 0 : _a2.data;
+      if (typeof raw === "string" && raw.includes("wb-preview")) {
+        const parsed = JSON.parse(raw);
+        if ((parsed == null ? void 0 : parsed.type) === "wb-preview") {
+          previewOpenRef.current = Boolean(parsed.open);
+        }
+      }
+    } catch (e) {
+    }
+    (_b2 = bridgeRef.current) == null ? void 0 : _b2.handleMessage(event);
   }, []);
   const handleNavigationStateChange = useCallback((navState) => {
     setCanGoBack(Boolean(navState.canGoBack));
   }, []);
   const handleRetry = useCallback(() => {
+    clearWarmWebBuilderSession();
     setHasError(false);
     setErrorDetail(null);
     setAuthError(null);
     setAuthToken(null);
     setAuthBackend(null);
+    setAuthReady(false);
     setIsLoading(true);
     setMintGeneration((g) => g + 1);
     setReloadKey((k) => k + 1);
@@ -247,8 +338,27 @@ function WebBuilderScreen() {
   const handleNativeGoBack = useCallback(() => {
     if (navigation.canGoBack()) {
       navigation.goBack();
+      return;
     }
+    navigation.navigate("MainStack.Layout.Home");
   }, [navigation]);
+  useEffect(() => {
+    setWebBuilderBackHandler(() => {
+      var _a2;
+      if (previewOpenRef.current) {
+        (_a2 = webViewRef.current) == null ? void 0 : _a2.injectJavaScript(`
+(function () {
+  try { window.__yantraWbNativeBack && window.__yantraWbNativeBack(); } catch (e) {}
+})();
+true;
+`);
+        previewOpenRef.current = false;
+        return true;
+      }
+      return false;
+    });
+    return () => setWebBuilderBackHandler(null);
+  }, []);
   const cacheMode = mfeConfig.cachePolicy === "cache-else-load" ? "LOAD_CACHE_ELSE_NETWORK" : "LOAD_DEFAULT";
   const showAuthSpinner = !authReady;
   const showAuthFailure = authReady && !authToken;
@@ -292,7 +402,7 @@ function WebBuilderScreen() {
       uri: mfeConfig.url
     }, style: styles.webview, onLoadStart: handleLoadStart, onLoadEnd: handleLoadEnd, onError: handleError, onHttpError: handleHttpError, onMessage: handleMessage, onNavigationStateChange: handleNavigationStateChange, injectedJavaScriptBeforeContentLoaded: injectedBeforeContent, injectedJavaScript: reinjectAfterLoad, cacheEnabled: mfeConfig.cachePolicy !== "reload", cacheMode, javaScriptEnabled: true, domStorageEnabled: true, sharedCookiesEnabled: true, thirdPartyCookiesEnabled: true, startInLoadingState: true, scalesPageToFit: true, originWhitelist: ["*"], mixedContentMode: "always", allowsInlineMediaPlayback: false, mediaPlaybackRequiresUserAction: true, setSupportMultipleWindows: false, allowsBackForwardNavigationGestures: true }, Platform.OS === "android" ? {
       overScrollMode: "never"
-    } : null), `${reloadKey}-${(_a = authToken == null ? void 0 : authToken.slice(-8)) != null ? _a : "none"}`)
+    } : null), `${reloadKey}-${(_a = handoffParams.channelId) != null ? _a : "none"}-${(_b = handoffParams.snapshotId) != null ? _b : "nosnap"}-${(_c = authToken == null ? void 0 : authToken.slice(-8)) != null ? _c : "none"}`)
   ] });
 }
 const styles = StyleSheet.create({