npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.125-alpha.1 → 12.0.125 - Mend

@adminide-stack/yantra-mobile 12.0.125-alpha.1 → 12.0.125

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/lib/features/canvas/CanvasLibrarySheet.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useMemo,useRef,useCallback}from'react';import {StyleSheet,View,Text,Pressable,TextInput,ScrollView,Alert,Image,useWindowDimensions,Animated}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {canDeleteLibraryFile,deleteLibraryFile,fetchableLibraryUrl,listStorageLibraryPage}from'./storageLibrary.js';import {useMediaSource,mediaPhaseLabel}from'./useMediaSource.js';var __defProp = Object.defineProperty;
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useEffect,useRef,useCallback}from'react';import {View,Text,TextInput,ScrollView,Alert,Image,StyleSheet,useWindowDimensions,Animated}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {canDeleteLibraryFile,deleteLibraryFile,fetchableLibraryUrl,listStorageLibraryPage}from'./storageLibrary.js';import {useMediaSource,mediaPhaseLabel}from'./useMediaSource.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,Segmented,RADIUS,SPACE,CoverPlaceholder,Skeleton,TYPE}from'./canvasUi.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -31,6 +31,8 @@ function itemFileName(item) {
   return item.generatedAssetName || fromUrl || item.type;
 }
 function LibrarySkeletons() {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const {
     width
   } = useWindowDimensions();
@@ -76,22 +78,33 @@ function StorageTile({
   onPick,
   onDelete
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const renew = useCallback((url) => fetchableLibraryUrl(runAction, url), [runAction]);
   const media = useMediaSource(file.url, file.kind, runAction ? renew : void 0);
   const status = mediaPhaseLabel(media.phase);
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => setLoaded(false), [media.key]);
   return /* @__PURE__ */ jsxs(View, { style: styles.tile, children: [
     /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPick(__spreadProps(__spreadValues({}, file), {
       url: media.url
-    })), style: styles.tileHit, accessibilityRole: "button", children: [
-      file.kind === "image" ? /* @__PURE__ */ jsxs(View, { children: [
-        media.phase === "broken" ? /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbIcon], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "image-off-outline", size: 28, color: "#94a3b8" }) }) : /* @__PURE__ */ jsx(Image, { source: {
-          uri: media.src
-        }, style: styles.thumb, onError: media.onError }, media.key),
+    })), style: ({
+      pressed
+    }) => [styles.tileHit, pressedStyle(pressed)], accessibilityRole: "button", children: [
+      file.kind === "image" ? /* @__PURE__ */ jsxs(View, { style: [styles.thumb, styles.thumbClip], children: [
+        media.phase === "broken" ? /* @__PURE__ */ jsx(CoverPlaceholder, { seed: file.url, icon: "image-off-outline" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          !loaded ? /* @__PURE__ */ jsx(Skeleton, {}) : null,
+          /* @__PURE__ */ jsx(Image, { source: {
+            uri: media.src
+          }, style: StyleSheet.absoluteFill, onLoad: () => setLoaded(true), onError: media.onError }, media.key)
+        ] }),
         status ? /* @__PURE__ */ jsx(View, { style: styles.tileStatus, pointerEvents: "none", children: /* @__PURE__ */ jsx(Text, { style: styles.tileStatusLabel, children: status }) }) : null
-      ] }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbIcon], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: file.kind === "video" ? "play" : "music", size: 28, color: "#f8fafc" }) }),
+      ] }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbClip], children: /* @__PURE__ */ jsx(CoverPlaceholder, { seed: file.url, icon: file.kind === "video" ? "play" : "music", label: file.kind === "video" ? "Video" : "Audio" }) }),
       /* @__PURE__ */ jsx(Text, { style: styles.tileName, numberOfLines: 1, children: file.name })
     ] }),
-    canDeleteLibraryFile(file) && onDelete ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onDelete(file), style: styles.deleteBtn, accessibilityRole: "button", accessibilityLabel: `Delete ${file.name}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "trash-can-outline", size: 16, color: "#b91c1c" }) }) : null
+    canDeleteLibraryFile(file) && onDelete ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onDelete(file), style: ({
+      pressed
+    }) => [styles.deleteBtn, pressedStyle(pressed)], hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `Delete ${file.name}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "trash-can-outline", size: 15, color: "#fafafa" }) }) : null
   ] });
 }
 function CanvasLibraryPanel({
@@ -103,6 +116,8 @@ function CanvasLibraryPanel({
   onPlace,
   onPickStorage
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const [filter, setFilter] = useState("all");
   const [query, setQuery] = useState("");
   const [storage, setStorage] = useState(null);
@@ -159,13 +174,15 @@ function CanvasLibraryPanel({
   return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
     /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
       /* @__PURE__ */ jsx(Text, { style: styles.title, children: title }),
-      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 18, color: "#64748b" }) })
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 8, style: ({
+        pressed
+      }) => [styles.close, pressedStyle(pressed)], accessibilityRole: "button", accessibilityLabel: "Close", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 18, color: theme.foreground }) })
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.toolbar, children: [
-      /* @__PURE__ */ jsx(View, { style: styles.filters, children: FILTERS.map((f) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setFilter(f.id), style: [styles.chip, filter === f.id && styles.chipOn], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, filter === f.id && styles.chipLabelOn], children: f.label }) }, f.id)) }),
+      /* @__PURE__ */ jsx(Segmented, { options: FILTERS, value: filter, onChange: setFilter, style: styles.filters }),
       /* @__PURE__ */ jsxs(View, { style: styles.search, children: [
-        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 14, color: "#94a3b8" }),
-        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search by name...", placeholderTextColor: "#94a3b8", style: styles.searchInput })
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.mutedForeground }),
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search by name...", placeholderTextColor: theme.mutedForeground, style: styles.searchInput })
       ] })
     ] }),
     waiting ? /* @__PURE__ */ jsx(ScrollView, { style: styles.body, contentContainerStyle: styles.gridWrap, children: /* @__PURE__ */ jsx(LibrarySkeletons, {}) }) : storageError ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
