@adminide-stack/yantra-mobile 12.0.69-alpha.8 → 12.0.69

package/lib/features/canvas/CanvasBoardsGrid.js

@@ -0,0 +1,414 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useMemo,useCallback}from'react';import {StyleSheet,useWindowDimensions,View,Text,ScrollView,Pressable,FlatList}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Image}from'expo-image';import {isUnsetBoardTitle}from'./canvasCore.js';import {CANVAS_BOARD_PAGE_SIZE}from'./canvasBoardsCatalog.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 MINUTE = 6e4;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+const GUTTER = 16;
+const TILE_RADIUS = 12;
+function relativeTime(ts) {
+  const diff = Date.now() - ts;
+  if (diff < HOUR) return `${Math.max(1, Math.round(diff / MINUTE))}m ago`;
+  if (diff < DAY) return `${Math.round(diff / HOUR)}h ago`;
+  if (diff < 30 * DAY) return `${Math.round(diff / DAY)}d ago`;
+  return new Date(ts).toLocaleDateString();
+}
+function CanvasBoardsGrid({
+  boards,
+  onOpen,
+  onNewCanvas,
+  designs = [],
+  onOpenDesign,
+  onNewDesign,
+  onAskAgent,
+  onComposeGenerate,
+  featuredLooks = [],
+  onRecreateLook
+}) {
+  const {
+    width
+  } = useWindowDimensions();
+  const tileWidth = Math.max(140, (width - GUTTER * 3) / 2);
+  const [visible, setVisible] = useState(CANVAS_BOARD_PAGE_SIZE);
+  useEffect(() => {
+    setVisible(CANVAS_BOARD_PAGE_SIZE);
+  }, [boards]);
+  const tiles = useMemo(() => {
+    const shown = boards.slice(0, visible);
+    return [{
+      kind: "new",
+      id: "__new__"
+    }, ...shown.map((board) => ({
+      kind: "board",
+      id: board.channelId,
+      board,
+      preview: board.board.items.find((it) => it.type === "image" || it.type === "video")
+    }))];
+  }, [boards, visible]);
+  const rows = useMemo(() => {
+    const chunked = [];
+    for (let i = 0; i < tiles.length; i += 2) {
+      chunked.push(tiles.slice(i, i + 2));
+    }
+    return chunked;
+  }, [tiles]);
+  const loadMore = useCallback(() => {
+    setVisible((count) => {
+      if (count >= boards.length) return count;
+      return Math.min(count + CANVAS_BOARD_PAGE_SIZE, boards.length);
+    });
+  }, [boards.length]);
+  const studioStrip = onNewDesign || onAskAgent || onComposeGenerate || featuredLooks.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.studioStrip, children: [
+    onComposeGenerate ? /* @__PURE__ */ jsxs(View, { style: styles.composerBlock, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.studioLabel, children: "Start creating" }),
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.studioRow, children: [["video", "Featured look", "Cinematic product hero, soft rim light, 9:16"], ["image", "Character", "Portrait of a friendly guide character, clean studio"], ["video", "Camera", "Handheld tracking shot through a neon alley at night"], ["video", "Film setup", "Anamorphic film still, shallow DOF, golden hour"]].map(([mode, label, prompt]) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onComposeGenerate({
+        mode,
+        prompt
+      }), style: styles.studioChip, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.studioChipLabel, children: label }) }, label)) })
+    ] }) : null,
+    featuredLooks.length > 0 && onRecreateLook ? /* @__PURE__ */ jsxs(View, { style: styles.composerBlock, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.studioLabel, children: "Looks" }),
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.studioRow, children: featuredLooks.map((look) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onRecreateLook(look), style: styles.lookChip, accessibilityRole: "button", accessibilityLabel: `Recreate ${look.name}`, children: [
+        look.cover ? /* @__PURE__ */ jsx(Image, { source: {
+          uri: look.cover
+        }, style: styles.lookCover, contentFit: "cover" }) : /* @__PURE__ */ jsx(View, { style: [styles.lookCover, styles.lookCoverFallback], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "movie-open-outline", size: 18, color: "#94a3b8" }) }),
+        /* @__PURE__ */ jsx(Text, { style: styles.lookName, numberOfLines: 2, children: look.name })
+      ] }, look.id)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(View, { style: styles.studioHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.studioLabel, children: "Design studio" }),
+      onAskAgent ? /* @__PURE__ */ jsxs(Pressable, { onPress: onAskAgent, style: styles.askAgentBtn, accessibilityRole: "button", accessibilityLabel: "AI Chat", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 14, color: "#64748b" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.askAgentLabel, children: "AI Chat" })
+      ] }) : null
+    ] }),
+    onNewDesign ? /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.studioRow, children: [
+      [["design", "shape-square-plus", "Design"], ["tshirt", "tshirt-crew-outline", "T-shirt"], ["postcard", "email-outline", "Postcard"]].map(([kind, icon, label]) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onNewDesign(kind), style: styles.studioChip, accessibilityRole: "button", accessibilityLabel: `New ${label}`, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 16, color: "#0f172a" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.studioChipLabel, children: label })
+      ] }, kind)),
+      designs.map((design) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onOpenDesign == null ? void 0 : onOpenDesign(design.channelId), style: [styles.studioChip, styles.studioChipSaved], accessibilityRole: "button", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: design.doc.kind === "tshirt" ? "tshirt-crew-outline" : design.doc.kind === "postcard" ? "email-outline" : "shape-square-plus", size: 16, color: "#f8fafc" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.studioChipLabel, styles.studioChipLabelSaved], numberOfLines: 1, children: design.title || "Design" })
+      ] }, design.channelId))
+    ] }) : null
+  ] }) : null;
+  const renderTile = (item) => {
+    var _a;
+    if (item.kind === "new") {
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: onNewCanvas, style: [styles.tile, styles.tileDashed, {
+        width: tileWidth
+      }], accessibilityRole: "button", accessibilityLabel: "New canvas", children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.thumb, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 28, color: "#64748b" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.dashHint, children: "Start a blank canvas" })
+        ] }),
+        /* @__PURE__ */ jsx(View, { style: styles.meta, children: /* @__PURE__ */ jsx(Text, { style: styles.metaTitle, children: "New canvas" }) })
+      ] });
+    }
+    const {
+      board,
+      preview
+    } = item;
+    const title = !isUnsetBoardTitle(board.title) ? board.title : ((_a = board.board.items.find((it) => it.generatedAssetName)) == null ? void 0 : _a.generatedAssetName) || "Untitled";
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onOpen(board.channelId), style: [styles.tile, {
+      width: tileWidth
+    }], accessibilityRole: "button", children: [
+      /* @__PURE__ */ jsx(View, { style: styles.thumb, children: (preview == null ? void 0 : preview.type) === "image" ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: preview.src
+      }, style: styles.thumbImage, contentFit: "cover" }) : (preview == null ? void 0 : preview.type) === "video" ? /* @__PURE__ */ jsx(View, { style: styles.thumbVideo, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "play", size: 28, color: "#f8fafc" }) }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-outline", size: 28, color: "#94a3b8" }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.meta, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.metaTitle, numberOfLines: 1, children: title }),
+        /* @__PURE__ */ jsxs(Text, { style: styles.metaSub, children: [
+          board.itemCount,
+          " item",
+          board.itemCount === 1 ? "" : "s",
+          " \xB7 ",
+          relativeTime(board.savedAt)
+        ] })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.plane, children: [
+    /* @__PURE__ */ jsx(DotGrid, {}),
+    boards.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.emptyWrap, children: [
+      studioStrip,
+      /* @__PURE__ */ jsxs(View, { style: styles.emptyCard, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.emptyTitle, children: "Your canvases will appear here" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.emptyDetail, children: "Every chat gets its own canvas. Generate an image, video, or audio and it lands on this board \u2014 come back here to reach the ones from your other chats." }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: onNewCanvas, style: styles.emptyCta, accessibilityRole: "button", children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 16, color: "#f8fafc" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.emptyCtaLabel, children: "New canvas" })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsx(FlatList, { data: rows, keyExtractor: (pair) => pair.map((item) => item.id).join(":"), contentContainerStyle: styles.gridList, showsVerticalScrollIndicator: false, onEndReached: loadMore, onEndReachedThreshold: 0.4, ListHeaderComponent: studioStrip ? /* @__PURE__ */ jsx(View, { style: styles.studioInGrid, children: studioStrip }) : null, renderItem: ({
+      item: pair
+    }) => /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      pair.map((entry) => /* @__PURE__ */ jsx(View, { children: renderTile(entry) }, entry.id)),
+      pair.length < 2 ? /* @__PURE__ */ jsx(View, { style: {
+        width: tileWidth
+      } }) : null
+    ] }) })
+  ] });
+}
+function DotGrid() {
+  return /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.dots, children: Array.from({
+    length: 18
+  }).map((_, row) => /* @__PURE__ */ jsx(View, { style: styles.dotRow, children: Array.from({
+    length: 16
+  }).map((__, col) => /* @__PURE__ */ jsx(View, { style: styles.dotCell, children: /* @__PURE__ */ jsx(View, { style: styles.dot }) }, col)) }, row)) });
+}
+const styles = StyleSheet.create({
+  plane: {
+    flex: 1,
+    backgroundColor: "#eef1f4",
+    overflow: "hidden"
+  },
+  dots: __spreadValues({}, StyleSheet.absoluteFillObject),
+  dotRow: {
+    flexDirection: "row",
+    height: 22
+  },
+  dotCell: {
+    width: 22,
+    height: 22,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  dot: {
+    width: 2,
+    height: 2,
+    borderRadius: 1,
+    backgroundColor: "rgba(15,23,42,0.14)"
+  },
+  emptyWrap: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  emptyCard: {
+    width: "100%",
+    maxWidth: 420,
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.08)",
+    backgroundColor: "rgba(255,255,255,0.96)",
+    paddingHorizontal: 28,
+    paddingVertical: 36,
+    alignItems: "center",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.06,
+    shadowRadius: 16,
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    elevation: 2
+  },
+  emptyTitle: {
+    fontSize: 20,
+    fontWeight: "600",
+    color: "#0f172a",
+    textAlign: "center"
+  },
+  emptyDetail: {
+    marginTop: 8,
+    fontSize: 14,
+    lineHeight: 20,
+    color: "#64748b",
+    textAlign: "center"
+  },
+  emptyCta: {
+    marginTop: 22,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    backgroundColor: "#0f172a",
+    paddingHorizontal: 20,
+    paddingVertical: 11,
+    borderRadius: 999
+  },
+  emptyCtaLabel: {
+    color: "#f8fafc",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  gridList: {
+    padding: GUTTER,
+    paddingBottom: 32
+  },
+  row: {
+    flexDirection: "row",
+    gap: GUTTER,
+    marginBottom: GUTTER
+  },
+  tile: {
+    borderRadius: TILE_RADIUS,
+    overflow: "hidden",
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.08)",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 1
+  },
+  tileDashed: {
+    borderStyle: "dashed",
+    backgroundColor: "rgba(255,255,255,0.7)"
+  },
+  thumb: {
+    height: 140,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f1f5f9",
+    overflow: "hidden",
+    gap: 8
+  },
+  thumbImage: __spreadValues({}, StyleSheet.absoluteFillObject),
+  thumbVideo: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#0f172a"
+  }),
+  dashHint: {
+    fontSize: 12,
+    color: "#64748b"
+  },
+  studioStrip: {
+    alignSelf: "stretch",
+    marginBottom: 16
+  },
+  composerBlock: {
+    marginBottom: 12,
+    gap: 8
+  },
+  lookChip: {
+    width: 112,
+    borderRadius: 12,
+    overflow: "hidden",
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.08)"
+  },
+  lookCover: {
+    width: "100%",
+    height: 72,
+    backgroundColor: "#f1f5f9"
+  },
+  lookCoverFallback: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  lookName: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  studioInGrid: {
+    width: "100%"
+  },
+  studioHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    marginBottom: 8
+  },
+  studioLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    color: "#64748b",
+    flexShrink: 1
+  },
+  askAgentBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "#e2e8f0",
+    borderRadius: 8,
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    backgroundColor: "#ffffff",
+    flexShrink: 0
+  },
+  askAgentLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#64748b"
+  },
+  studioRow: {
+    flexDirection: "row",
+    gap: 8,
+    paddingBottom: 4
+  },
+  studioChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "rgba(15,23,42,0.1)",
+    borderRadius: 999,
+    paddingHorizontal: 14,
+    paddingVertical: 9
+  },
+  studioChipSaved: {
+    backgroundColor: "#0f172a",
+    borderColor: "#0f172a"
+  },
+  studioChipLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#0f172a",
+    maxWidth: 140
+  },
+  studioChipLabelSaved: {
+    color: "#f8fafc"
+  },
+  meta: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: "rgba(15,23,42,0.08)",
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  metaTitle: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  metaSub: {
+    marginTop: 2,
+    fontSize: 10,
+    fontWeight: "600",
+    letterSpacing: 0.4,
+    textTransform: "uppercase",
+    color: "#94a3b8"
+  }
+});export{CanvasBoardsGrid};//# sourceMappingURL=CanvasBoardsGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasBoardsGrid.js","sources":["../../../src/features/canvas/CanvasBoardsGrid.tsx"],"sourcesContent":["/**\n * Board grid — native twin of canvas-surface `CanvasBoards`.\n * Screen one: empty card with + New canvas, or a 2-up grid of tiles.\n * Renders 10 boards at a time; scrolling to the bottom appends the next 10.\n */\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { FlatList, Pressable, ScrollView, StyleSheet, Text, useWindowDimensions, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Image } from 'expo-image';\nimport type { CanvasBoardSummary } from './surfaceIndex';\nimport type { DesignKind } from '../design/designCore';\nimport type { DesignDocSummary } from '../design/designIndex';\nimport { isUnsetBoardTitle } from './canvasCore';\nimport { CANVAS_BOARD_PAGE_SIZE } from './canvasBoardsCatalog';\nimport type { StudioLook } from './studioLooks';\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\nconst GUTTER = 16;\nconst TILE_RADIUS = 12;\n\nfunction relativeTime(ts: number): string {\n    const diff = Date.now() - ts;\n    if (diff < HOUR) return `${Math.max(1, Math.round(diff / MINUTE))}m ago`;\n    if (diff < DAY) return `${Math.round(diff / HOUR)}h ago`;\n    if (diff < 30 * DAY) return `${Math.round(diff / DAY)}d ago`;\n    return new Date(ts).toLocaleDateString();\n}\n\ntype GridItem =\n    | { kind: 'new'; id: string }\n    | { kind: 'board'; id: string; board: CanvasBoardSummary; preview?: CanvasBoardSummary['board']['items'][number] };\n\nexport function CanvasBoardsGrid({\n    boards,\n    onOpen,\n    onNewCanvas,\n    designs = [],\n    onOpenDesign,\n    onNewDesign,\n    onAskAgent,\n    onComposeGenerate,\n    featuredLooks = [],\n    onRecreateLook,\n}: {\n    boards: CanvasBoardSummary[];\n    onOpen: (channelId: string) => void;\n    onNewCanvas: () => void;\n    designs?: DesignDocSummary[];\n    onOpenDesign?: (channelId: string) => void;\n    onNewDesign?: (kind: DesignKind) => void;\n    onAskAgent?: () => void;\n    /** Home composer chips → open generate with a seeded prompt (web CanvasHome). */\n    onComposeGenerate?: (seed: { mode: 'image' | 'video'; prompt: string }) => void;\n    /** Web Featured Looks rail on home. */\n    featuredLooks?: StudioLook[];\n    onRecreateLook?: (look: StudioLook) => void;\n}) {\n    const { width } = useWindowDimensions();\n    const tileWidth = Math.max(140, (width - GUTTER * 3) / 2);\n    const [visible, setVisible] = useState(CANVAS_BOARD_PAGE_SIZE);\n\n    useEffect(() => {\n        setVisible(CANVAS_BOARD_PAGE_SIZE);\n    }, [boards]);\n\n    const tiles = useMemo<GridItem[]>(() => {\n        const shown = boards.slice(0, visible);\n        return [\n            { kind: 'new', id: '__new__' },\n            ...shown.map((board) => ({\n                kind: 'board' as const,\n                id: board.channelId,\n                board,\n                preview: board.board.items.find((it) => it.type === 'image' || it.type === 'video'),\n            })),\n        ];\n    }, [boards, visible]);\n\n    const rows = useMemo(() => {\n        const chunked: GridItem[][] = [];\n        for (let i = 0; i < tiles.length; i += 2) {\n            chunked.push(tiles.slice(i, i + 2));\n        }\n        return chunked;\n    }, [tiles]);\n\n    const loadMore = useCallback(() => {\n        setVisible((count) => {\n            if (count >= boards.length) return count;\n            return Math.min(count + CANVAS_BOARD_PAGE_SIZE, boards.length);\n        });\n    }, [boards.length]);\n\n    const studioStrip =\n        onNewDesign || onAskAgent || onComposeGenerate || featuredLooks.length > 0 ? (\n            <View style={styles.studioStrip}>\n                {onComposeGenerate ? (\n                    <View style={styles.composerBlock}>\n                        <Text style={styles.studioLabel}>Start creating</Text>\n                        <ScrollView\n                            horizontal\n                            showsHorizontalScrollIndicator={false}\n                            contentContainerStyle={styles.studioRow}\n                        >\n                            {(\n                                [\n                                    ['video', 'Featured look', 'Cinematic product hero, soft rim light, 9:16'],\n                                    ['image', 'Character', 'Portrait of a friendly guide character, clean studio'],\n                                    ['video', 'Camera', 'Handheld tracking shot through a neon alley at night'],\n                                    ['video', 'Film setup', 'Anamorphic film still, shallow DOF, golden hour'],\n                                ] as const\n                            ).map(([mode, label, prompt]) => (\n                                <Pressable\n                                    key={label}\n                                    onPress={() => onComposeGenerate({ mode, prompt })}\n                                    style={styles.studioChip}\n                                    accessibilityRole=\"button\"\n                                >\n                                    <Text style={styles.studioChipLabel}>{label}</Text>\n                                </Pressable>\n                            ))}\n                        </ScrollView>\n                    </View>\n                ) : null}\n                {featuredLooks.length > 0 && onRecreateLook ? (\n                    <View style={styles.composerBlock}>\n                        <Text style={styles.studioLabel}>Looks</Text>\n                        <ScrollView\n                            horizontal\n                            showsHorizontalScrollIndicator={false}\n                            contentContainerStyle={styles.studioRow}\n                        >\n                            {featuredLooks.map((look) => (\n                                <Pressable\n                                    key={look.id}\n                                    onPress={() => onRecreateLook(look)}\n                                    style={styles.lookChip}\n                                    accessibilityRole=\"button\"\n                                    accessibilityLabel={`Recreate ${look.name}`}\n                                >\n                                    {look.cover ? (\n                                        <Image\n                                            source={{ uri: look.cover }}\n                                            style={styles.lookCover}\n                                            contentFit=\"cover\"\n                                        />\n                                    ) : (\n                                        <View style={[styles.lookCover, styles.lookCoverFallback]}>\n                                            <MaterialCommunityIcons\n                                                name=\"movie-open-outline\"\n                                                size={18}\n                                                color=\"#94a3b8\"\n                                            />\n                                        </View>\n                                    )}\n                                    <Text style={styles.lookName} numberOfLines={2}>\n                                        {look.name}\n                                    </Text>\n                                </Pressable>\n                            ))}\n                        </ScrollView>\n                    </View>\n                ) : null}\n                <View style={styles.studioHead}>\n                    <Text style={styles.studioLabel}>Design studio</Text>\n                    {onAskAgent ? (\n                        <Pressable\n                            onPress={onAskAgent}\n                            style={styles.askAgentBtn}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"AI Chat\"\n                        >\n                            <MaterialCommunityIcons name=\"creation\" size={14} color=\"#64748b\" />\n                            <Text style={styles.askAgentLabel}>AI Chat</Text>\n                        </Pressable>\n                    ) : null}\n                </View>\n                {onNewDesign ? (\n                    <ScrollView\n                        horizontal\n                        showsHorizontalScrollIndicator={false}\n                        contentContainerStyle={styles.studioRow}\n                    >\n                        {(\n                            [\n                                ['design', 'shape-square-plus', 'Design'],\n                                ['tshirt', 'tshirt-crew-outline', 'T-shirt'],\n                                ['postcard', 'email-outline', 'Postcard'],\n                            ] as const\n                        ).map(([kind, icon, label]) => (\n                            <Pressable\n                                key={kind}\n                                onPress={() => onNewDesign(kind)}\n                                style={styles.studioChip}\n                                accessibilityRole=\"button\"\n                                accessibilityLabel={`New ${label}`}\n                            >\n                                <MaterialCommunityIcons name={icon} size={16} color=\"#0f172a\" />\n                                <Text style={styles.studioChipLabel}>{label}</Text>\n                            </Pressable>\n                        ))}\n                        {designs.map((design) => (\n                            <Pressable\n                                key={design.channelId}\n                                onPress={() => onOpenDesign?.(design.channelId)}\n                                style={[styles.studioChip, styles.studioChipSaved]}\n                                accessibilityRole=\"button\"\n                            >\n                                <MaterialCommunityIcons\n                                    name={\n                                        design.doc.kind === 'tshirt'\n                                            ? 'tshirt-crew-outline'\n                                            : design.doc.kind === 'postcard'\n                                              ? 'email-outline'\n                                              : 'shape-square-plus'\n                                    }\n                                    size={16}\n                                    color=\"#f8fafc\"\n                                />\n                                <Text style={[styles.studioChipLabel, styles.studioChipLabelSaved]} numberOfLines={1}>\n                                    {design.title || 'Design'}\n                                </Text>\n                            </Pressable>\n                        ))}\n                    </ScrollView>\n                ) : null}\n            </View>\n        ) : null;\n\n    const renderTile = (item: GridItem) => {\n        if (item.kind === 'new') {\n            return (\n                <Pressable\n                    onPress={onNewCanvas}\n                    style={[styles.tile, styles.tileDashed, { width: tileWidth }]}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"New canvas\"\n                >\n                    <View style={styles.thumb}>\n                        <MaterialCommunityIcons name=\"plus\" size={28} color=\"#64748b\" />\n                        <Text style={styles.dashHint}>Start a blank canvas</Text>\n                    </View>\n                    <View style={styles.meta}>\n                        <Text style={styles.metaTitle}>New canvas</Text>\n                    </View>\n                </Pressable>\n            );\n        }\n        const { board, preview } = item;\n        const title = !isUnsetBoardTitle(board.title)\n            ? board.title\n            : board.board.items.find((it) => it.generatedAssetName)?.generatedAssetName || 'Untitled';\n        return (\n            <Pressable\n                onPress={() => onOpen(board.channelId)}\n                style={[styles.tile, { width: tileWidth }]}\n                accessibilityRole=\"button\"\n            >\n                <View style={styles.thumb}>\n                    {preview?.type === 'image' ? (\n                        <Image source={{ uri: preview.src }} style={styles.thumbImage} contentFit=\"cover\" />\n                    ) : preview?.type === 'video' ? (\n                        <View style={styles.thumbVideo}>\n                            <MaterialCommunityIcons name=\"play\" size={28} color=\"#f8fafc\" />\n                        </View>\n                    ) : (\n                        <MaterialCommunityIcons name=\"image-outline\" size={28} color=\"#94a3b8\" />\n                    )}\n                </View>\n                <View style={styles.meta}>\n                    <Text style={styles.metaTitle} numberOfLines={1}>\n                        {title}\n                    </Text>\n                    <Text style={styles.metaSub}>\n                        {board.itemCount} item{board.itemCount === 1 ? '' : 's'} · {relativeTime(board.savedAt)}\n                    </Text>\n                </View>\n            </Pressable>\n        );\n    };\n\n    return (\n        <View style={styles.plane}>\n            <DotGrid />\n            {boards.length === 0 ? (\n                <View style={styles.emptyWrap}>\n                    {studioStrip}\n                    <View style={styles.emptyCard}>\n                        <Text style={styles.emptyTitle}>Your canvases will appear here</Text>\n                        <Text style={styles.emptyDetail}>\n                            Every chat gets its own canvas. Generate an image, video, or audio and it lands on this\n                            board — come back here to reach the ones from your other chats.\n                        </Text>\n                        <Pressable onPress={onNewCanvas} style={styles.emptyCta} accessibilityRole=\"button\">\n                            <MaterialCommunityIcons name=\"plus\" size={16} color=\"#f8fafc\" />\n                            <Text style={styles.emptyCtaLabel}>New canvas</Text>\n                        </Pressable>\n                    </View>\n                </View>\n            ) : (\n                <FlatList\n                    data={rows}\n                    keyExtractor={(pair) => pair.map((item) => item.id).join(':')}\n                    contentContainerStyle={styles.gridList}\n                    showsVerticalScrollIndicator={false}\n                    onEndReached={loadMore}\n                    onEndReachedThreshold={0.4}\n                    ListHeaderComponent={studioStrip ? <View style={styles.studioInGrid}>{studioStrip}</View> : null}\n                    renderItem={({ item: pair }) => (\n                        <View style={styles.row}>\n                            {pair.map((entry) => (\n                                <View key={entry.id}>{renderTile(entry)}</View>\n                            ))}\n                            {pair.length < 2 ? <View style={{ width: tileWidth }} /> : null}\n                        </View>\n                    )}\n                />\n            )}\n        </View>\n    );\n}\n\nfunction DotGrid() {\n    return (\n        <View pointerEvents=\"none\" style={styles.dots}>\n            {Array.from({ length: 18 }).map((_, row) => (\n                <View key={row} style={styles.dotRow}>\n                    {Array.from({ length: 16 }).map((__, col) => (\n                        <View key={col} style={styles.dotCell}>\n                            <View style={styles.dot} />\n                        </View>\n                    ))}\n                </View>\n            ))}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    plane: { flex: 1, backgroundColor: '#eef1f4', overflow: 'hidden' },\n    dots: { ...StyleSheet.absoluteFillObject },\n    dotRow: { flexDirection: 'row', height: 22 },\n    dotCell: { width: 22, height: 22, alignItems: 'center', justifyContent: 'center' },\n    dot: { width: 2, height: 2, borderRadius: 1, backgroundColor: 'rgba(15,23,42,0.14)' },\n    emptyWrap: { flex: 1, alignItems: 'center', justifyContent: 'center', padding: 24 },\n    emptyCard: {\n        width: '100%',\n        maxWidth: 420,\n        borderRadius: 16,\n        borderWidth: 1,\n        borderColor: 'rgba(15,23,42,0.08)',\n        backgroundColor: 'rgba(255,255,255,0.96)',\n        paddingHorizontal: 28,\n        paddingVertical: 36,\n        alignItems: 'center',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.06,\n        shadowRadius: 16,\n        shadowOffset: { width: 0, height: 8 },\n        elevation: 2,\n    },\n    emptyTitle: { fontSize: 20, fontWeight: '600', color: '#0f172a', textAlign: 'center' },\n    emptyDetail: { marginTop: 8, fontSize: 14, lineHeight: 20, color: '#64748b', textAlign: 'center' },\n    emptyCta: {\n        marginTop: 22,\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 8,\n        backgroundColor: '#0f172a',\n        paddingHorizontal: 20,\n        paddingVertical: 11,\n        borderRadius: 999,\n    },\n    emptyCtaLabel: { color: '#f8fafc', fontSize: 14, fontWeight: '600' },\n    gridList: { padding: GUTTER, paddingBottom: 32 },\n    row: { flexDirection: 'row', gap: GUTTER, marginBottom: GUTTER },\n    tile: {\n        borderRadius: TILE_RADIUS,\n        overflow: 'hidden',\n        backgroundColor: '#ffffff',\n        borderWidth: 1,\n        borderColor: 'rgba(15,23,42,0.08)',\n        shadowColor: '#0f172a',\n        shadowOpacity: 0.05,\n        shadowRadius: 8,\n        shadowOffset: { width: 0, height: 2 },\n        elevation: 1,\n    },\n    tileDashed: { borderStyle: 'dashed', backgroundColor: 'rgba(255,255,255,0.7)' },\n    thumb: {\n        height: 140,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#f1f5f9',\n        overflow: 'hidden',\n        gap: 8,\n    },\n    thumbImage: { ...StyleSheet.absoluteFillObject },\n    thumbVideo: {\n        ...StyleSheet.absoluteFillObject,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#0f172a',\n    },\n    dashHint: { fontSize: 12, color: '#64748b' },\n    studioStrip: { alignSelf: 'stretch', marginBottom: 16 },\n    composerBlock: { marginBottom: 12, gap: 8 },\n    lookChip: {\n        width: 112,\n        borderRadius: 12,\n        overflow: 'hidden',\n        backgroundColor: '#ffffff',\n        borderWidth: 1,\n        borderColor: 'rgba(15,23,42,0.08)',\n    },\n    lookCover: { width: '100%', height: 72, backgroundColor: '#f1f5f9' },\n    lookCoverFallback: { alignItems: 'center', justifyContent: 'center' },\n    lookName: {\n        paddingHorizontal: 8,\n        paddingVertical: 8,\n        fontSize: 11,\n        fontWeight: '600',\n        color: '#0f172a',\n    },\n    studioInGrid: { width: '100%' },\n    studioHead: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 12,\n        marginBottom: 8,\n    },\n    studioLabel: {\n        fontSize: 11,\n        fontWeight: '600',\n        letterSpacing: 0.6,\n        textTransform: 'uppercase',\n        color: '#64748b',\n        flexShrink: 1,\n    },\n    askAgentBtn: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 4,\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        borderRadius: 8,\n        paddingHorizontal: 8,\n        paddingVertical: 6,\n        backgroundColor: '#ffffff',\n        flexShrink: 0,\n    },\n    askAgentLabel: { fontSize: 11, fontWeight: '600', color: '#64748b' },\n    studioRow: { flexDirection: 'row', gap: 8, paddingBottom: 4 },\n    studioChip: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        backgroundColor: '#ffffff',\n        borderWidth: 1,\n        borderColor: 'rgba(15,23,42,0.1)',\n        borderRadius: 999,\n        paddingHorizontal: 14,\n        paddingVertical: 9,\n    },\n    studioChipSaved: { backgroundColor: '#0f172a', borderColor: '#0f172a' },\n    studioChipLabel: { fontSize: 13, fontWeight: '600', color: '#0f172a', maxWidth: 140 },\n    studioChipLabelSaved: { color: '#f8fafc' },\n    meta: {\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderTopColor: 'rgba(15,23,42,0.08)',\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n    },\n    metaTitle: { fontSize: 14, fontWeight: '600', color: '#0f172a' },\n    metaSub: {\n        marginTop: 2,\n        fontSize: 10,\n        fontWeight: '600',\n        letterSpacing: 0.4,\n        textTransform: 'uppercase',\n        color: '#94a3b8',\n    },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/CanvasChatResultCard.js

