@adminide-stack/yantra-mobile 12.0.108 → 12.0.109-alpha.0

package/lib/features/webbuilder/components/PreviewFrame.js

@@ -0,0 +1,72 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo,useEffect}from'react';import {StyleSheet,View,Text}from'react-native';import {WebView}from'react-native-webview';import {cacheBustedUrl}from'../buildFragments.js';import {Tap,DIM}from'../../inbox/components/Tap.js';import {PreviewPlaceholder}from'./PreviewPlaceholder.js';var __defProp = Object.defineProperty;
+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;
+};
+const DESKTOP_VIEWPORT_SCRIPT = `(function(){try{var m=document.querySelector('meta[name="viewport"]');if(!m){m=document.createElement('meta');m.setAttribute('name','viewport');(document.head||document.documentElement).appendChild(m);}m.setAttribute('content','width=1280');}catch(e){}})();true;`;
+function PreviewFrame({
+  url,
+  nonce,
+  viewport,
+  theme,
+  onWake,
+  waking = false
+}) {
+  const [state, setState] = useState("loading");
+  const [retry, setRetry] = useState(0);
+  const source = useMemo(() => ({
+    uri: nonce || retry ? cacheBustedUrl(url, `${nonce}-${retry}`) : url
+  }), [url, nonce, retry]);
+  useEffect(() => setState("loading"), [source.uri, viewport]);
+  useEffect(() => {
+    if (state === "asleep") onWake == null ? void 0 : onWake();
+  }, [state]);
+  if (state === "asleep" || state === "failed") {
+    const trying = state === "asleep" && waking;
+    return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+      backgroundColor: theme.card
+    }], testID: "webbuilder-preview-down", children: [
+      /* @__PURE__ */ jsx(PreviewPlaceholder, { theme, label: trying || state === "asleep" ? "Loading preview, please wait\u2026" : "The preview didn't load. Check your connection." }),
+      !trying ? /* @__PURE__ */ jsx(Tap, { onPress: () => setRetry((n) => n + 1), accessibilityRole: "button", style: styles.retry, pressedStyle: DIM, testID: "webbuilder-preview-retry", children: /* @__PURE__ */ jsx(Text, { style: [styles.retryText, {
+        color: theme.accent
+      }], children: "Try again" }) }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.card
+  }], children: [
+    /* @__PURE__ */ jsx(WebView, { source, style: styles.fill, originWhitelist: ["*"], javaScriptEnabled: true, domStorageEnabled: true, allowsInlineMediaPlayback: true, setSupportMultipleWindows: false, scalesPageToFit: viewport === "desktop", injectedJavaScript: viewport === "desktop" ? DESKTOP_VIEWPORT_SCRIPT : void 0, onLoadEnd: () => setState((s) => s === "loading" ? "ready" : s), onError: () => setState("failed"), onHttpError: (event) => {
+      if (event.nativeEvent.statusCode >= 500) setState("asleep");
+    }, testID: "webbuilder-preview" }, `${source.uri}-${viewport}`),
+    state === "loading" ? /* @__PURE__ */ jsx(View, { style: [styles.loading, {
+      backgroundColor: theme.card
+    }], pointerEvents: "none", children: /* @__PURE__ */ jsx(PreviewPlaceholder, { theme, label: "Loading preview, please wait\u2026" }) }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  loading: __spreadValues({}, StyleSheet.absoluteFillObject),
+  retry: {
+    position: "absolute",
+    bottom: 40,
+    alignSelf: "center",
+    padding: 10
+  },
+  retryText: {
+    fontSize: 15,
+    fontWeight: "600"
+  }
+});export{DESKTOP_VIEWPORT_SCRIPT,PreviewFrame};//# sourceMappingURL=PreviewFrame.js.map