@@ -184,16 +201,20 @@ function CanvasLibraryPanel({
       hasMore ? /* @__PURE__ */ jsx(Pressable, { onPress: () => {
         var _a;
         return refreshStorage((_a = storage == null ? void 0 : storage.length) != null ? _a : 0, true);
-      }, disabled: loadingMore, style: styles.loadMore, children: /* @__PURE__ */ jsx(Text, { style: styles.loadMoreLabel, children: loadingMore ? "Loading\u2026" : "Load more" }) }) : null
-    ] }) : /* @__PURE__ */ jsx(ScrollView, { style: styles.body, contentContainerStyle: styles.grid, children: boardItems.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPlace(item), style: styles.tile, accessibilityRole: "button", children: [
+      }, disabled: loadingMore, style: ({
+        pressed
+      }) => [styles.loadMore, pressedStyle(pressed && !loadingMore)], children: /* @__PURE__ */ jsx(Text, { style: styles.loadMoreLabel, children: loadingMore ? "Loading\u2026" : "Load more" }) }) : null
+    ] }) : /* @__PURE__ */ jsx(ScrollView, { style: styles.body, contentContainerStyle: styles.grid, children: boardItems.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => onPlace(item), style: ({
+      pressed
+    }) => [styles.tile, pressedStyle(pressed)], accessibilityRole: "button", children: [
       item.type === "image" ? /* @__PURE__ */ jsx(Image, { source: {
         uri: item.src
-      }, style: styles.thumb }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbIcon], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.type === "video" ? "play" : "music", size: 28, color: "#f8fafc" }) }),
+      }, style: styles.thumb }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbIcon], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.type === "video" ? "play" : "music", size: 28, color: theme.mutedForeground }) }),
       /* @__PURE__ */ jsx(Text, { style: styles.tileName, numberOfLines: 1, children: itemFileName(item) })
     ] }, item.id)) })
   ] });
 }
-const styles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   root: {
     flex: 1,
     minHeight: 0
@@ -202,69 +223,46 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    paddingHorizontal: 16,
-    height: 48,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: "#e2e8f0"
+    paddingLeft: SPACE.lg,
+    paddingRight: SPACE.md,
+    minHeight: 56
   },
-  title: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: "#0f172a"
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  close: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.card
   },
   toolbar: {
     flexGrow: 0,
     flexShrink: 0,
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 10
+    gap: SPACE.md,
+    paddingHorizontal: SPACE.lg,
+    paddingBottom: SPACE.md
   },
   filters: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center",
-    gap: 6
-  },
-  chip: {
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    borderRadius: 999,
-    backgroundColor: "#f1f5f9",
-    alignSelf: "center"
-  },
-  chipOn: {
-    backgroundColor: "#0f172a"
-  },
-  chipLabel: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: "#64748b"
-  },
-  chipLabelOn: {
-    color: "#f8fafc"
+    flexGrow: 0,
+    alignSelf: "flex-start"
   },
   search: {
-    flexGrow: 1,
-    flexBasis: 160,
-    minWidth: 140,
     flexDirection: "row",
     alignItems: "center",
-    gap: 6,
-    borderRadius: 999,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0",
-    paddingHorizontal: 10,
-    backgroundColor: "#ffffff",
-    height: 32
+    gap: SPACE.sm,
+    borderRadius: RADIUS.pill,
+    paddingHorizontal: SPACE.md + 2,
+    backgroundColor: theme.card,
+    height: 44
   },
   searchInput: {
     flex: 1,
     paddingVertical: 0,
-    fontSize: 12,
-    color: "#0f172a"
+    fontSize: 15,
+    color: theme.foreground
   },
   body: {
     flex: 1,
@@ -272,102 +270,100 @@ const styles = StyleSheet.create({
   },
   empty: {
     flex: 1,
-    paddingHorizontal: 28,
-    paddingVertical: 40,
+    paddingHorizontal: SPACE.xl + 4,
+    paddingVertical: SPACE.xxl + 8,
     alignItems: "center",
     justifyContent: "center"
   },
-  emptyTitle: {
-    fontSize: 15,
-    fontWeight: "600",
-    color: "#0f172a"
-  },
-  emptyDetail: {
-    marginTop: 6,
-    fontSize: 13,
-    color: "#64748b",
+  emptyTitle: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground,
     textAlign: "center"
-  },
+  }),
+  emptyDetail: __spreadProps(__spreadValues({}, TYPE.body), {
+    fontSize: 14,
+    marginTop: SPACE.xs,
+    color: theme.mutedForeground,
+    textAlign: "center",
+    maxWidth: 300
+  }),
   gridWrap: {
-    paddingBottom: 16
+    paddingBottom: SPACE.lg
   },
   grid: {
     flexDirection: "row",
     flexWrap: "wrap",
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    gap: 8
+    paddingHorizontal: SPACE.lg,
+    paddingBottom: SPACE.xl,
+    columnGap: SPACE.md,
+    rowGap: SPACE.lg
   },
   tile: {
     width: "48%",
     flexGrow: 1,
-    flexBasis: "47%",
-    borderRadius: 10,
-    overflow: "hidden",
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0",
-    backgroundColor: "#fff"
+    flexBasis: "46%"
   },
   tileHit: {
     flex: 1
   },
   deleteBtn: {
     position: "absolute",
-    top: 6,
-    right: 6,
-    padding: 4,
-    backgroundColor: "rgba(255,255,255,0.9)",
-    borderRadius: 8
+    top: SPACE.sm,
+    right: SPACE.sm,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(10,10,10,0.55)"
   },
   loadMore: {
     width: "100%",
-    marginTop: 8,
-    paddingVertical: 12,
+    minHeight: 44,
+    marginTop: SPACE.xs,
     alignItems: "center",
-    borderRadius: 10,
-    backgroundColor: "#f1f5f9"
-  },
-  loadMoreLabel: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: "#0f172a"
+    justifyContent: "center",
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card
   },