@@ -0,0 +1,113 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Text,ScrollView,Pressable,Image}from'react-native';import {Feather}from'@expo/vector-icons';function CanvasChatResultCard({
+  title,
+  subtitle,
+  items,
+  actionLabel,
+  onAction,
+  onItemClick
+}) {
+  if (!items.length) return null;
+  const preview = items.slice(0, 6);
+  const remaining = items.length - preview.length;
+  return /* @__PURE__ */ jsxs(View, { style: styles.wrap, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.title, numberOfLines: 1, children: title }),
+    subtitle ? /* @__PURE__ */ jsx(Text, { style: styles.sub, numberOfLines: 1, children: subtitle }) : null,
+    /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, nestedScrollEnabled: true, keyboardShouldPersistTaps: "handled", showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, children: [
+      preview.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onItemClick(item), style: styles.tile, children: [
+        /* @__PURE__ */ jsx(View, { style: styles.thumbClip, children: item.imageUrl ? /* @__PURE__ */ jsx(Image, { source: {
+          uri: item.imageUrl
+        }, style: styles.thumb }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbEmpty] }) }),
+        /* @__PURE__ */ jsx(Text, { style: styles.thumbTitle, numberOfLines: 2, children: item.title }),
+        item.meta ? /* @__PURE__ */ jsx(Text, { style: styles.thumbMeta, numberOfLines: 1, children: item.meta }) : null
+      ] }, item.id)),
+      remaining > 0 ? /* @__PURE__ */ jsx(View, { style: styles.more, children: /* @__PURE__ */ jsxs(Text, { style: styles.moreLabel, children: [
+        "+",
+        remaining,
+        " more"
+      ] }) }) : null
+    ] }),
+    actionLabel && onAction ? /* @__PURE__ */ jsxs(Pressable, { onPress: onAction, style: styles.action, accessibilityRole: "button", children: [
+      /* @__PURE__ */ jsx(Feather, { name: "external-link", size: 12, color: "#fff" }),
+      /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: actionLabel })
+    ] }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "#e2e8f0",
+    backgroundColor: "#fff",
+    borderRadius: 12,
+    padding: 10,
+    marginBottom: 8
+  },
+  title: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: "#0f172a"
+  },
+  sub: {
+    fontSize: 11,
+    color: "#64748b",
+    marginTop: 2,
+    marginBottom: 8
+  },
+  row: {
+    gap: 8,
+    paddingVertical: 4
+  },
+  tile: {
+    width: 92
+  },
+  thumbClip: {
+    borderRadius: 8,
+    overflow: "hidden",
+    backgroundColor: "#f1f5f9"
+  },
+  thumb: {
+    width: 92,
+    height: 70
+  },
+  thumbEmpty: {
+    backgroundColor: "#e2e8f0"
+  },
+  thumbTitle: {
+    marginTop: 4,
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  thumbMeta: {
+    fontSize: 10,
+    color: "#64748b"
+  },
+  more: {
+    width: 92,
+    height: 70,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderStyle: "dashed",
+    borderColor: "#e2e8f0",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  moreLabel: {
+    fontSize: 11,
+    color: "#64748b"
+  },
+  action: {
+    marginTop: 8,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    backgroundColor: "#ea580c",
+    borderRadius: 8,
+    paddingVertical: 8
+  },
+  actionLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: "#fff"
+  }
+});export{CanvasChatResultCard};//# sourceMappingURL=CanvasChatResultCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasChatResultCard.js","sources":["../../../src/features/canvas/CanvasChatResultCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { Feather } from '@expo/vector-icons';\n\nexport interface CanvasChatPreviewItem {\n    id: string;\n    title: string;\n    imageUrl?: string;\n    meta?: string;\n}\n\n/** Native twin of surface-kit ChatResultCard — horizontal thumbs to open canvas items. */\nexport function CanvasChatResultCard({\n    title,\n    subtitle,\n    items,\n    actionLabel,\n    onAction,\n    onItemClick,\n}: {\n    title: string;\n    subtitle?: string;\n    items: CanvasChatPreviewItem[];\n    actionLabel?: string;\n    onAction?: () => void;\n    onItemClick: (item: CanvasChatPreviewItem) => void;\n}) {\n    if (!items.length) return null;\n    const preview = items.slice(0, 6);\n    const remaining = items.length - preview.length;\n\n    return (\n        <View style={styles.wrap}>\n            <Text style={styles.title} numberOfLines={1}>\n                {title}\n            </Text>\n            {subtitle ? (\n                <Text style={styles.sub} numberOfLines={1}>\n                    {subtitle}\n                </Text>\n            ) : null}\n            <ScrollView\n                horizontal\n                nestedScrollEnabled\n                keyboardShouldPersistTaps=\"handled\"\n                showsHorizontalScrollIndicator={false}\n                contentContainerStyle={styles.row}\n            >\n                {preview.map((item) => (\n                    <Pressable key={item.id} onPress={() => onItemClick(item)} style={styles.tile}>\n                        <View style={styles.thumbClip}>\n                            {item.imageUrl ? (\n                                <Image source={{ uri: item.imageUrl }} style={styles.thumb} />\n                            ) : (\n                                <View style={[styles.thumb, styles.thumbEmpty]} />\n                            )}\n                        </View>\n                        <Text style={styles.thumbTitle} numberOfLines={2}>\n                            {item.title}\n                        </Text>\n                        {item.meta ? (\n                            <Text style={styles.thumbMeta} numberOfLines={1}>\n                                {item.meta}\n                            </Text>\n                        ) : null}\n                    </Pressable>\n                ))}\n                {remaining > 0 ? (\n                    <View style={styles.more}>\n                        <Text style={styles.moreLabel}>+{remaining} more</Text>\n                    </View>\n                ) : null}\n            </ScrollView>\n            {actionLabel && onAction ? (\n                <Pressable onPress={onAction} style={styles.action} accessibilityRole=\"button\">\n                    <Feather name=\"external-link\" size={12} color=\"#fff\" />\n                    <Text style={styles.actionLabel}>{actionLabel}</Text>\n                </Pressable>\n            ) : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrap: {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        backgroundColor: '#fff',\n        borderRadius: 12,\n        padding: 10,\n        marginBottom: 8,\n    },\n    title: { fontSize: 12, fontWeight: '700', color: '#0f172a' },\n    sub: { fontSize: 11, color: '#64748b', marginTop: 2, marginBottom: 8 },\n    row: { gap: 8, paddingVertical: 4 },\n    tile: { width: 92 },\n    thumbClip: { borderRadius: 8, overflow: 'hidden', backgroundColor: '#f1f5f9' },\n    thumb: { width: 92, height: 70 },\n    thumbEmpty: { backgroundColor: '#e2e8f0' },\n    thumbTitle: { marginTop: 4, fontSize: 11, fontWeight: '600', color: '#0f172a' },\n    thumbMeta: { fontSize: 10, color: '#64748b' },\n    more: {\n        width: 92,\n        height: 70,\n        borderRadius: 8,\n        borderWidth: 1,\n        borderStyle: 'dashed',\n        borderColor: '#e2e8f0',\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    moreLabel: { fontSize: 11, color: '#64748b' },\n    action: {\n        marginTop: 8,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 6,\n        backgroundColor: '#ea580c',\n        borderRadius: 8,\n        paddingVertical: 8,\n    },\n    actionLabel: { fontSize: 11, fontWeight: '600', color: '#fff' },\n});\n"],"names":[],"mappings":"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"}