@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129-alpha.1

package/lib/features/design/surface/DesignBoards.js

@@ -0,0 +1,441 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useState,useRef}from'react';import {useWindowDimensions,ScrollView,View,Text,Alert,ActivityIndicator,RefreshControl,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles,CanvasThemeToggle}from'../../canvas/canvasTheme.js';import {IconButton,SPACE,Pressable,Skeleton,TYPE}from'../../canvas/canvasUi.js';import {useSafeInsets}from'../../canvas/withRemoteSafeArea.js';import {DesignPreview}from'./DesignPreview.js';import {paintsFromPreviews,DESIGN_THEME_PAINTS,editedAgo}from'./designTheme.js';import {WetPaint}from'./WetPaint.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 GUTTER = SPACE.lg;
+const GRID_GAP = SPACE.md;
+const TAP_SLOP = 8;
+function BoardTile({
+  board,
+  running,
+  width,
+  onOpen,
+  onDelete
+}) {
+  var _a;
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const hidden = board.creationCount - 1;
+  const title = (_a = board.title) != null ? _a : new Date(board.savedAt).toLocaleDateString();
+  return /* @__PURE__ */ jsxs(Pressable, { onPress: onOpen, onLongPress: onDelete, style: ({
+    pressed
+  }) => [styles.tile, {
+    width
+  }, pressed && styles.pressed], accessibilityRole: "button", accessibilityLabel: title, accessibilityHint: "Hold to delete", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.thumb, {
+      height: width * 9 / 16
+    }], children: [
+      board.preview ? /* @__PURE__ */ jsx(DesignPreview, { html: board.preview, thumbnail: true }) : null,
+      running ? /* @__PURE__ */ jsxs(View, { style: [styles.badge, styles.badgeLeft], children: [
+        /* @__PURE__ */ jsx(View, { style: styles.pulse }),
+        /* @__PURE__ */ jsx(Text, { style: styles.badgeText, children: "Generating\u2026" })
+      ] }) : null,
+      hidden > 0 ? /* @__PURE__ */ jsx(View, { style: [styles.badge, styles.badgeRight], children: /* @__PURE__ */ jsxs(Text, { style: styles.badgeText, children: [
+        "+",
+        hidden
+      ] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.caption, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.tileTitle, numberOfLines: 1, children: title }),
+      /* @__PURE__ */ jsxs(Text, { style: styles.tileMeta, children: [
+        "Edited ",
+        editedAgo(board.savedAt)
+      ] })
+    ] })
+  ] });
+}
+function DesignBoards({
+  boards,
+  loading,
+  runningBoardIds,
+  notice,
+  canStart,
+  onOpen,
+  onNewDesign,
+  onBrowseTemplates,
+  onDelete,
+  onRefresh,
+  onClose
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const insets = useSafeInsets();
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const running = useMemo(() => new Set(runningBoardIds), [runningBoardIds]);
+  const runningUnsaved = useMemo(() => [...running].filter((id) => id && !boards.some((b) => b.id === id)), [running, boards]);
+  const count = boards.length + runningUnsaved.length;
+  const showList = count > 0 || loading;
+  const mixed = useMemo(() => paintsFromPreviews(boards.map((b) => {
+    var _a;
+    return (_a = b.preview) != null ? _a : "";
+  })), [boards]);
+  const paints = mixed.length ? mixed : DESIGN_THEME_PAINTS[theme.mode];
+  const heroH = showList ? Math.max(500, Math.min(560, height * 0.72)) : Math.max(500, height - insets.top - insets.bottom);
+  const [avoid, setAvoid] = useState(null);
+  const [heroVisible, setHeroVisible] = useState(true);
+  const paint = useRef(null);
+  const touch = useRef(null);
+  const onButton = useRef(false);
+  const onCopyLayout = (e) => {
+    const {
+      x,
+      y,
+      width: w,
+      height: h
+    } = e.nativeEvent.layout;
+    setAvoid((prev) => prev && prev.x === x && prev.y === y && prev.w === w && prev.h === h ? prev : {
+      x,
+      y,
+      w,
+      h
+    });
+  };
+  const columns = Math.max(2, Math.floor((width - GUTTER * 2 + GRID_GAP) / (240 + GRID_GAP)));
+  const tileW = Math.floor((width - GUTTER * 2 - GRID_GAP * (columns - 1)) / columns);
+  return /* @__PURE__ */ jsxs(ScrollView, { style: styles.fill, contentContainerStyle: {
+    paddingBottom: insets.bottom + SPACE.xxl
+  }, refreshControl: /* @__PURE__ */ jsx(RefreshControl, { refreshing: false, onRefresh }), scrollEventThrottle: 100, onScroll: (e) => {
+    const visible = e.nativeEvent.contentOffset.y < heroH - 40;
+    if (visible !== heroVisible) setHeroVisible(visible);
+  }, children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.hero, {
+      height: heroH,
+      paddingTop: insets.top
+    }], onTouchStart: (e) => {
+      var _a;
+      const {
+        locationX: x,
+        locationY: y
+      } = e.nativeEvent;
+      touch.current = {
+        x,
+        y,
+        moved: false
+      };
+      (_a = paint.current) == null ? void 0 : _a.push({
+        x,
+        y
+      });
+    }, onTouchMove: (e) => {
+      var _a;
+      const {
+        locationX: x,
+        locationY: y
+      } = e.nativeEvent;
+      const t = touch.current;
+      if (t && Math.hypot(x - t.x, y - t.y) > TAP_SLOP) t.moved = true;
+      (_a = paint.current) == null ? void 0 : _a.push({
+        x,
+        y
+      });
+    }, onTouchEnd: () => {
+      var _a, _b;
+      const t = touch.current;
+      if (t && !t.moved && !onButton.current) (_a = paint.current) == null ? void 0 : _a.drop(t.x, t.y);
+      touch.current = null;
+      onButton.current = false;
+      (_b = paint.current) == null ? void 0 : _b.push(null);
+    }, onTouchCancel: () => {
+      var _a;
+      touch.current = null;
+      onButton.current = false;
+      (_a = paint.current) == null ? void 0 : _a.push(null);
+    }, children: [
+      /* @__PURE__ */ jsx(WetPaint, { ref: paint, colours: paints, width, height: heroH, avoid, active: heroVisible }),
+      onClose ? /* @__PURE__ */ jsx(View, { style: [styles.close, {
+        top: insets.top + SPACE.xs
+      }], onTouchStart: () => {
+        onButton.current = true;
+      }, children: /* @__PURE__ */ jsx(IconButton, { icon: "chevron-left", label: "Back", onPress: onClose, tone: "filled" }) }) : null,
+      /* @__PURE__ */ jsx(View, { style: [styles.themeToggle, {
+        top: insets.top + SPACE.xs
+      }], onTouchStart: () => {
+        onButton.current = true;
+      }, children: /* @__PURE__ */ jsx(CanvasThemeToggle, {}) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.copy, onLayout: onCopyLayout, pointerEvents: "box-none", children: [
+        /* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: styles.copyText, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "palette-outline", size: 40, color: theme.foreground }),
+          /* @__PURE__ */ jsx(Text, { style: styles.headline, accessibilityRole: "header", children: "What do you want to design?" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.lede, children: "Describe it in chat. Each design gets its own board, saved here." })
+        ] }),
+        /* @__PURE__ */ jsxs(View, { style: styles.buttons, pointerEvents: "box-none", children: [
+          /* @__PURE__ */ jsxs(Pressable, { onPressIn: () => {
+            onButton.current = true;
+          }, onPress: onNewDesign, disabled: !canStart, style: ({
+            pressed
+          }) => [styles.button, styles.buttonPrimary, (pressed || !canStart) && styles.pressed], accessibilityRole: "button", children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 18, color: theme.background }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.buttonLabel, {
+              color: theme.background
+            }], children: "New design" })
+          ] }),
+          onBrowseTemplates ? /* @__PURE__ */ jsxs(Pressable, { onPressIn: () => {
+            onButton.current = true;
+          }, onPress: onBrowseTemplates, disabled: !canStart, style: ({
+            pressed
+          }) => [styles.button, styles.buttonSecondary, (pressed || !canStart) && styles.pressed], accessibilityRole: "button", children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "view-quilt-outline", size: 18, color: theme.foreground }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.buttonLabel, {
+              color: theme.foreground
+            }], children: "Start from a template" })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Text, { pointerEvents: "none", style: styles.hint, children: mixed.length ? "The paint is mixed from your designs. Push it around, or tap to drop more." : "Push the paint around, or tap to drop more." }),
+        notice ? /* @__PURE__ */ jsx(Text, { pointerEvents: "none", style: styles.notice, children: notice }) : null
+      ] })
+    ] }),
+    showList ? /* @__PURE__ */ jsxs(View, { style: styles.list, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.listHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.listTitle, children: "Your designs" }),
+        count > 0 ? /* @__PURE__ */ jsx(Text, { style: styles.listCount, children: count }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.grid, children: [
+        count === 0 ? Array.from({
+          length: 4
+        }, (_, i) => /* @__PURE__ */ jsxs(View, { style: [styles.tile, {
+          width: tileW
+        }], children: [
+          /* @__PURE__ */ jsx(View, { style: {
+            height: tileW * 9 / 16
+          }, children: /* @__PURE__ */ jsx(Skeleton, {}) }),
+          /* @__PURE__ */ jsxs(View, { style: styles.caption, children: [
+            /* @__PURE__ */ jsx(View, { style: styles.skelLine }),
+            /* @__PURE__ */ jsx(View, { style: [styles.skelLine, styles.skelShort] })
+          ] })
+        ] }, i)) : null,
+        runningUnsaved.map((id) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onOpen(id), style: ({
+          pressed
+        }) => [styles.tile, {
+          width: tileW
+        }, pressed && styles.pressed], children: [
+          /* @__PURE__ */ jsxs(View, { style: [styles.thumb, styles.pending, {
+            height: tileW * 9 / 16
+          }], children: [
+            /* @__PURE__ */ jsx(View, { style: styles.pulse }),
+            /* @__PURE__ */ jsx(Text, { style: styles.tileMeta, children: "Generating\u2026" })
+          ] }),
+          /* @__PURE__ */ jsxs(View, { style: styles.caption, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles.tileTitle, children: "Design in progress" }),
+            /* @__PURE__ */ jsx(Text, { style: styles.tileMeta, children: "Open to watch it build" })
+          ] })
+        ] }, id)),
+        boards.map((board) => /* @__PURE__ */ jsx(BoardTile, { board, running: running.has(board.id), width: tileW, onOpen: () => onOpen(board.id), onDelete: () => Alert.alert("Delete this board?", `\u201C${board.title || "Untitled"}\u201D and its designs will be gone here and on the web.`, [{
+          text: "Cancel",
+          style: "cancel"
+        }, {
+          text: "Delete",
+          style: "destructive",
+          onPress: () => onDelete(board)
+        }]) }, board.id))
+      ] }),
+      loading && count > 0 ? /* @__PURE__ */ jsx(ActivityIndicator, { style: styles.more, color: theme.mutedForeground }) : null
+    ] }) : null
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  fill: {
+    flex: 1,
+    backgroundColor: theme.background
+  },
+  pressed: {
+    opacity: 0.75
+  },
+  hero: {
+    overflow: "hidden",
+    alignItems: "center",
+    justifyContent: "center",
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border,
+    paddingHorizontal: SPACE.lg
+  },
+  close: {
+    position: "absolute",
+    left: SPACE.sm
+  },
+  themeToggle: {
+    position: "absolute",
+    right: SPACE.md
+  },
+  copy: {
+    alignItems: "center",
+    maxWidth: 420,
+    width: "100%"
+  },
+  copyText: {
+    alignItems: "center"
+  },
+  headline: {
+    marginTop: SPACE.xl,
+    maxWidth: 330,
+    fontSize: 46,
+    lineHeight: 48,
+    fontWeight: "700",
+    letterSpacing: -1.4,
+    textAlign: "center",
+    color: theme.foreground
+  },
+  lede: {
+    marginTop: 18,
+    maxWidth: 320,
+    fontSize: 16,
+    lineHeight: 23,
+    textAlign: "center",
+    color: theme.mutedForeground
+  },
+  buttons: {
+    marginTop: SPACE.xxl,
+    width: "100%",
+    maxWidth: 320,
+    gap: SPACE.sm
+  },
+  button: {
+    height: 48,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: SPACE.sm,
+    paddingHorizontal: SPACE.xl
+  },
+  buttonPrimary: {
+    backgroundColor: theme.foreground
+  },
+  buttonSecondary: {
+    backgroundColor: theme.background,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.borderStrong
+  },
+  buttonLabel: {
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  hint: __spreadProps(__spreadValues({
+    marginTop: SPACE.lg
+  }, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.mutedForeground,
+    textAlign: "center"
+  }),
+  notice: __spreadProps(__spreadValues({
+    marginTop: SPACE.sm
+  }, TYPE.caption), {
+    color: theme.warningText,
+    textAlign: "center"
+  }),
+  list: {
+    paddingTop: 40,
+    paddingHorizontal: GUTTER
+  },
+  listHead: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    gap: SPACE.sm,
+    marginBottom: SPACE.lg
+  },
+  listTitle: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: theme.foreground
+  },
+  listCount: {
+    fontSize: 14,
+    color: theme.mutedForeground
+  },
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: GRID_GAP,
+    rowGap: SPACE.lg
+  },
+  tile: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border,
+    backgroundColor: theme.background,
+    overflow: "hidden"
+  },
+  thumb: {
+    width: "100%",
+    backgroundColor: theme.muted,
+    overflow: "hidden"
+  },
+  pending: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: SPACE.sm
+  },
+  badge: {
+    position: "absolute",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 999,
+    backgroundColor: theme.backgroundAlpha(0.9)
+  },
+  badgeLeft: {
+    left: SPACE.sm,
+    top: SPACE.sm
+  },
+  badgeRight: {
+    right: SPACE.sm,
+    bottom: SPACE.sm
+  },
+  badgeText: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: theme.foreground
+  },
+  pulse: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: theme.primary
+  },
+  caption: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border,
+    paddingHorizontal: SPACE.sm,
+    paddingVertical: SPACE.sm,
+    gap: 2
+  },
+  tileTitle: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: theme.foreground
+  },
+  tileMeta: {
+    fontSize: 11,
+    color: theme.mutedForeground
+  },
+  skelLine: {
+    height: 12,
+    width: "66%",
+    backgroundColor: theme.muted
+  },
+  skelShort: {
+    height: 10,
+    width: "33%"
+  },
+  more: {
+    paddingVertical: SPACE.xl
+  }
+}));export{DesignBoards};//# sourceMappingURL=DesignBoards.js.map