+  loadMoreLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    fontSize: 15,
+    color: theme.foreground
+  }),
   skeleton: {
-    borderRadius: 8,
-    backgroundColor: "#e2e8f0",
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0"
+    borderRadius: RADIUS.lg,
+    backgroundColor: theme.card
   },
   thumb: {
     width: "100%",
     aspectRatio: 1,
-    borderRadius: 8,
-    backgroundColor: "#e2e8f0"
+    borderRadius: RADIUS.lg,
+    backgroundColor: theme.card
   },
   thumbIcon: {
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: "#0f172a"
+    backgroundColor: theme.card
+  },
+  thumbClip: {
+    overflow: "hidden"
   },
   tileStatus: {
     position: "absolute",
-    left: 6,
-    bottom: 6,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 6,
-    backgroundColor: "rgba(15,23,42,0.7)"
+    left: SPACE.sm,
+    bottom: SPACE.sm,
+    paddingHorizontal: SPACE.sm,
+    paddingVertical: 3,
+    borderRadius: RADIUS.pill,
+    backgroundColor: "rgba(10,10,10,0.55)"
   },
   tileStatusLabel: {
-    fontSize: 10,
+    fontSize: 11,
     fontWeight: "600",
-    color: "#f8fafc"
+    color: "#fafafa"
   },
-  tileName: {
-    marginTop: 6,
-    fontSize: 11,
-    color: "#475569",
-    paddingHorizontal: 6,
-    paddingBottom: 6
-  }
-});export{CanvasLibraryPanel};//# sourceMappingURL=CanvasLibrarySheet.js.map
+  tileName: __spreadProps(__spreadValues({}, TYPE.caption), {
+    marginTop: SPACE.sm,
+    color: theme.foreground,
+    paddingHorizontal: 2
+  })
+}));export{CanvasLibraryPanel};//# sourceMappingURL=CanvasLibrarySheet.js.map