package/lib/features/webbuilder/components/PreviewFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFrame.js","sources":["../../../../src/features/webbuilder/components/PreviewFrame.tsx"],"sourcesContent":["/**\n * The live preview: the build's sandbox dev server in a WebView, the phone\n * twin of the web CreationView iframe. `nonce` re-fetches it (the web\n * `?wb=<n>` cache-bust); `viewport` 'desktop' lays the page out at 1280px and\n * fits it to the screen, the way the web device toggle shows a wide layout.\n *\n * A sandbox that slept or whose dev server stopped answers 5xx from the\n * sandbox host (\"Closed Port\", \"Sandbox not found\"). That reads as asleep,\n * with a way to wake it, not as an error page inside the frame.\n */\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { cacheBustedUrl } from '../buildFragments';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport { PreviewPlaceholder } from './PreviewPlaceholder';\n\nexport type PreviewViewport = 'phone' | 'desktop';\n\n/** Lays the page out at desktop width; the WebView then fits it to the frame. */\nexport const DESKTOP_VIEWPORT_SCRIPT = `(function(){try{var m=document.querySelector('meta[name=\"viewport\"]');if(!m){m=document.createElement('meta');m.setAttribute('name','viewport');(document.head||document.documentElement).appendChild(m);}m.setAttribute('content','width=1280');}catch(e){}})();true;`;\n\ntype FrameState = 'loading' | 'ready' | 'asleep' | 'failed';\n\nexport function PreviewFrame({\n    url,\n    nonce,\n    viewport,\n    theme,\n    onWake,\n    waking = false,\n}: {\n    url: string;\n    nonce: number;\n    viewport: PreviewViewport;\n    theme: WebBuilderTheme;\n    /** Ask the agent to restart the preview. */\n    onWake?: () => void;\n    /** A wake (or any build) is running; the asleep state shows progress instead of the button. */\n    waking?: boolean;\n}) {\n    const [state, setState] = useState<FrameState>('loading');\n    const [retry, setRetry] = useState(0);\n    const source = useMemo(\n        () => ({ uri: nonce || retry ? cacheBustedUrl(url, `${nonce}-${retry}`) : url }),\n        [url, nonce, retry],\n    );\n\n    useEffect(() => setState('loading'), [source.uri, viewport]);\n    // A sandbox that answers 5xx slept or stopped: start it right away, once per page load.\n    useEffect(() => {\n        if (state === 'asleep') onWake?.();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [state]);\n\n    if (state === 'asleep' || state === 'failed') {\n        // Asleep is not an error the person has to deal with: the wake already started\n        // (effect above), so they see the page on its way, not the sandbox host's 502.\n        const trying = state === 'asleep' && waking;\n        return (\n            <View style={[styles.fill, { backgroundColor: theme.card }]} testID=\"webbuilder-preview-down\">\n                <PreviewPlaceholder\n                    theme={theme}\n                    label={\n                        trying || state === 'asleep'\n                            ? 'Loading preview, please wait…'\n                            : \"The preview didn't load. Check your connection.\"\n                    }\n                />\n                {!trying ? (\n                    <Tap\n                        onPress={() => setRetry((n) => n + 1)}\n                        accessibilityRole=\"button\"\n                        style={styles.retry}\n                        pressedStyle={DIM}\n                        testID=\"webbuilder-preview-retry\"\n                    >\n                        <Text style={[styles.retryText, { color: theme.accent }]}>Try again</Text>\n                    </Tap>\n                ) : null}\n            </View>\n        );\n    }\n\n    return (\n        <View style={[styles.fill, { backgroundColor: theme.card }]}>\n            <WebView\n                key={`${source.uri}-${viewport}`}\n                source={source}\n                style={styles.fill}\n                originWhitelist={['*']}\n                javaScriptEnabled\n                domStorageEnabled\n                allowsInlineMediaPlayback\n                setSupportMultipleWindows={false}\n                scalesPageToFit={viewport === 'desktop'}\n                injectedJavaScript={viewport === 'desktop' ? DESKTOP_VIEWPORT_SCRIPT : undefined}\n                onLoadEnd={() => setState((s) => (s === 'loading' ? 'ready' : s))}\n                onError={() => setState('failed')}\n                onHttpError={(event) => {\n                    if (event.nativeEvent.statusCode >= 500) setState('asleep');\n                }}\n                testID=\"webbuilder-preview\"\n            />\n            {state === 'loading' ? (\n                <View style={[styles.loading, { backgroundColor: theme.card }]} pointerEvents=\"none\">\n                    <PreviewPlaceholder theme={theme} label=\"Loading preview, please wait…\" />\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    loading: { ...StyleSheet.absoluteFillObject },\n    retry: { position: 'absolute', bottom: 40, alignSelf: 'center', padding: 10 },\n    retryText: { fontSize: 15, fontWeight: '600' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/PreviewPlaceholder.js

@@ -0,0 +1,107 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Text}from'react-native';function PreviewPlaceholder({
+  theme,
+  label,
+  compact = false
+}) {
+  const block = {
+    backgroundColor: theme.chip
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.center, accessibilityLabel: label != null ? label : "Loading preview", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.window, compact && styles.windowCompact, {
+      borderColor: theme.border,
+      backgroundColor: theme.card
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.chrome, {
+        borderBottomColor: theme.border
+      }], children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+        borderColor: theme.border
+      }] }, i)) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.tile, styles.tileSmall, block] }),
+          /* @__PURE__ */ jsx(View, { style: [styles.tile, styles.tileWide, block] })
+        ] }),
+        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.lines, children: [
+            /* @__PURE__ */ jsx(View, { style: [styles.line, block] }),
+            /* @__PURE__ */ jsx(View, { style: [styles.line, block] }),
+            /* @__PURE__ */ jsx(View, { style: [styles.line, styles.lineShort, block] })
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: [styles.tile, styles.tileSide, block] })
+        ] })
+      ] })
+    ] }),
+    label ? /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: theme.muted
+    }], children: label }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+    gap: 22
+  },
+  window: {
+    width: 220,
+    borderRadius: 14,
+    borderWidth: 1,
+    overflow: "hidden"
+  },
+  windowCompact: {
+    width: 180
+  },
+  chrome: {
+    flexDirection: "row",
+    gap: 5,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderBottomWidth: 1
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    borderWidth: 1
+  },
+  body: {
+    padding: 14,
+    gap: 10
+  },
+  row: {
+    flexDirection: "row",
+    gap: 8
+  },
+  tile: {
+    height: 42,
+    borderRadius: 8
+  },
+  tileSmall: {
+    flex: 4
+  },
+  tileWide: {
+    flex: 5
+  },
+  tileSide: {
+    flex: 4,
+    height: 44
+  },
+  lines: {
+    flex: 5,
+    gap: 6,
+    justifyContent: "center"
+  },
+  line: {
+    height: 9,
+    borderRadius: 5
+  },
+  lineShort: {
+    width: "55%"
+  },
+  label: {
+    fontSize: 15,
+    textAlign: "center"
+  }
+});export{PreviewPlaceholder};//# sourceMappingURL=PreviewPlaceholder.js.map