package/lib/features/design/surface/DesignBoards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignBoards.js","sources":["../../../../src/features/design/surface/DesignBoards.tsx"],"sourcesContent":["/**\n * Screen one of the surface - native twin of design-surface\n * `components/DesignBoards.tsx`: a wet-paint hero with \"New design\" and\n * \"Start from a template\" above the saved boards. One tile per board; a tap\n * opens that board's project canvas.\n */\nimport React, { useMemo, useRef, useState } from 'react';\nimport {\n    ActivityIndicator,\n    Alert,\n    RefreshControl,\n    ScrollView,\n    StyleSheet,\n    Text,\n    useWindowDimensions,\n    View,\n    type LayoutChangeEvent,\n    type NativeSyntheticEvent,\n    type NativeScrollEvent,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { CanvasThemeToggle, themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { IconButton, Pressable, SPACE, Skeleton, TYPE } from '../../canvas/canvasUi';\nimport { useSafeInsets } from '../../canvas/withRemoteSafeArea';\nimport type { DesignBoardSummary } from './designBoard';\nimport { DesignPreview } from './DesignPreview';\nimport { DESIGN_THEME_PAINTS, editedAgo, paintsFromPreviews } from './designTheme';\nimport { WetPaint, type AvoidRect, type WetPaintHandle } from './WetPaint';\n\nconst GUTTER = SPACE.lg;\nconst GRID_GAP = SPACE.md;\n/** A tap moves less than this; more is a push. */\nconst TAP_SLOP = 8;\n\nfunction BoardTile({\n    board,\n    running,\n    width,\n    onOpen,\n    onDelete,\n}: {\n    board: DesignBoardSummary;\n    running: boolean;\n    width: number;\n    onOpen: () => void;\n    onDelete: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const hidden = board.creationCount - 1;\n    const title = board.title ?? new Date(board.savedAt).toLocaleDateString();\n    return (\n        <Pressable\n            onPress={onOpen}\n            onLongPress={onDelete}\n            style={({ pressed }) => [styles.tile, { width }, pressed && styles.pressed]}\n            accessibilityRole=\"button\"\n            accessibilityLabel={title}\n            accessibilityHint=\"Hold to delete\"\n        >\n            <View style={[styles.thumb, { height: (width * 9) / 16 }]}>\n                {board.preview ? <DesignPreview html={board.preview} thumbnail /> : null}\n                {running ? (\n                    <View style={[styles.badge, styles.badgeLeft]}>\n                        <View style={styles.pulse} />\n                        <Text style={styles.badgeText}>Generating…</Text>\n                    </View>\n                ) : null}\n                {hidden > 0 ? (\n                    <View style={[styles.badge, styles.badgeRight]}>\n                        <Text style={styles.badgeText}>+{hidden}</Text>\n                    </View>\n                ) : null}\n            </View>\n            <View style={styles.caption}>\n                <Text style={styles.tileTitle} numberOfLines={1}>\n                    {title}\n                </Text>\n                <Text style={styles.tileMeta}>Edited {editedAgo(board.savedAt)}</Text>\n            </View>\n        </Pressable>\n    );\n}\n\nexport function DesignBoards({\n    boards,\n    loading,\n    runningBoardIds,\n    notice,\n    canStart,\n    onOpen,\n    onNewDesign,\n    onBrowseTemplates,\n    onDelete,\n    onRefresh,\n    onClose,\n}: {\n    boards: DesignBoardSummary[];\n    loading: boolean;\n    runningBoardIds: readonly string[];\n    notice?: string | null;\n    canStart: boolean;\n    onOpen: (id: string) => void;\n    onNewDesign: () => void;\n    onBrowseTemplates?: () => void;\n    onDelete: (board: DesignBoardSummary) => void;\n    onRefresh: () => void;\n    onClose?: () => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const insets = useSafeInsets();\n    const { width, height } = useWindowDimensions();\n    const running = useMemo(() => new Set(runningBoardIds), [runningBoardIds]);\n    // A board generating its FIRST design has no saved row yet, so it needs a tile of its own.\n    const runningUnsaved = useMemo(\n        () => [...running].filter((id) => id && !boards.some((b) => b.id === id)),\n        [running, boards],\n    );\n    const count = boards.length + runningUnsaved.length;\n    const showList = count > 0 || loading;\n    const mixed = useMemo(() => paintsFromPreviews(boards.map((b) => b.preview ?? '')), [boards]);\n    const paints = mixed.length ? mixed : DESIGN_THEME_PAINTS[theme.mode];\n\n    // The hero fills the screen until there is a list to sit beneath it (web min-h 34rem).\n    const heroH = showList\n        ? Math.max(500, Math.min(560, height * 0.72))\n        : Math.max(500, height - insets.top - insets.bottom);\n    const [avoid, setAvoid] = useState<AvoidRect | null>(null);\n    const [heroVisible, setHeroVisible] = useState(true);\n    const paint = useRef<WetPaintHandle>(null);\n    const touch = useRef<{ x: number; y: number; moved: boolean } | null>(null);\n    const onButton = useRef(false);\n\n    const onCopyLayout = (e: LayoutChangeEvent) => {\n        const { x, y, width: w, height: h } = e.nativeEvent.layout;\n        setAvoid((prev) =>\n            prev && prev.x === x && prev.y === y && prev.w === w && prev.h === h ? prev : { x, y, w, h },\n        );\n    };\n\n    // Two columns on a phone; a tablet fits as many 240pt tiles as it can, like the web's auto-fill grid.\n    const columns = Math.max(2, Math.floor((width - GUTTER * 2 + GRID_GAP) / (240 + GRID_GAP)));\n    const tileW = Math.floor((width - GUTTER * 2 - GRID_GAP * (columns - 1)) / columns);\n\n    return (\n        <ScrollView\n            style={styles.fill}\n            contentContainerStyle={{ paddingBottom: insets.bottom + SPACE.xxl }}\n            refreshControl={<RefreshControl refreshing={false} onRefresh={onRefresh} />}\n            scrollEventThrottle={100}\n            onScroll={(e: NativeSyntheticEvent<NativeScrollEvent>) => {\n                // Scrolled down to the grid, the paint stops costing frames.\n                const visible = e.nativeEvent.contentOffset.y < heroH - 40;\n                if (visible !== heroVisible) setHeroVisible(visible);\n            }}\n        >\n            <View\n                style={[styles.hero, { height: heroH, paddingTop: insets.top }]}\n                onTouchStart={(e) => {\n                    const { locationX: x, locationY: y } = e.nativeEvent;\n                    touch.current = { x, y, moved: false };\n                    paint.current?.push({ x, y });\n                }}\n                onTouchMove={(e) => {\n                    const { locationX: x, locationY: y } = e.nativeEvent;\n                    const t = touch.current;\n                    if (t && Math.hypot(x - t.x, y - t.y) > TAP_SLOP) t.moved = true;\n                    paint.current?.push({ x, y });\n                }}\n                onTouchEnd={() => {\n                    const t = touch.current;\n                    // A button's press-in lands after the touch starts, so a button tap is known only here.\n                    if (t && !t.moved && !onButton.current) paint.current?.drop(t.x, t.y);\n                    touch.current = null;\n                    onButton.current = false;\n                    paint.current?.push(null);\n                }}\n                onTouchCancel={() => {\n                    touch.current = null;\n                    onButton.current = false;\n                    paint.current?.push(null);\n                }}\n            >\n                <WetPaint\n                    ref={paint}\n                    colours={paints}\n                    width={width}\n                    height={heroH}\n                    avoid={avoid}\n                    active={heroVisible}\n                />\n                {onClose ? (\n                    <View\n                        style={[styles.close, { top: insets.top + SPACE.xs }]}\n                        onTouchStart={() => {\n                            onButton.current = true;\n                        }}\n                    >\n                        <IconButton icon=\"chevron-left\" label=\"Back\" onPress={onClose} tone=\"filled\" />\n                    </View>\n                ) : null}\n                <View\n                    style={[styles.themeToggle, { top: insets.top + SPACE.xs }]}\n                    onTouchStart={() => {\n                        onButton.current = true;\n                    }}\n                >\n                    <CanvasThemeToggle />\n                </View>\n                {/* Touches fall through to the paint; only the buttons take them. */}\n                <View style={styles.copy} onLayout={onCopyLayout} pointerEvents=\"box-none\">\n                    <View pointerEvents=\"none\" style={styles.copyText}>\n                        <MaterialCommunityIcons name=\"palette-outline\" size={40} color={theme.foreground} />\n                        <Text style={styles.headline} accessibilityRole=\"header\">\n                            What do you want to design?\n                        </Text>\n                        <Text style={styles.lede}>\n                            Describe it in chat. Each design gets its own board, saved here.\n                        </Text>\n                    </View>\n                    <View style={styles.buttons} pointerEvents=\"box-none\">\n                        <Pressable\n                            onPressIn={() => {\n                                onButton.current = true;\n                            }}\n                            onPress={onNewDesign}\n                            disabled={!canStart}\n                            style={({ pressed }) => [\n                                styles.button,\n                                styles.buttonPrimary,\n                                (pressed || !canStart) && styles.pressed,\n                            ]}\n                            accessibilityRole=\"button\"\n                        >\n                            <MaterialCommunityIcons name=\"plus\" size={18} color={theme.background} />\n                            <Text style={[styles.buttonLabel, { color: theme.background }]}>New design</Text>\n                        </Pressable>\n                        {onBrowseTemplates ? (\n                            <Pressable\n                                onPressIn={() => {\n                                    onButton.current = true;\n                                }}\n                                onPress={onBrowseTemplates}\n                                disabled={!canStart}\n                                style={({ pressed }) => [\n                                    styles.button,\n                                    styles.buttonSecondary,\n                                    (pressed || !canStart) && styles.pressed,\n                                ]}\n                                accessibilityRole=\"button\"\n                            >\n                                <MaterialCommunityIcons name=\"view-quilt-outline\" size={18} color={theme.foreground} />\n                                <Text style={[styles.buttonLabel, { color: theme.foreground }]}>\n                                    Start from a template\n                                </Text>\n                            </Pressable>\n                        ) : null}\n                    </View>\n                    <Text pointerEvents=\"none\" style={styles.hint}>\n                        {mixed.length\n                            ? 'The paint is mixed from your designs. Push it around, or tap to drop more.'\n                            : 'Push the paint around, or tap to drop more.'}\n                    </Text>\n                    {notice ? (\n                        <Text pointerEvents=\"none\" style={styles.notice}>\n                            {notice}\n                        </Text>\n                    ) : null}\n                </View>\n            </View>\n\n            {showList ? (\n                <View style={styles.list}>\n                    <View style={styles.listHead}>\n                        <Text style={styles.listTitle}>Your designs</Text>\n                        {count > 0 ? <Text style={styles.listCount}>{count}</Text> : null}\n                    </View>\n                    <View style={styles.grid}>\n                        {count === 0\n                            ? Array.from({ length: 4 }, (_, i) => (\n                                  <View key={i} style={[styles.tile, { width: tileW }]}>\n                                      <View style={{ height: (tileW * 9) / 16 }}>\n                                          <Skeleton />\n                                      </View>\n                                      <View style={styles.caption}>\n                                          <View style={styles.skelLine} />\n                                          <View style={[styles.skelLine, styles.skelShort]} />\n                                      </View>\n                                  </View>\n                              ))\n                            : null}\n                        {runningUnsaved.map((id) => (\n                            <Pressable\n                                key={id}\n                                onPress={() => onOpen(id)}\n                                style={({ pressed }) => [styles.tile, { width: tileW }, pressed && styles.pressed]}\n                            >\n                                <View style={[styles.thumb, styles.pending, { height: (tileW * 9) / 16 }]}>\n                                    <View style={styles.pulse} />\n                                    <Text style={styles.tileMeta}>Generating…</Text>\n                                </View>\n                                <View style={styles.caption}>\n                                    <Text style={styles.tileTitle}>Design in progress</Text>\n                                    <Text style={styles.tileMeta}>Open to watch it build</Text>\n                                </View>\n                            </Pressable>\n                        ))}\n                        {boards.map((board) => (\n                            <BoardTile\n                                key={board.id}\n                                board={board}\n                                running={running.has(board.id)}\n                                width={tileW}\n                                onOpen={() => onOpen(board.id)}\n                                onDelete={() =>\n                                    Alert.alert(\n                                        'Delete this board?',\n                                        `“${board.title || 'Untitled'}” and its designs will be gone here and on the web.`,\n                                        [\n                                            { text: 'Cancel', style: 'cancel' },\n                                            { text: 'Delete', style: 'destructive', onPress: () => onDelete(board) },\n                                        ],\n                                    )\n                                }\n                            />\n                        ))}\n                    </View>\n                    {loading && count > 0 ? (\n                        <ActivityIndicator style={styles.more} color={theme.mutedForeground} />\n                    ) : null}\n                </View>\n            ) : null}\n        </ScrollView>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        fill: { flex: 1, backgroundColor: theme.background },\n        pressed: { opacity: 0.75 },\n        hero: {\n            overflow: 'hidden',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderBottomWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n            paddingHorizontal: SPACE.lg,\n        },\n        close: { position: 'absolute', left: SPACE.sm },\n        themeToggle: { position: 'absolute', right: SPACE.md },\n        copy: { alignItems: 'center', maxWidth: 420, width: '100%' },\n        copyText: { alignItems: 'center' },\n        headline: {\n            marginTop: SPACE.xl,\n            maxWidth: 330,\n            fontSize: 46,\n            lineHeight: 48,\n            fontWeight: '700',\n            letterSpacing: -1.4,\n            textAlign: 'center',\n            color: theme.foreground,\n        },\n        lede: {\n            marginTop: 18,\n            maxWidth: 320,\n            fontSize: 16,\n            lineHeight: 23,\n            textAlign: 'center',\n            color: theme.mutedForeground,\n        },\n        buttons: { marginTop: SPACE.xxl, width: '100%', maxWidth: 320, gap: SPACE.sm },\n        button: {\n            height: 48,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: SPACE.sm,\n            paddingHorizontal: SPACE.xl,\n        },\n        buttonPrimary: { backgroundColor: theme.foreground },\n        buttonSecondary: {\n            backgroundColor: theme.background,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.borderStrong,\n        },\n        buttonLabel: { fontSize: 16, fontWeight: '500' },\n        hint: {\n            marginTop: SPACE.lg,\n            ...TYPE.caption,\n            fontWeight: '400',\n            color: theme.mutedForeground,\n            textAlign: 'center',\n        },\n        notice: { marginTop: SPACE.sm, ...TYPE.caption, color: theme.warningText, textAlign: 'center' },\n        list: { paddingTop: 40, paddingHorizontal: GUTTER },\n        listHead: { flexDirection: 'row', alignItems: 'baseline', gap: SPACE.sm, marginBottom: SPACE.lg },\n        listTitle: { fontSize: 14, fontWeight: '500', color: theme.foreground },\n        listCount: { fontSize: 14, color: theme.mutedForeground },\n        grid: { flexDirection: 'row', flexWrap: 'wrap', columnGap: GRID_GAP, rowGap: SPACE.lg },\n        tile: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n            backgroundColor: theme.background,\n            overflow: 'hidden',\n        },\n        thumb: { width: '100%', backgroundColor: theme.muted, overflow: 'hidden' },\n        pending: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: SPACE.sm },\n        badge: {\n            position: 'absolute',\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: 6,\n            paddingHorizontal: 8,\n            paddingVertical: 2,\n            borderRadius: 999,\n            backgroundColor: theme.backgroundAlpha(0.9),\n        },\n        badgeLeft: { left: SPACE.sm, top: SPACE.sm },\n        badgeRight: { right: SPACE.sm, bottom: SPACE.sm },\n        badgeText: { fontSize: 12, fontWeight: '500', color: theme.foreground },\n        pulse: { width: 6, height: 6, borderRadius: 3, backgroundColor: theme.primary },\n        caption: {\n            borderTopWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n            paddingHorizontal: SPACE.sm,\n            paddingVertical: SPACE.sm,\n            gap: 2,\n        },\n        tileTitle: { fontSize: 13, fontWeight: '500', color: theme.foreground },\n        tileMeta: { fontSize: 11, color: theme.mutedForeground },\n        skelLine: { height: 12, width: '66%', backgroundColor: theme.muted },\n        skelShort: { height: 10, width: '33%' },\n        more: { paddingVertical: SPACE.xl },\n    }),\n);\n"],"names":[],"mappings":"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"}