package/lib/features/canvas/CanvasLibrarySheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CanvasLibrarySheet.js","sources":["../../../src/features/canvas/CanvasLibrarySheet.tsx"],"sourcesContent":["/*\n Native twin of canvas-surface Library / This-chat panels.\n * Your library reads yantra-storage (filenames like the web grid).\n * This chat still lists items on the open board.\n /\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Alert,\n Animated,\n Image,\n Pressable,\n ScrollView,\n StyleSheet,\n Text,\n TextInput,\n View,\n useWindowDimensions,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasItem } from './canvasCore';\nimport type { CanvasBoardSummary } from './surfaceIndex';\nimport {\n canDeleteLibraryFile,\n deleteLibraryFile,\n fetchableLibraryUrl,\n listStorageLibraryPage,\n type StorageFile,\n type StorageKind,\n} from './storageLibrary';\nimport { mediaPhaseLabel, useMediaSource } from './useMediaSource';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\n\nfunction fileNameFromSrc(src: string): string {\n const path = src.split('?')[0];\n try {\n return decodeURIComponent(path.slice(path.lastIndexOf('/') + 1)) \|\| '';\n } catch {\n return path.slice(path.lastIndexOf('/') + 1);\n }\n}\n\nfunction itemFileName(item: CanvasItem): string {\n const fromUrl = fileNameFromSrc(item.src);\n if (fromUrl && /\\.[a-z0-9]{2,5}$/i.test(fromUrl)) return fromUrl;\n return item.generatedAssetName \|\| fromUrl \|\| item.type;\n}\n\ntype Filter = 'all' \| StorageKind;\n\n/* Web `TileSkeletons` — square muted tiles that pulse while LIST_FILES runs. */\nfunction LibrarySkeletons() {\n const { width } = useWindowDimensions();\n const tile = Math.max(120, Math.floor((width - 48) / 2));\n const pulse = useRef(new Animated.Value(0.4)).current;\n useEffect(() => {\n const loop = Animated.loop(\n Animated.sequence([\n Animated.timing(pulse, { toValue: 1, duration: 650, useNativeDriver: true }),\n Animated.timing(pulse, { toValue: 0.35, duration: 650, useNativeDriver: true }),\n ]),\n );\n loop.start();\n return () => loop.stop();\n }, [pulse]);\n return (\n <View style={styles.grid}>\n {Array.from({ length: 12 }, (_, i) => (\n <Animated.View key={i} style={[styles.skeleton, { width: tile, height: tile, opacity: pulse }]} />\n ))}\n </View>\n );\n}\n\nconst FILTERS: ReadonlyArray<{ id: Filter; label: string }> = [\n { id: 'all', label: 'All' },\n { id: 'image', label: 'Images' },\n { id: 'video', label: 'Video' },\n { id: 'audio', label: 'Audio' },\n];\n\nfunction StorageTile({\n file,\n runAction,\n onPick,\n onDelete,\n}: {\n file: StorageFile;\n runAction?: RunMediaAction;\n onPick: (file: StorageFile) => void;\n onDelete?: (file: StorageFile) => void;\n}) {\n // Web StorageTile: a failed thumbnail renews its link once (re-sign a\n // presigned one, sign a raw object URL), then waits on the shared re-check.\n const renew = useCallback((url: string) => fetchableLibraryUrl(runAction, url), [runAction]);\n const media = useMediaSource(file.url, file.kind, runAction ? renew : undefined);\n const status = mediaPhaseLabel(media.phase);\n return (\n <View style={styles.tile}>\n <Pressable\n onPress={() => onPick({ ...file, url: media.url })}\n style={styles.tileHit}\n accessibilityRole=\"button\"\n >\n {file.kind === 'image' ? (\n <View>\n {media.phase === 'broken' ? (\n <View style={[styles.thumb, styles.thumbIcon]}>\n <MaterialCommunityIcons name=\"image-off-outline\" size={28} color=\"#94a3b8\" />\n </View>\n ) : (\n <Image\n key={media.key}\n source={{ uri: media.src }}\n style={styles.thumb}\n onError={media.onError}\n />\n )}\n {status ? (\n <View style={styles.tileStatus} pointerEvents=\"none\">\n <Text style={styles.tileStatusLabel}>{status}</Text>\n </View>\n ) : null}\n </View>\n ) : (\n <View style={[styles.thumb, styles.thumbIcon]}>\n <MaterialCommunityIcons\n name={file.kind === 'video' ? 'play' : 'music'}\n size={28}\n color=\"#f8fafc\"\n />\n </View>\n )}\n <Text style={styles.tileName} numberOfLines={1}>\n {file.name}\n </Text>\n </Pressable>\n {canDeleteLibraryFile(file) && onDelete ? (\n <Pressable\n onPress={() => onDelete(file)}\n style={styles.deleteBtn}\n accessibilityRole=\"button\"\n accessibilityLabel={`Delete ${file.name}`}\n >\n <MaterialCommunityIcons name=\"trash-can-outline\" size={16} color=\"#b91c1c\" />\n </Pressable>\n ) : null}\n </View>\n );\n}\n\nexport function CanvasLibraryPanel({\n title,\n boards,\n boardId,\n runAction,\n onClose,\n onPlace,\n onPickStorage,\n}: {\n title: string;\n boards: CanvasBoardSummary[];\n boardId?: string \| null;\n runAction?: RunMediaAction;\n onClose: () => void;\n onPlace: (item: CanvasItem) => void;\n onPickStorage?: (kind: StorageKind, url: string, name: string) => void;\n}) {\n const [filter, setFilter] = useState<Filter>('all');\n const [query, setQuery] = useState('');\n const [storage, setStorage] = useState<StorageFile[] \| null>(null);\n const [storageError, setStorageError] = useState<string \| null>(null);\n const [hasMore, setHasMore] = useState(false);\n const [loadingMore, setLoadingMore] = useState(false);\n const useStorage = !boardId;\n\n const refreshStorage = (skip = 0, append = false) => {\n if (!runAction) return;\n if (append) setLoadingMore(true);\n else setStorageError(null);\n void listStorageLibraryPage(runAction, { limit: 40, skip })\n .then((page) => {\n setStorage((prev) => (append && prev ? [...prev, ...page.files] : page.files));\n setHasMore(page.hasMore);\n })\n .catch((err: unknown) => {\n if (!append) setStorageError(err instanceof Error ? err.message : 'Could not load library');\n })\n .finally(() => setLoadingMore(false));\n };\n\n useEffect(() => {\n if (!useStorage \|\| !runAction) {\n setStorage(null);\n return undefined;\n }\n refreshStorage(0, false);\n return undefined;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [runAction, useStorage]);\n\n const boardItems = useMemo(() => {\n const source = boardId ? boards.filter((b) => b.channelId === boardId) : boards;\n const rows: CanvasItem[] = [];\n const q = query.trim().toLowerCase();\n for (const board of source) {\n for (const item of board.board.items) {\n if (filter !== 'all' && item.type !== filter) continue;\n const name = itemFileName(item).toLowerCase();\n if (q && !name.includes(q)) continue;\n rows.push(item);\n }\n }\n return rows;\n }, [boardId, boards, filter, query]);\n\n const storageItems = useMemo(() => {\n const q = query.trim().toLowerCase();\n return (storage ?? []).filter((file) => {\n if (filter !== 'all' && file.kind !== filter) return false;\n if (q && !file.name.toLowerCase().includes(q)) return false;\n return true;\n });\n }, [filter, query, storage]);\n\n const waiting = useStorage && Boolean(runAction) && storage === null && !storageError;\n const showStorageGrid = useStorage && storage !== null;\n\n return (\n <View style={styles.root}>\n <View style={styles.header}>\n <Text style={styles.title}>{title}</Text>\n <Pressable onPress={onClose} hitSlop={10} accessibilityRole=\"button\" accessibilityLabel=\"Close\">\n <MaterialCommunityIcons name=\"close\" size={18} color=\"#64748b\" />\n </Pressable>\n </View>\n <View style={styles.toolbar}>\n <View style={styles.filters}>\n {FILTERS.map((f) => (\n <Pressable\n key={f.id}\n onPress={() => setFilter(f.id)}\n style={[styles.chip, filter === f.id && styles.chipOn]}\n >\n <Text style={[styles.chipLabel, filter === f.id && styles.chipLabelOn]}>{f.label}</Text>\n </Pressable>\n ))}\n </View>\n <View style={styles.search}>\n <MaterialCommunityIcons name=\"magnify\" size={14} color=\"#94a3b8\" />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search by name...\"\n placeholderTextColor=\"#94a3b8\"\n style={styles.searchInput}\n />\n </View>\n </View>\n {waiting ? (\n <ScrollView style={styles.body} contentContainerStyle={styles.gridWrap}>\n <LibrarySkeletons />\n </ScrollView>\n ) : storageError ? (\n <View style={styles.empty}>\n <Text style={styles.emptyTitle}>Couldn’t load library</Text>\n <Text style={styles.emptyDetail}>{storageError}</Text>\n </View>\n ) : (showStorageGrid ? storageItems.length : boardItems.length) === 0 ? (\n <View style={styles.empty}>\n <Text style={styles.emptyTitle}>Nothing here yet</Text>\n <Text style={styles.emptyDetail}>\n Generate or upload media and it will show up in this library.\n </Text>\n </View>\n ) : showStorageGrid ? (\n <ScrollView style={styles.body} contentContainerStyle={styles.grid}>\n {storageItems.map((file) => (\n <StorageTile\n key={file.id}\n file={file}\n runAction={runAction}\n onPick={(picked) => {\n // Hand the board a link a connector can fetch, not a raw object URL.\n void fetchableLibraryUrl(runAction, picked.url).then((url) =>\n onPickStorage?.(picked.kind, url, picked.name),\n );\n }}\n onDelete={(target) => {\n if (!runAction \|\| !canDeleteLibraryFile(target)) return;\n void deleteLibraryFile(runAction, target)\n .then(() => setStorage((prev) => (prev ?? []).filter((f) => f.id !== target.id)))\n .catch((err: unknown) =>\n Alert.alert(\n 'Couldn’t delete file',\n err instanceof Error ? err.message : 'Try again in a moment.',\n ),\n );\n }}\n />\n ))}\n {hasMore ? (\n <Pressable\n onPress={() => refreshStorage(storage?.length ?? 0, true)}\n disabled={loadingMore}\n style={styles.loadMore}\n >\n <Text style={styles.loadMoreLabel}>{loadingMore ? 'Loading…' : 'Load more'}</Text>\n </Pressable>\n ) : null}\n </ScrollView>\n ) : (\n <ScrollView style={styles.body} contentContainerStyle={styles.grid}>\n {boardItems.map((item) => (\n <Pressable\n key={item.id}\n onPress={() => onPlace(item)}\n style={styles.tile}\n accessibilityRole=\"button\"\n >\n {item.type === 'image' ? (\n <Image source={{ uri: item.src }} style={styles.thumb} />\n ) : (\n <View style={[styles.thumb, styles.thumbIcon]}>\n <MaterialCommunityIcons\n name={item.type === 'video' ? 'play' : 'music'}\n size={28}\n color=\"#f8fafc\"\n />\n </View>\n )}\n <Text style={styles.tileName} numberOfLines={1}>\n {itemFileName(item)}\n </Text>\n </Pressable>\n ))}\n </ScrollView>\n )}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n root: { flex: 1, minHeight: 0 },\n header: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 16,\n height: 48,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: '#e2e8f0',\n },\n title: { fontSize: 14, fontWeight: '600', color: '#0f172a' },\n toolbar: {\n flexGrow: 0,\n flexShrink: 0,\n flexDirection: 'row',\n flexWrap: 'wrap',\n alignItems: 'center',\n gap: 8,\n paddingHorizontal: 16,\n paddingVertical: 10,\n },\n filters: { flexDirection: 'row', flexWrap: 'wrap', alignItems: 'center', gap: 6 },\n chip: {\n paddingHorizontal: 12,\n paddingVertical: 4,\n borderRadius: 999,\n backgroundColor: '#f1f5f9',\n alignSelf: 'center',\n },\n chipOn: { backgroundColor: '#0f172a' },\n chipLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n chipLabelOn: { color: '#f8fafc' },\n search: {\n flexGrow: 1,\n flexBasis: 160,\n minWidth: 140,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n borderRadius: 999,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n paddingHorizontal: 10,\n backgroundColor: '#ffffff',\n height: 32,\n },\n searchInput: { flex: 1, paddingVertical: 0, fontSize: 12, color: '#0f172a' },\n body: { flex: 1, minHeight: 0 },\n empty: { flex: 1, paddingHorizontal: 28, paddingVertical: 40, alignItems: 'center', justifyContent: 'center' },\n emptyTitle: { fontSize: 15, fontWeight: '600', color: '#0f172a' },\n emptyDetail: { marginTop: 6, fontSize: 13, color: '#64748b', textAlign: 'center' },\n gridWrap: { paddingBottom: 16 },\n grid: { flexDirection: 'row', flexWrap: 'wrap', paddingHorizontal: 16, paddingBottom: 16, gap: 8 },\n tile: {\n width: '48%',\n flexGrow: 1,\n flexBasis: '47%',\n borderRadius: 10,\n overflow: 'hidden',\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n backgroundColor: '#fff',\n },\n tileHit: { flex: 1 },\n deleteBtn: {\n position: 'absolute',\n top: 6,\n right: 6,\n padding: 4,\n backgroundColor: 'rgba(255,255,255,0.9)',\n borderRadius: 8,\n },\n loadMore: {\n width: '100%',\n marginTop: 8,\n paddingVertical: 12,\n alignItems: 'center',\n borderRadius: 10,\n backgroundColor: '#f1f5f9',\n },\n loadMoreLabel: { fontSize: 13, fontWeight: '600', color: '#0f172a' },\n skeleton: {\n borderRadius: 8,\n backgroundColor: '#e2e8f0',\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n },\n thumb: { width: '100%', aspectRatio: 1, borderRadius: 8, backgroundColor: '#e2e8f0' },\n thumbIcon: { alignItems: 'center', justifyContent: 'center', backgroundColor: '#0f172a' },\n tileStatus: {\n position: 'absolute',\n left: 6,\n bottom: 6,\n paddingHorizontal: 6,\n paddingVertical: 2,\n borderRadius: 6,\n backgroundColor: 'rgba(15,23,42,0.7)',\n },\n tileStatusLabel: { fontSize: 10, fontWeight: '600', color: '#f8fafc' },\n tileName: { marginTop: 6, fontSize: 11, color: '#475569', paddingHorizontal: 6, paddingBottom: 6 },\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CanvasLibrarySheet.js","sources":["../../../src/features/canvas/CanvasLibrarySheet.tsx"],"sourcesContent":["/*\n Native twin of canvas-surface Library / This-chat panels.\n * Your library reads yantra-storage (filenames like the web grid).\n * This chat still lists items on the open board.\n /\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Alert,\n Animated,\n Image,\n ScrollView,\n StyleSheet,\n Text,\n TextInput,\n View,\n useWindowDimensions,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasItem } from './canvasCore';\nimport type { CanvasBoardSummary } from './surfaceIndex';\nimport {\n canDeleteLibraryFile,\n deleteLibraryFile,\n fetchableLibraryUrl,\n listStorageLibraryPage,\n type StorageFile,\n type StorageKind,\n} from './storageLibrary';\nimport { mediaPhaseLabel, useMediaSource } from './useMediaSource';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from './canvasTheme';\nimport { CoverPlaceholder, Pressable, RADIUS, SPACE, Segmented, Skeleton, TYPE, pressedStyle } from './canvasUi';\n\nfunction fileNameFromSrc(src: string): string {\n const path = src.split('?')[0];\n try {\n return decodeURIComponent(path.slice(path.lastIndexOf('/') + 1)) \|\| '';\n } catch {\n return path.slice(path.lastIndexOf('/') + 1);\n }\n}\n\nfunction itemFileName(item: CanvasItem): string {\n const fromUrl = fileNameFromSrc(item.src);\n if (fromUrl && /\\.[a-z0-9]{2,5}$/i.test(fromUrl)) return fromUrl;\n return item.generatedAssetName \|\| fromUrl \|\| item.type;\n}\n\ntype Filter = 'all' \| StorageKind;\n\n/* Web `TileSkeletons` — square muted tiles that pulse while LIST_FILES runs. /\nfunction LibrarySkeletons() {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n const { width } = useWindowDimensions();\n const tile = Math.max(120, Math.floor((width - 48) / 2));\n const pulse = useRef(new Animated.Value(0.4)).current;\n useEffect(() => {\n const loop = Animated.loop(\n Animated.sequence([\n Animated.timing(pulse, { toValue: 1, duration: 650, useNativeDriver: true }),\n Animated.timing(pulse, { toValue: 0.35, duration: 650, useNativeDriver: true }),\n ]),\n );\n loop.start();\n return () => loop.stop();\n }, [pulse]);\n return (\n <View style={styles.grid}>\n {Array.from({ length: 12 }, (_, i) => (\n <Animated.View key={i} style={[styles.skeleton, { width: tile, height: tile, opacity: pulse }]} />\n ))}\n </View>\n );\n}\n\nconst FILTERS: ReadonlyArray<{ id: Filter; label: string }> = [\n { id: 'all', label: 'All' },\n { id: 'image', label: 'Images' },\n { id: 'video', label: 'Video' },\n { id: 'audio', label: 'Audio' },\n];\n\nfunction StorageTile({\n file,\n runAction,\n onPick,\n onDelete,\n}: {\n file: StorageFile;\n runAction?: RunMediaAction;\n onPick: (file: StorageFile) => void;\n onDelete?: (file: StorageFile) => void;\n}) {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n // Web StorageTile: a failed thumbnail renews its link once (re-sign a\n // presigned one, sign a raw object URL), then waits on the shared re-check.\n const renew = useCallback((url: string) => fetchableLibraryUrl(runAction, url), [runAction]);\n const media = useMediaSource(file.url, file.kind, runAction ? renew : undefined);\n const status = mediaPhaseLabel(media.phase);\n const [loaded, setLoaded] = useState(false);\n useEffect(() => setLoaded(false), [media.key]);\n return (\n <View style={styles.tile}>\n <Pressable\n onPress={() => onPick({ ...file, url: media.url })}\n style={({ pressed }) => [styles.tileHit, pressedStyle(pressed)]}\n accessibilityRole=\"button\"\n >\n {file.kind === 'image' ? (\n <View style={[styles.thumb, styles.thumbClip]}>\n {media.phase === 'broken' ? (\n <CoverPlaceholder seed={file.url} icon=\"image-off-outline\" />\n ) : (\n <>\n {/ Breathes until the picture paints, instead of an empty square. */}\n {!loaded ? <Skeleton /> : null}\n <Image\n key={media.key}\n source={{ uri: media.src }}\n style={StyleSheet.absoluteFill}\n onLoad={() => setLoaded(true)}\n onError={media.onError}\n />\n </>\n )}\n {status ? (\n <View style={styles.tileStatus} pointerEvents=\"none\">\n <Text style={styles.tileStatusLabel}>{status}</Text>\n </View>\n ) : null}\n </View>\n ) : (\n <View style={[styles.thumb, styles.thumbClip]}>\n <CoverPlaceholder\n seed={file.url}\n icon={file.kind === 'video' ? 'play' : 'music'}\n label={file.kind === 'video' ? 'Video' : 'Audio'}\n />\n </View>\n )}\n <Text style={styles.tileName} numberOfLines={1}>\n {file.name}\n </Text>\n </Pressable>\n {canDeleteLibraryFile(file) && onDelete ? (\n <Pressable\n onPress={() => onDelete(file)}\n style={({ pressed }) => [styles.deleteBtn, pressedStyle(pressed)]}\n hitSlop={8}\n accessibilityRole=\"button\"\n accessibilityLabel={`Delete ${file.name}`}\n >\n <MaterialCommunityIcons name=\"trash-can-outline\" size={15} color=\"#fafafa\" />\n </Pressable>\n ) : null}\n </View>\n );\n}\n\nexport function CanvasLibraryPanel({\n title,\n boards,\n boardId,\n runAction,\n onClose,\n onPlace,\n onPickStorage,\n}: {\n title: string;\n boards: CanvasBoardSummary[];\n boardId?: string \| null;\n runAction?: RunMediaAction;\n onClose: () => void;\n onPlace: (item: CanvasItem) => void;\n onPickStorage?: (kind: StorageKind, url: string, name: string) => void;\n}) {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n const [filter, setFilter] = useState<Filter>('all');\n const [query, setQuery] = useState('');\n const [storage, setStorage] = useState<StorageFile[] \| null>(null);\n const [storageError, setStorageError] = useState<string \| null>(null);\n const [hasMore, setHasMore] = useState(false);\n const [loadingMore, setLoadingMore] = useState(false);\n const useStorage = !boardId;\n\n const refreshStorage = (skip = 0, append = false) => {\n if (!runAction) return;\n if (append) setLoadingMore(true);\n else setStorageError(null);\n void listStorageLibraryPage(runAction, { limit: 40, skip })\n .then((page) => {\n setStorage((prev) => (append && prev ? [...prev, ...page.files] : page.files));\n setHasMore(page.hasMore);\n })\n .catch((err: unknown) => {\n if (!append) setStorageError(err instanceof Error ? err.message : 'Could not load library');\n })\n .finally(() => setLoadingMore(false));\n };\n\n useEffect(() => {\n if (!useStorage \|\| !runAction) {\n setStorage(null);\n return undefined;\n }\n refreshStorage(0, false);\n return undefined;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [runAction, useStorage]);\n\n const boardItems = useMemo(() => {\n const source = boardId ? boards.filter((b) => b.channelId === boardId) : boards;\n const rows: CanvasItem[] = [];\n const q = query.trim().toLowerCase();\n for (const board of source) {\n for (const item of board.board.items) {\n if (filter !== 'all' && item.type !== filter) continue;\n const name = itemFileName(item).toLowerCase();\n if (q && !name.includes(q)) continue;\n rows.push(item);\n }\n }\n return rows;\n }, [boardId, boards, filter, query]);\n\n const storageItems = useMemo(() => {\n const q = query.trim().toLowerCase();\n return (storage ?? []).filter((file) => {\n if (filter !== 'all' && file.kind !== filter) return false;\n if (q && !file.name.toLowerCase().includes(q)) return false;\n return true;\n });\n }, [filter, query, storage]);\n\n const waiting = useStorage && Boolean(runAction) && storage === null && !storageError;\n const showStorageGrid = useStorage && storage !== null;\n\n return (\n <View style={styles.root}>\n <View style={styles.header}>\n <Text style={styles.title}>{title}</Text>\n <Pressable\n onPress={onClose}\n hitSlop={8}\n style={({ pressed }) => [styles.close, pressedStyle(pressed)]}\n accessibilityRole=\"button\"\n accessibilityLabel=\"Close\"\n >\n <MaterialCommunityIcons name=\"close\" size={18} color={theme.foreground} />\n </Pressable>\n </View>\n <View style={styles.toolbar}>\n <Segmented options={FILTERS} value={filter} onChange={setFilter} style={styles.filters} />\n <View style={styles.search}>\n <MaterialCommunityIcons name=\"magnify\" size={18} color={theme.mutedForeground} />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search by name...\"\n placeholderTextColor={theme.mutedForeground}\n style={styles.searchInput}\n />\n </View>\n </View>\n {waiting ? (\n <ScrollView style={styles.body} contentContainerStyle={styles.gridWrap}>\n <LibrarySkeletons />\n </ScrollView>\n ) : storageError ? (\n <View style={styles.empty}>\n <Text style={styles.emptyTitle}>Couldn’t load library</Text>\n <Text style={styles.emptyDetail}>{storageError}</Text>\n </View>\n ) : (showStorageGrid ? storageItems.length : boardItems.length) === 0 ? (\n <View style={styles.empty}>\n <Text style={styles.emptyTitle}>Nothing here yet</Text>\n <Text style={styles.emptyDetail}>\n Generate or upload media and it will show up in this library.\n </Text>\n </View>\n ) : showStorageGrid ? (\n <ScrollView style={styles.body} contentContainerStyle={styles.grid}>\n {storageItems.map((file) => (\n <StorageTile\n key={file.id}\n file={file}\n runAction={runAction}\n onPick={(picked) => {\n // Hand the board a link a connector can fetch, not a raw object URL.\n void fetchableLibraryUrl(runAction, picked.url).then((url) =>\n onPickStorage?.(picked.kind, url, picked.name),\n );\n }}\n onDelete={(target) => {\n if (!runAction \|\| !canDeleteLibraryFile(target)) return;\n void deleteLibraryFile(runAction, target)\n .then(() => setStorage((prev) => (prev ?? []).filter((f) => f.id !== target.id)))\n .catch((err: unknown) =>\n Alert.alert(\n 'Couldn’t delete file',\n err instanceof Error ? err.message : 'Try again in a moment.',\n ),\n );\n }}\n />\n ))}\n {hasMore ? (\n <Pressable\n onPress={() => refreshStorage(storage?.length ?? 0, true)}\n disabled={loadingMore}\n style={({ pressed }) => [styles.loadMore, pressedStyle(pressed && !loadingMore)]}\n >\n <Text style={styles.loadMoreLabel}>{loadingMore ? 'Loading…' : 'Load more'}</Text>\n </Pressable>\n ) : null}\n </ScrollView>\n ) : (\n <ScrollView style={styles.body} contentContainerStyle={styles.grid}>\n {boardItems.map((item) => (\n <Pressable\n key={item.id}\n onPress={() => onPlace(item)}\n style={({ pressed }) => [styles.tile, pressedStyle(pressed)]}\n accessibilityRole=\"button\"\n >\n {item.type === 'image' ? (\n <Image source={{ uri: item.src }} style={styles.thumb} />\n ) : (\n <View style={[styles.thumb, styles.thumbIcon]}>\n <MaterialCommunityIcons\n name={item.type === 'video' ? 'play' : 'music'}\n size={28}\n color={theme.mutedForeground}\n />\n </View>\n )}\n <Text style={styles.tileName} numberOfLines={1}>\n {itemFileName(item)}\n </Text>\n </Pressable>\n ))}\n </ScrollView>\n )}\n </View>\n );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n StyleSheet.create({\n root: { flex: 1, minHeight: 0 },\n header: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingLeft: SPACE.lg,\n paddingRight: SPACE.md,\n minHeight: 56,\n },\n title: { ...TYPE.title, color: theme.foreground },\n close: {\n width: 36,\n height: 36,\n borderRadius: 18,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: theme.card,\n },\n toolbar: {\n flexGrow: 0,\n flexShrink: 0,\n gap: SPACE.md,\n paddingHorizontal: SPACE.lg,\n paddingBottom: SPACE.md,\n },\n filters: { flexGrow: 0, alignSelf: 'flex-start' },\n search: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.sm,\n borderRadius: RADIUS.pill,\n paddingHorizontal: SPACE.md + 2,\n backgroundColor: theme.card,\n height: 44,\n },\n searchInput: { flex: 1, paddingVertical: 0, fontSize: 15, color: theme.foreground },\n body: { flex: 1, minHeight: 0 },\n empty: {\n flex: 1,\n paddingHorizontal: SPACE.xl + 4,\n paddingVertical: SPACE.xxl + 8,\n alignItems: 'center',\n justifyContent: 'center',\n },\n emptyTitle: { ...TYPE.title, color: theme.foreground, textAlign: 'center' },\n emptyDetail: {\n ...TYPE.body,\n fontSize: 14,\n marginTop: SPACE.xs,\n color: theme.mutedForeground,\n textAlign: 'center',\n maxWidth: 300,\n },\n gridWrap: { paddingBottom: SPACE.lg },\n grid: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n paddingHorizontal: SPACE.lg,\n paddingBottom: SPACE.xl,\n columnGap: SPACE.md,\n rowGap: SPACE.lg,\n },\n tile: {\n width: '48%',\n flexGrow: 1,\n flexBasis: '46%',\n },\n tileHit: { flex: 1 },\n deleteBtn: {\n position: 'absolute',\n top: SPACE.sm,\n right: SPACE.sm,\n width: 28,\n height: 28,\n borderRadius: 14,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(10,10,10,0.55)',\n },\n loadMore: {\n width: '100%',\n minHeight: 44,\n marginTop: SPACE.xs,\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: RADIUS.pill,\n backgroundColor: theme.card,\n },\n loadMoreLabel: { ...TYPE.label, fontSize: 15, color: theme.foreground },\n skeleton: {\n borderRadius: RADIUS.lg,\n backgroundColor: theme.card,\n },\n thumb: { width: '100%', aspectRatio: 1, borderRadius: RADIUS.lg, backgroundColor: theme.card },\n thumbIcon: { alignItems: 'center', justifyContent: 'center', backgroundColor: theme.card },\n thumbClip: { overflow: 'hidden' },\n tileStatus: {\n position: 'absolute',\n left: SPACE.sm,\n bottom: SPACE.sm,\n paddingHorizontal: SPACE.sm,\n paddingVertical: 3,\n borderRadius: RADIUS.pill,\n backgroundColor: 'rgba(10,10,10,0.55)',\n },\n tileStatusLabel: { fontSize: 11, fontWeight: '600', color: '#fafafa' },\n tileName: { ...TYPE.caption, marginTop: SPACE.sm, color: theme.foreground, paddingHorizontal: 2 },\n }),\n);\n"],"names":[],"mappings":"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"}