package/lib/features/webbuilder/components/PreviewPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPlaceholder.js","sources":["../../../../src/features/webbuilder/components/PreviewPlaceholder.tsx"],"sourcesContent":["/**\n * A page that is not there yet: a quiet wireframe of a browser window, the way\n * Manus waits for a preview. Shown while a sleeping sandbox is being started,\n * so the person sees \"it is coming\", never the sandbox host's error page.\n */\nimport React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\n\nexport function PreviewPlaceholder({\n    theme,\n    label,\n    compact = false,\n}: {\n    theme: WebBuilderTheme;\n    /** One line under the wireframe, e.g. \"Loading preview, please wait…\". */\n    label?: string | null;\n    /** The chat card's smaller version. */\n    compact?: boolean;\n}) {\n    const block = { backgroundColor: theme.chip };\n    return (\n        <View style={styles.center} accessibilityLabel={label ?? 'Loading preview'}>\n            <View\n                style={[\n                    styles.window,\n                    compact && styles.windowCompact,\n                    { borderColor: theme.border, backgroundColor: theme.card },\n                ]}\n            >\n                <View style={[styles.chrome, { borderBottomColor: theme.border }]}>\n                    {[0, 1, 2].map((i) => (\n                        <View key={i} style={[styles.dot, { borderColor: theme.border }]} />\n                    ))}\n                </View>\n                <View style={styles.body}>\n                    <View style={styles.row}>\n                        <View style={[styles.tile, styles.tileSmall, block]} />\n                        <View style={[styles.tile, styles.tileWide, block]} />\n                    </View>\n                    <View style={styles.row}>\n                        <View style={styles.lines}>\n                            <View style={[styles.line, block]} />\n                            <View style={[styles.line, block]} />\n                            <View style={[styles.line, styles.lineShort, block]} />\n                        </View>\n                        <View style={[styles.tile, styles.tileSide, block]} />\n                    </View>\n                </View>\n            </View>\n            {label ? <Text style={[styles.label, { color: theme.muted }]}>{label}</Text> : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    center: { flex: 1, alignItems: 'center', justifyContent: 'center', padding: 24, gap: 22 },\n    window: { width: 220, borderRadius: 14, borderWidth: 1, overflow: 'hidden' },\n    windowCompact: { width: 180 },\n    chrome: { flexDirection: 'row', gap: 5, paddingHorizontal: 10, paddingVertical: 8, borderBottomWidth: 1 },\n    dot: { width: 8, height: 8, borderRadius: 4, borderWidth: 1 },\n    body: { padding: 14, gap: 10 },\n    row: { flexDirection: 'row', gap: 8 },\n    tile: { height: 42, borderRadius: 8 },\n    tileSmall: { flex: 4 },\n    tileWide: { flex: 5 },\n    tileSide: { flex: 4, height: 44 },\n    lines: { flex: 5, gap: 6, justifyContent: 'center' },\n    line: { height: 9, borderRadius: 5 },\n    lineShort: { width: '55%' },\n    label: { fontSize: 15, textAlign: 'center' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/PreviewScreen.js

@@ -0,0 +1,200 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,Text,ActivityIndicator,Linking,Platform,ActionSheetIOS,Alert}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {PreviewFrame}from'./PreviewFrame.js';import {CenteredState}from'./ui.js';function BarButton({
+  icon,
+  label,
+  onPress,
+  theme,
+  active = false,
+  disabled = false
+}) {
+  return /* @__PURE__ */ jsx(Tap, { onPress, disabled, accessibilityRole: "button", accessibilityLabel: label, accessibilityState: {
+    selected: active,
+    disabled
+  }, hitSlop: 6, style: [styles.barButton, disabled && styles.disabled], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 20, color: active ? theme.accent : theme.ink }) });
+}
+function pathOf(url) {
+  const match = /^https?:\/\/[^/]+(\/[^?#]*)?/i.exec(url != null ? url : "");
+  return (match == null ? void 0 : match[1]) || "/";
+}
+function PreviewScreen({
+  build,
+  building,
+  loading,
+  previewNonce,
+  onReload,
+  onHome,
+  onWake,
+  waking = false,
+  onPublish,
+  publishLabel = "Publish",
+  error,
+  theme,
+  bottomInset
+}) {
+  var _a;
+  const [viewport, setViewport] = useState("phone");
+  const url = (_a = build == null ? void 0 : build.previewUrl) != null ? _a : null;
+  const canPublish = Boolean(build == null ? void 0 : build.sandboxId);
+  useEffect(() => setViewport("phone"), [build == null ? void 0 : build.key]);
+  let stage;
+  if (url) {
+    stage = /* @__PURE__ */ jsx(PreviewFrame, { url, nonce: previewNonce, viewport, theme, onWake, waking });
+  } else if (building || loading) {
+    stage = /* @__PURE__ */ jsx(CenteredState, { icon: "web", title: building ? "Building your site" : "Loading preview", body: building ? `${building.statusText} The preview appears here when it is ready.` : "Please wait\u2026", theme, busy: true });
+  } else {
+    stage = /* @__PURE__ */ jsx(CenteredState, { icon: error ? "alert-circle-outline" : "application-outline", title: error ? "The build didn't finish" : "No preview yet", body: error != null ? error : "Ask the agent to build the site; the preview shows up here.", theme });
+  }
+  const pickDevice = () => {
+    const options = [{
+      label: "Phone",
+      value: "phone"
+    }, {
+      label: "Desktop",
+      value: "desktop"
+    }];
+    if (Platform.OS === "ios") {
+      ActionSheetIOS.showActionSheetWithOptions({
+        title: "Preview as",
+        options: [...options.map((o) => o.value === viewport ? `\u2713 ${o.label}` : o.label), "Cancel"],
+        cancelButtonIndex: options.length
+      }, (index) => {
+        const picked = options[index];
+        if (picked) setViewport(picked.value);
+      });
+      return;
+    }
+    Alert.alert("Preview as", void 0, [...options.map((o) => ({
+      text: o.label,
+      onPress: () => setViewport(o.value)
+    })), {
+      text: "Cancel",
+      style: "cancel"
+    }]);
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.stage
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.toolbar, {
+      backgroundColor: theme.card,
+      borderBottomColor: theme.border
+    }], children: [
+      /* @__PURE__ */ jsxs(Tap, { onPress: pickDevice, disabled: !url, accessibilityRole: "button", accessibilityLabel: `Preview as ${viewport}`, style: [styles.device, {
+        borderColor: theme.border,
+        backgroundColor: theme.card
+      }, !url && styles.disabled], pressedStyle: DIM, testID: "webbuilder-preview-device", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: viewport === "phone" ? "cellphone" : "monitor", size: 20, color: theme.ink }),
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-down", size: 18, color: theme.muted })
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.bar, {
+        borderColor: theme.border,
+        backgroundColor: theme.screen
+      }], children: [
+        /* @__PURE__ */ jsx(Tap, { onPress: onHome, disabled: !url, accessibilityRole: "button", accessibilityLabel: "Back to the home page", style: styles.pathTap, pressedStyle: DIM, children: /* @__PURE__ */ jsx(Text, { style: [styles.path, {
+          color: theme.ink
+        }], numberOfLines: 1, children: pathOf(url) }) }),
+        building && url ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.accent, style: styles.barSpin }) : null,
+        /* @__PURE__ */ jsx(BarButton, { icon: "open-in-new", label: "Open in the browser", onPress: () => {
+          if (url) Linking.openURL(url).catch(() => void 0);
+        }, theme, disabled: !url }),
+        /* @__PURE__ */ jsx(BarButton, { icon: "refresh", label: "Reload", onPress: onReload, theme, disabled: !url })
+      ] }),
+      /* @__PURE__ */ jsxs(Tap, { onPress: onPublish, disabled: !canPublish, accessibilityRole: "button", accessibilityLabel: "Publish", style: [styles.publish, {
+        backgroundColor: theme.ink
+      }, !canPublish && styles.disabled], pressedStyle: DIM, testID: "webbuilder-preview-publish", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "export-variant", size: 17, color: theme.card }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.publishText, {
+          color: theme.card
+        }], children: publishLabel })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.stage, {
+      paddingBottom: bottomInset + 10
+    }], children: /* @__PURE__ */ jsx(View, { style: [styles.frame, {
+      backgroundColor: theme.card,
+      borderColor: theme.border,
+      shadowColor: theme.isDark ? "#000" : "#1c1917"
+    }], children: stage }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  toolbar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  device: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    height: 44,
+    paddingHorizontal: 10,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  bar: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    height: 44,
+    paddingLeft: 14,
+    paddingRight: 4,
+    borderRadius: 22,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  pathTap: {
+    flex: 1,
+    justifyContent: "center",
+    height: 44
+  },
+  path: {
+    fontSize: 15,
+    fontWeight: "500"
+  },
+  barButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  barSpin: {
+    marginRight: 4
+  },
+  publish: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    height: 44,
+    paddingHorizontal: 14,
+    borderRadius: 12
+  },
+  publishText: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  disabled: {
+    opacity: 0.35
+  },
+  stage: {
+    flex: 1,
+    padding: 12
+  },
+  frame: {
+    flex: 1,
+    borderRadius: 22,
+    borderWidth: StyleSheet.hairlineWidth,
+    overflow: "hidden",
+    shadowOpacity: 0.06,
+    shadowRadius: 14,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 2
+  }
+});export{PreviewScreen};//# sourceMappingURL=PreviewScreen.js.map

package/lib/features/webbuilder/components/PreviewScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewScreen.js","sources":["../../../../src/features/webbuilder/components/PreviewScreen.tsx"],"sourcesContent":["/**\n * The site, full screen - what the chat's site card opens, as Manus shows it: a\n * slim address bar (home, the page, open in the browser, reload) over the live\n * preview. While the agent is still building it says so instead of a blank page.\n */\nimport React, { useEffect, useState } from 'react';\nimport { ActionSheetIOS, ActivityIndicator, Alert, Linking, Platform, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport type { WebBuilderBuild, WebBuilderBuilding } from '../types';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { PreviewFrame, type PreviewViewport } from './PreviewFrame';\nimport { CenteredState, type IconName } from './ui';\n\nfunction BarButton({\n    icon,\n    label,\n    onPress,\n    theme,\n    active = false,\n    disabled = false,\n}: {\n    icon: IconName;\n    label: string;\n    onPress: () => void;\n    theme: WebBuilderTheme;\n    active?: boolean;\n    disabled?: boolean;\n}) {\n    return (\n        <Tap\n            onPress={onPress}\n            disabled={disabled}\n            accessibilityRole=\"button\"\n            accessibilityLabel={label}\n            accessibilityState={{ selected: active, disabled }}\n            hitSlop={6}\n            style={[styles.barButton, disabled && styles.disabled]}\n            pressedStyle={DIM}\n        >\n            <MaterialCommunityIcons name={icon} size={20} color={active ? theme.accent : theme.ink} />\n        </Tap>\n    );\n}\n\nfunction pathOf(url: string | null): string {\n    const match = /^https?:\\/\\/[^/]+(\\/[^?#]*)?/i.exec(url ?? '');\n    return match?.[1] || '/';\n}\n\nexport function PreviewScreen({\n    build,\n    building,\n    loading,\n    previewNonce,\n    onReload,\n    onHome,\n    onWake,\n    waking = false,\n    onPublish,\n    publishLabel = 'Publish',\n    error,\n    theme,\n    bottomInset,\n}: {\n    build: WebBuilderBuild | null;\n    building: WebBuilderBuilding | null;\n    loading: boolean;\n    previewNonce: number;\n    onReload: () => void;\n    onHome: () => void;\n    onWake: () => void;\n    /** A wake is running: the page stays \"on its way\". */\n    waking?: boolean;\n    onPublish: () => void;\n    /** \"Publish\", or \"Publishing…\" while it runs. */\n    publishLabel?: string;\n    error?: string | null;\n    theme: WebBuilderTheme;\n    bottomInset: number;\n}) {\n    const [viewport, setViewport] = useState<PreviewViewport>('phone');\n    const url = build?.previewUrl ?? null;\n    const canPublish = Boolean(build?.sandboxId);\n    useEffect(() => setViewport('phone'), [build?.key]);\n\n    let stage: React.ReactNode;\n    if (url) {\n        stage = (\n            <PreviewFrame\n                url={url}\n                nonce={previewNonce}\n                viewport={viewport}\n                theme={theme}\n                onWake={onWake}\n                waking={waking}\n            />\n        );\n    } else if (building || loading) {\n        stage = (\n            <CenteredState\n                icon=\"web\"\n                title={building ? 'Building your site' : 'Loading preview'}\n                body={building ? `${building.statusText} The preview appears here when it is ready.` : 'Please wait…'}\n                theme={theme}\n                busy\n            />\n        );\n    } else {\n        stage = (\n            <CenteredState\n                icon={error ? 'alert-circle-outline' : 'application-outline'}\n                title={error ? \"The build didn't finish\" : 'No preview yet'}\n                body={error ?? 'Ask the agent to build the site; the preview shows up here.'}\n                theme={theme}\n            />\n        );\n    }\n\n    const pickDevice = () => {\n        const options: Array<{ label: string; value: PreviewViewport }> = [\n            { label: 'Phone', value: 'phone' },\n            { label: 'Desktop', value: 'desktop' },\n        ];\n        if (Platform.OS === 'ios') {\n            ActionSheetIOS.showActionSheetWithOptions(\n                {\n                    title: 'Preview as',\n                    options: [...options.map((o) => (o.value === viewport ? `✓ ${o.label}` : o.label)), 'Cancel'],\n                    cancelButtonIndex: options.length,\n                },\n                (index) => {\n                    const picked = options[index];\n                    if (picked) setViewport(picked.value);\n                },\n            );\n            return;\n        }\n        Alert.alert('Preview as', undefined, [\n            ...options.map((o) => ({ text: o.label, onPress: () => setViewport(o.value) })),\n            { text: 'Cancel', style: 'cancel' as const },\n        ]);\n    };\n\n    return (\n        <View style={[styles.fill, { backgroundColor: theme.stage }]}>\n            <View style={[styles.toolbar, { backgroundColor: theme.card, borderBottomColor: theme.border }]}>\n                <Tap\n                    onPress={pickDevice}\n                    disabled={!url}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={`Preview as ${viewport}`}\n                    style={[\n                        styles.device,\n                        { borderColor: theme.border, backgroundColor: theme.card },\n                        !url && styles.disabled,\n                    ]}\n                    pressedStyle={DIM}\n                    testID=\"webbuilder-preview-device\"\n                >\n                    <MaterialCommunityIcons\n                        name={viewport === 'phone' ? 'cellphone' : 'monitor'}\n                        size={20}\n                        color={theme.ink}\n                    />\n                    <MaterialCommunityIcons name=\"chevron-down\" size={18} color={theme.muted} />\n                </Tap>\n                <View style={[styles.bar, { borderColor: theme.border, backgroundColor: theme.screen }]}>\n                    <Tap\n                        onPress={onHome}\n                        disabled={!url}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Back to the home page\"\n                        style={styles.pathTap}\n                        pressedStyle={DIM}\n                    >\n                        <Text style={[styles.path, { color: theme.ink }]} numberOfLines={1}>\n                            {pathOf(url)}\n                        </Text>\n                    </Tap>\n                    {building && url ? (\n                        <ActivityIndicator size=\"small\" color={theme.accent} style={styles.barSpin} />\n                    ) : null}\n                    <BarButton\n                        icon=\"open-in-new\"\n                        label=\"Open in the browser\"\n                        onPress={() => {\n                            if (url) Linking.openURL(url).catch(() => undefined);\n                        }}\n                        theme={theme}\n                        disabled={!url}\n                    />\n                    <BarButton icon=\"refresh\" label=\"Reload\" onPress={onReload} theme={theme} disabled={!url} />\n                </View>\n                <Tap\n                    onPress={onPublish}\n                    disabled={!canPublish}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Publish\"\n                    style={[styles.publish, { backgroundColor: theme.ink }, !canPublish && styles.disabled]}\n                    pressedStyle={DIM}\n                    testID=\"webbuilder-preview-publish\"\n                >\n                    <MaterialCommunityIcons name=\"export-variant\" size={17} color={theme.card} />\n                    <Text style={[styles.publishText, { color: theme.card }]}>{publishLabel}</Text>\n                </Tap>\n            </View>\n            <View style={[styles.stage, { paddingBottom: bottomInset + 10 }]}>\n                <View\n                    style={[\n                        styles.frame,\n                        {\n                            backgroundColor: theme.card,\n                            borderColor: theme.border,\n                            shadowColor: theme.isDark ? '#000' : '#1c1917',\n                        },\n                    ]}\n                >\n                    {stage}\n                </View>\n            </View>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    toolbar: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 8,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    device: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 4,\n        height: 44,\n        paddingHorizontal: 10,\n        borderRadius: 12,\n        borderWidth: StyleSheet.hairlineWidth,\n    },\n    bar: {\n        flex: 1,\n        flexDirection: 'row',\n        alignItems: 'center',\n        height: 44,\n        paddingLeft: 14,\n        paddingRight: 4,\n        borderRadius: 22,\n        borderWidth: StyleSheet.hairlineWidth,\n    },\n    pathTap: { flex: 1, justifyContent: 'center', height: 44 },\n    path: { fontSize: 15, fontWeight: '500' },\n    barButton: { width: 36, height: 36, borderRadius: 18, alignItems: 'center', justifyContent: 'center' },\n    barSpin: { marginRight: 4 },\n    publish: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        height: 44,\n        paddingHorizontal: 14,\n        borderRadius: 12,\n    },\n    publishText: { fontSize: 15, fontWeight: '700' },\n    disabled: { opacity: 0.35 },\n    stage: { flex: 1, padding: 12 },\n    frame: {\n        flex: 1,\n        borderRadius: 22,\n        borderWidth: StyleSheet.hairlineWidth,\n        overflow: 'hidden',\n        shadowOpacity: 0.06,\n        shadowRadius: 14,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 2,\n    },\n});\n"],"names":[],"mappings":"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"}