@adminide-stack/yantra-mobile 12.0.121 → 12.0.123
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.
- package/lib/features/apps/appArt.js +1 -1
- package/lib/features/apps/appArt.js.map +1 -1
- package/lib/features/apps/mobileAppCatalog.js +15 -11
- package/lib/features/apps/mobileAppCatalog.js.map +1 -1
- package/lib/features/canvas/CanvasAgentChatPane.js +82 -20
- package/lib/features/canvas/CanvasAgentChatPane.js.map +1 -1
- package/lib/features/canvas/CanvasBoardsGrid.js +291 -100
- package/lib/features/canvas/CanvasBoardsGrid.js.map +1 -1
- package/lib/features/canvas/CanvasEditToolsPanel.js +105 -12
- package/lib/features/canvas/CanvasEditToolsPanel.js.map +1 -1
- package/lib/features/canvas/CanvasExperience.js +266 -68
- package/lib/features/canvas/CanvasExperience.js.map +1 -1
- package/lib/features/canvas/CanvasGeneratePanel.js +204 -66
- package/lib/features/canvas/CanvasGeneratePanel.js.map +1 -1
- package/lib/features/canvas/CanvasLibrarySheet.js +31 -13
- package/lib/features/canvas/CanvasLibrarySheet.js.map +1 -1
- package/lib/features/canvas/CanvasModelPicker.js +176 -0
- package/lib/features/canvas/CanvasModelPicker.js.map +1 -0
- package/lib/features/canvas/CanvasTasksPanel.js +325 -29
- package/lib/features/canvas/CanvasTasksPanel.js.map +1 -1
- package/lib/features/canvas/CanvasTemplatesPanel.js +5 -4
- package/lib/features/canvas/CanvasTemplatesPanel.js.map +1 -1
- package/lib/features/canvas/CanvasToolDock.js +137 -61
- package/lib/features/canvas/CanvasToolDock.js.map +1 -1
- package/lib/features/canvas/FrameExtractorExperience.js +33 -2
- package/lib/features/canvas/FrameExtractorExperience.js.map +1 -1
- package/lib/features/canvas/GeneratorReferenceSlots.js +197 -0
- package/lib/features/canvas/GeneratorReferenceSlots.js.map +1 -0
- package/lib/features/canvas/NativeCanvasViewer.js +89 -11
- package/lib/features/canvas/NativeCanvasViewer.js.map +1 -1
- package/lib/features/canvas/PromoContextFields.js +55 -2
- package/lib/features/canvas/PromoContextFields.js.map +1 -1
- package/lib/features/canvas/SetStudioExperience.js +323 -13
- package/lib/features/canvas/SetStudioExperience.js.map +1 -1
- package/lib/features/canvas/VideoEditExperience.js +1 -53
- package/lib/features/canvas/VideoEditExperience.js.map +1 -1
- package/lib/features/canvas/VideoEditorExperience.js +697 -506
- package/lib/features/canvas/VideoEditorExperience.js.map +1 -1
- package/lib/features/canvas/VideoGeneratorExperience.js +22 -5
- package/lib/features/canvas/VideoGeneratorExperience.js.map +1 -1
- package/lib/features/canvas/canvasAgentChat.js +125 -11
- package/lib/features/canvas/canvasAgentChat.js.map +1 -1
- package/lib/features/canvas/canvasCore.js +117 -12
- package/lib/features/canvas/canvasCore.js.map +1 -1
- package/lib/features/canvas/canvasEditOps.js +148 -111
- package/lib/features/canvas/canvasEditOps.js.map +1 -1
- package/lib/features/canvas/canvasTaskSync.js +235 -0
- package/lib/features/canvas/canvasTaskSync.js.map +1 -0
- package/lib/features/canvas/canvasTasks.js +98 -11
- package/lib/features/canvas/canvasTasks.js.map +1 -1
- package/lib/features/canvas/createTiles.js +247 -0
- package/lib/features/canvas/createTiles.js.map +1 -0
- package/lib/features/canvas/deepLinks.js +83 -0
- package/lib/features/canvas/deepLinks.js.map +1 -0
- package/lib/features/canvas/frameExtract.js +13 -1
- package/lib/features/canvas/frameExtract.js.map +1 -1
- package/lib/features/canvas/generationModels.js +36 -8
- package/lib/features/canvas/generationModels.js.map +1 -1
- package/lib/features/canvas/generatorCommands.js +106 -0
- package/lib/features/canvas/generatorCommands.js.map +1 -0
- package/lib/features/canvas/generatorReferences.js +82 -0
- package/lib/features/canvas/generatorReferences.js.map +1 -0
- package/lib/features/canvas/homeWork.js +74 -0
- package/lib/features/canvas/homeWork.js.map +1 -0
- package/lib/features/canvas/linksRpc.js +130 -0
- package/lib/features/canvas/linksRpc.js.map +1 -0
- package/lib/features/canvas/mediaRecheck.js +176 -0
- package/lib/features/canvas/mediaRecheck.js.map +1 -0
- package/lib/features/canvas/mediaUrls.js +258 -0
- package/lib/features/canvas/mediaUrls.js.map +1 -0
- package/lib/features/canvas/nativeViewerRegistry.js.map +1 -1
- package/lib/features/canvas/promoProjectImport.js +80 -13
- package/lib/features/canvas/promoProjectImport.js.map +1 -1
- package/lib/features/canvas/promoVideo.js +106 -15
- package/lib/features/canvas/promoVideo.js.map +1 -1
- package/lib/features/canvas/reframe.js +228 -0
- package/lib/features/canvas/reframe.js.map +1 -0
- package/lib/features/canvas/serverTasks.js +697 -0
- package/lib/features/canvas/serverTasks.js.map +1 -0
- package/lib/features/canvas/set/SetViewportWebView.js +207 -28
- package/lib/features/canvas/set/SetViewportWebView.js.map +1 -1
- package/lib/features/canvas/set/agent/prompt.js +66 -0
- package/lib/features/canvas/set/agent/prompt.js.map +1 -0
- package/lib/features/canvas/set/agent/setOps.js +203 -0
- package/lib/features/canvas/set/agent/setOps.js.map +1 -0
- package/lib/features/canvas/set/agent/setTurn.js +128 -0
- package/lib/features/canvas/set/agent/setTurn.js.map +1 -0
- package/lib/features/canvas/set/agent/snapshot.js +43 -0
- package/lib/features/canvas/set/agent/snapshot.js.map +1 -0
- package/lib/features/canvas/set/agent/tools.js +580 -0
- package/lib/features/canvas/set/agent/tools.js.map +1 -0
- package/lib/features/canvas/set/setProject.js +43 -4
- package/lib/features/canvas/set/setProject.js.map +1 -1
- package/lib/features/canvas/set/supplyLibrary.js +397 -0
- package/lib/features/canvas/set/supplyLibrary.js.map +1 -0
- package/lib/features/canvas/storageLibrary.js +113 -52
- package/lib/features/canvas/storageLibrary.js.map +1 -1
- package/lib/features/canvas/studioCatalog.js +15 -2
- package/lib/features/canvas/studioCatalog.js.map +1 -1
- package/lib/features/canvas/studioLooks.js +1 -8
- package/lib/features/canvas/studioLooks.js.map +1 -1
- package/lib/features/canvas/useBoardMediaRefresh.js +66 -0
- package/lib/features/canvas/useBoardMediaRefresh.js.map +1 -0
- package/lib/features/canvas/useMediaSource.js +84 -0
- package/lib/features/canvas/useMediaSource.js.map +1 -0
- package/lib/features/canvas/video3d.js +11 -10
- package/lib/features/canvas/video3d.js.map +1 -1
- package/lib/features/canvas/videoEditor/BlurBoxOverlay.js +46 -0
- package/lib/features/canvas/videoEditor/BlurBoxOverlay.js.map +1 -0
- package/lib/features/canvas/videoEditor/ExportTaskCard.js +134 -0
- package/lib/features/canvas/videoEditor/ExportTaskCard.js.map +1 -0
- package/lib/features/canvas/videoEditor/agent/AgentCutPane.js +45 -7
- package/lib/features/canvas/videoEditor/agent/AgentCutPane.js.map +1 -1
- package/lib/features/canvas/videoEditor/agent/agentLoop.js +4 -2
- package/lib/features/canvas/videoEditor/agent/agentLoop.js.map +1 -1
- package/lib/features/canvas/videoEditor/agent/attachments.js +304 -0
- package/lib/features/canvas/videoEditor/agent/attachments.js.map +1 -0
- package/lib/features/canvas/videoEditor/agent/brainClient.js +3 -2
- package/lib/features/canvas/videoEditor/agent/brainClient.js.map +1 -1
- package/lib/features/canvas/videoEditor/agent/cutTools.js +207 -7
- package/lib/features/canvas/videoEditor/agent/cutTools.js.map +1 -1
- package/lib/features/canvas/videoEditor/blurBox.js +34 -0
- package/lib/features/canvas/videoEditor/blurBox.js.map +1 -0
- package/lib/features/canvas/videoEditor/compileTimeline.js +668 -0
- package/lib/features/canvas/videoEditor/compileTimeline.js.map +1 -0
- package/lib/features/canvas/videoEditor/editorModel.js +56 -22
- package/lib/features/canvas/videoEditor/editorModel.js.map +1 -1
- package/lib/features/canvas/videoEditor/exportPipeline.js +77 -0
- package/lib/features/canvas/videoEditor/exportPipeline.js.map +1 -0
- package/lib/features/canvas/videoEditor/exportRenderer.js +19 -12
- package/lib/features/canvas/videoEditor/exportRenderer.js.map +1 -1
- package/lib/features/canvas/videoEditor/exportTask.js +216 -0
- package/lib/features/canvas/videoEditor/exportTask.js.map +1 -0
- package/lib/features/canvas/videoEditor/formWidgets.js +142 -0
- package/lib/features/canvas/videoEditor/formWidgets.js.map +1 -0
- package/lib/features/canvas/videoEditor/produce/ProduceVideoSheet.js +195 -0
- package/lib/features/canvas/videoEditor/produce/ProduceVideoSheet.js.map +1 -0
- package/lib/features/canvas/videoEditor/produce/produceScenes.js +158 -0
- package/lib/features/canvas/videoEditor/produce/produceScenes.js.map +1 -0
- package/lib/features/canvas/videoEditor/remoteMediaClient.js +17 -5
- package/lib/features/canvas/videoEditor/remoteMediaClient.js.map +1 -1
- package/lib/features/canvas/videoEditor/renderTimeline.js +207 -0
- package/lib/features/canvas/videoEditor/renderTimeline.js.map +1 -0
- package/lib/features/canvas/videoEditor/renewLinks.js +64 -0
- package/lib/features/canvas/videoEditor/renewLinks.js.map +1 -0
- package/lib/features/canvas/videoEditor/sceneLayers.js +101 -0
- package/lib/features/canvas/videoEditor/sceneLayers.js.map +1 -0
- package/lib/features/canvas/videoEditor/tools/ToolsDrawer.js +283 -0
- package/lib/features/canvas/videoEditor/tools/ToolsDrawer.js.map +1 -0
- package/lib/features/canvas/videoEditor/tools/catalog.js +576 -0
- package/lib/features/canvas/videoEditor/tools/catalog.js.map +1 -0
- package/lib/features/canvas/videoEditor/videoProjectsStore.js +27 -3
- package/lib/features/canvas/videoEditor/videoProjectsStore.js.map +1 -1
- package/lib/features/webbuilder/WebBuilderExperience.js +29 -1
- package/lib/features/webbuilder/WebBuilderExperience.js.map +1 -1
- package/lib/features/webbuilder/buildFragments.js +8 -4
- package/lib/features/webbuilder/buildFragments.js.map +1 -1
- package/lib/features/webbuilder/codezenHandoff.js +108 -0
- package/lib/features/webbuilder/codezenHandoff.js.map +1 -0
- package/lib/features/webbuilder/workflow.js.map +1 -1
- package/lib/hooks/useChatApi.js +1 -2
- package/lib/hooks/useChatApi.js.map +1 -1
- package/lib/screens/CanvasBoard/index.js +12 -1
- package/lib/screens/CanvasBoard/index.js.map +1 -1
- package/lib/screens/Home/HomeScreen.js.map +1 -1
- package/lib/screens/Home/components/HomeSuggestions.js +3 -3
- package/lib/screens/Home/components/HomeSuggestions.js.map +1 -1
- package/lib/screens/WebBuilder/index.js +4 -2
- package/lib/screens/WebBuilder/index.js.map +1 -1
- package/lib/screens/WebBuilderNative/index.js +29 -2
- package/lib/screens/WebBuilderNative/index.js.map +1 -1
- package/lib/screens/WebBuilderNative/useWebBuilderHost.js +30 -6
- package/lib/screens/WebBuilderNative/useWebBuilderHost.js.map +1 -1
- package/package.json +3 -3
- /package/lib/assets/apps/{paper2poster.webp → poster.webp} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasTasksPanel.js","sources":["../../../src/features/canvas/CanvasTasksPanel.tsx"],"sourcesContent":["/**\n * Tasks panel — native twin of canvas-surface TasksPanel (promo productions).\n */\nimport React, { useEffect, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport {\n dismissTask,\n hydrateCanvasTasks,\n isTerminal,\n listCanvasTasks,\n markTaskDelivered,\n subscribeCanvasTasks,\n type CanvasTask,\n} from './canvasTasks';\n\nexport function CanvasTasksPanel({\n onClose,\n onPlaceResult,\n}: {\n onClose: () => void;\n onPlaceResult: (task: CanvasTask) => void;\n}) {\n const [rows, setRows] = useState<CanvasTask[]>(() => listCanvasTasks());\n\n useEffect(() => {\n void hydrateCanvasTasks().then(() => setRows(listCanvasTasks()));\n return subscribeCanvasTasks(() => setRows(listCanvasTasks()));\n }, []);\n\n return (\n <View style={styles.root}>\n <View style={styles.head}>\n <Text style={styles.title}>Tasks</Text>\n <Pressable onPress={onClose} hitSlop={8} accessibilityLabel=\"Close tasks\">\n <MaterialCommunityIcons name=\"close\" size={20} color=\"#64748b\" />\n </Pressable>\n </View>\n <ScrollView contentContainerStyle={styles.list}>\n {rows.length === 0 ? (\n <Text style={styles.empty}>\n Promo productions that run in the background show up here — start one from Generate → Promo.\n </Text>\n ) : (\n rows.map((task) => (\n <View key={task.id} style={styles.card}>\n <View style={styles.cardHead}>\n <Text style={styles.cardTitle} numberOfLines={1}>\n {task.title}\n </Text>\n <Text\n style={[\n styles.badge,\n task.state === 'succeeded' && styles.badgeOk,\n task.state === 'failed' && styles.badgeFail,\n ]}\n >\n {task.state}\n </Text>\n </View>\n {task.brief ? (\n <Text style={styles.brief} numberOfLines={2}>\n {task.brief}\n </Text>\n ) : null}\n {task.lastLine ? <Text style={styles.line}>{task.lastLine}</Text> : null}\n {task.error ? <Text style={styles.error}>{task.error}</Text> : null}\n <View style={styles.actions}>\n {task.state === 'succeeded' && task.result?.url && !task.delivered ? (\n <Pressable\n onPress={() => {\n onPlaceResult(task);\n markTaskDelivered(task.id);\n }}\n style={styles.primary}\n >\n <Text style={styles.primaryLabel}>Place on board</Text>\n </Pressable>\n ) : null}\n {isTerminal(task.state) ? (\n <Pressable onPress={() => dismissTask(task.id)} style={styles.ghost}>\n <Text style={styles.ghostLabel}>Dismiss</Text>\n </Pressable>\n ) : null}\n </View>\n </View>\n ))\n )}\n </ScrollView>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n root: { flex: 1, minHeight: 240 },\n head: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 16,\n paddingBottom: 8,\n },\n title: { fontSize: 15, fontWeight: '700', color: '#0f172a' },\n list: { paddingHorizontal: 16, paddingBottom: 20, gap: 10 },\n empty: { fontSize: 13, color: '#64748b', lineHeight: 18, paddingVertical: 16 },\n card: {\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n borderRadius: 12,\n padding: 12,\n backgroundColor: '#fff',\n gap: 6,\n },\n cardHead: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n cardTitle: { flex: 1, fontSize: 13, fontWeight: '700', color: '#0f172a' },\n badge: {\n fontSize: 10,\n fontWeight: '700',\n textTransform: 'uppercase',\n color: '#64748b',\n backgroundColor: '#f1f5f9',\n paddingHorizontal: 6,\n paddingVertical: 2,\n borderRadius: 6,\n },\n badgeOk: { color: '#166534', backgroundColor: '#dcfce7' },\n badgeFail: { color: '#991b1b', backgroundColor: '#fee2e2' },\n brief: { fontSize: 12, color: '#334155' },\n line: { fontSize: 11, color: '#64748b' },\n error: { fontSize: 12, color: '#b91c1c' },\n actions: { flexDirection: 'row', gap: 8, marginTop: 4 },\n primary: {\n paddingHorizontal: 12,\n paddingVertical: 8,\n borderRadius: 8,\n backgroundColor: '#ea580c',\n },\n primaryLabel: { fontSize: 12, fontWeight: '700', color: '#fff7ed' },\n ghost: { paddingHorizontal: 12, paddingVertical: 8 },\n ghostLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n});\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CanvasTasksPanel.js","sources":["../../../src/features/canvas/CanvasTasksPanel.tsx"],"sourcesContent":["/**\n * Tasks panel — native twin of canvas-surface TasksPanel.\n *\n * One list (./canvasTaskSync): this phone's productions and exports with their\n * progress, and every canvas job on the Task API that no local task holds - a\n * run started on the web or another device, a lip sync. A ready result offers\n * \"Place on board\" on its own board and \"Open board\" anywhere else; a run past\n * its deadline reads \"Stopped responding\" with Run again / Dismiss instead of a\n * clock that grows forever.\n */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Image, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport {\n dismissTask,\n hydrateCanvasTasks,\n isTerminal,\n listCanvasTasks,\n markTaskDelivered,\n startPromoTask,\n subscribeCanvasTasks,\n type CanvasTask,\n} from './canvasTasks';\nimport {\n SYNC_IDLE_MS,\n SYNC_RUNNING_MS,\n buildTaskRows,\n claimRow,\n formatWorked,\n isRowRunningAt,\n removeRemoteRow,\n renderProgressPct,\n renderTimeLeft,\n syncCanvasTasks,\n useCanvasTasksHost,\n type TaskRow,\n} from './canvasTaskSync';\nimport {\n DEADLINE_VERDICT_ERROR,\n isDeadlineVerdict,\n isExportTask,\n isStaleJob,\n jobBoardId,\n jobDeadline,\n serverProgressLine,\n type JobRecord,\n type JobResult,\n} from './serverTasks';\nimport { getVideoItemRenderer } from './videoRenderer';\nimport type { PromoRunOptions } from './promoVideo';\n\nconst STALE_LINE = `${DEADLINE_VERDICT_ERROR}.`;\n\n/** Re-render every second while something runs - the elapsed clock. */\nfunction useClock(active: boolean): number {\n const [now, setNow] = useState(() => Date.now());\n useEffect(() => {\n if (!active) return undefined;\n const timer = setInterval(() => setNow(Date.now()), 1000);\n return () => clearInterval(timer);\n }, [active]);\n return now;\n}\n\ntype ExportFields = {\n step?: { index: number; total: number; label: string };\n handle?: { projectedMs?: number; notice?: string };\n request?: { media?: string };\n};\n\nexport function CanvasTasksPanel({\n onClose,\n onPlaceResult,\n}: {\n onClose: () => void;\n onPlaceResult: (task: CanvasTask) => void;\n}) {\n const host = useCanvasTasksHost();\n const [local, setLocal] = useState<CanvasTask[]>(() => listCanvasTasks());\n const [remote, setRemote] = useState<JobRecord[]>([]);\n const [hidden, setHidden] = useState<Set<string>>(() => new Set());\n const syncing = useRef(false);\n\n useEffect(() => {\n void hydrateCanvasTasks().then(() => setLocal(listCanvasTasks()));\n return subscribeCanvasTasks(() => setLocal(listCanvasTasks()));\n }, []);\n\n const sync = useCallback(async () => {\n if (syncing.current) return;\n syncing.current = true;\n try {\n setRemote(await syncCanvasTasks());\n } catch {\n /* the list keeps what it had; the next pass tries again */\n } finally {\n syncing.current = false;\n }\n }, []);\n\n const rows = buildTaskRows(local, remote, hidden);\n const now = useClock(rows.some((row) => isRowRunningAt(row, Date.now())));\n const anyRunning = rows.some((row) => isRowRunningAt(row, now));\n\n useEffect(() => {\n void sync();\n const timer = setInterval(() => void sync(), anyRunning ? SYNC_RUNNING_MS : SYNC_IDLE_MS);\n return () => clearInterval(timer);\n }, [sync, anyRunning]);\n\n const hide = (key: string) => setHidden((prev) => new Set(prev).add(key));\n\n const place = async (row: TaskRow) => {\n if (row.kind === 'task') {\n if (!(await claimRow(row.remote?.remoteId))) {\n markTaskDelivered(row.task.id);\n return;\n }\n onPlaceResult(row.task);\n markTaskDelivered(row.task.id);\n return;\n }\n const media = row.job.results?.find(isVisualResult);\n if (!media) return;\n if (!(await claimRow(row.job.remoteId))) {\n hide(row.key);\n return;\n }\n // The sheet places a CanvasTask's result; a server row stands in as one.\n onPlaceResult({\n id: row.job.id,\n kind: 'promo',\n title: row.job.title,\n brief: row.job.brief,\n boardId: jobBoardId(row.job) ?? host.openBoardId ?? '',\n state: 'succeeded',\n createdAt: row.job.createdAt,\n request: { prompt: row.job.brief } as unknown as PromoRunOptions,\n result: { url: media.url, title: media.title || row.job.title, projectId: '', preset: '', pipeline: '' },\n });\n hide(row.key);\n };\n\n const dismiss = (row: TaskRow) => {\n hide(row.key);\n if (row.kind === 'task') {\n dismissTask(row.task.id);\n void removeRemoteRow(row.remote?.remoteId);\n } else {\n void removeRemoteRow(row.job.remoteId);\n }\n };\n\n const retryPromo = (request: PromoRunOptions, boardId: string, brief: string) => {\n if (!host.runAction) return;\n void startPromoTask(host.runAction, { request, boardId, brief });\n };\n\n const retry = (row: TaskRow): (() => void) | undefined => {\n if (!host.runAction) return undefined;\n if (row.kind === 'task') {\n if (row.task.kind !== 'promo' || isExportTask(row.task)) return undefined;\n const { task } = row;\n return () => {\n dismiss(row);\n retryPromo(task.request, task.boardId, task.brief);\n };\n }\n const params = row.job.input?.params;\n if (row.job.lane !== 'promo' || !params || typeof params.prompt !== 'string') return undefined;\n const boardId = jobBoardId(row.job) ?? host.openBoardId;\n if (!boardId) return undefined;\n return () => {\n dismiss(row);\n retryPromo(params as unknown as PromoRunOptions, boardId, row.job.brief);\n };\n };\n\n return (\n <View style={styles.root}>\n <View style={styles.head}>\n <Text style={styles.title}>Tasks</Text>\n <Pressable onPress={onClose} hitSlop={8} accessibilityLabel=\"Close tasks\">\n <MaterialCommunityIcons name=\"close\" size={20} color=\"#64748b\" />\n </Pressable>\n </View>\n <ScrollView contentContainerStyle={styles.list}>\n {rows.length === 0 ? (\n <Text style={styles.empty}>\n Nothing running. A marketing video, an export or a lip sync shows up here when you start one -\n here or on the web - and keeps going while you work on something else.\n </Text>\n ) : (\n rows.map((row) => (\n <RowCard\n key={row.key}\n row={row}\n now={now}\n openBoardId={host.openBoardId}\n boardLabel={host.boardLabel}\n onPlace={() => void place(row)}\n onOpenBoard={host.openBoard}\n onDismiss={() => dismiss(row)}\n onRetry={retry(row)}\n />\n ))\n )}\n </ScrollView>\n </View>\n );\n}\n\nconst isVisualResult = (r: JobResult): r is JobResult & { kind: 'image' | 'video' } =>\n r.kind === 'image' || r.kind === 'video';\n\n/** What one row shows, from a local task or a server row alike. */\ninterface CardView {\n title: string;\n state: 'submitting' | 'running' | 'succeeded' | 'failed' | 'stale';\n line?: string;\n error?: string;\n boardId?: string;\n media?: { url: string; kind: 'image' | 'video' };\n delivered: boolean;\n elapsedMs: number;\n exportInfo?: { step?: ExportFields['step']; projectedMs?: number; notice?: string };\n elsewhere: boolean;\n}\n\nfunction viewOf(row: TaskRow, now: number): CardView {\n if (row.kind === 'task') {\n const { task } = row;\n const loose = task as CanvasTask & ExportFields;\n const isExport = isExportTask(task);\n const stale =\n (!isTerminal(task.state) &&\n isStaleJob({ state: 'running', deadlineAt: jobDeadline(task), createdAt: task.createdAt }, now)) ||\n isDeadlineVerdict(task);\n return {\n title: task.title,\n state: stale ? 'stale' : task.state,\n line: task.lastLine,\n error: task.error,\n boardId: task.boardId,\n media: task.result?.url\n ? { url: task.result.url, kind: isExport && loose.request?.media === 'image' ? 'image' : 'video' }\n : undefined,\n delivered: Boolean(task.delivered),\n elapsedMs: (task.endedAt ?? now) - (task.startedAt ?? task.createdAt),\n ...(isExport\n ? {\n exportInfo: {\n step: loose.step,\n projectedMs: loose.handle?.projectedMs,\n notice: loose.handle?.notice,\n },\n }\n : {}),\n elsewhere: false,\n };\n }\n const { job } = row;\n const stale = isStaleJob(job, now) || isDeadlineVerdict(job);\n const media = job.results?.find(isVisualResult);\n return {\n title: job.title,\n state: stale ? 'stale' : job.state,\n line: serverProgressLine(job),\n error: job.error,\n boardId: jobBoardId(job),\n media: media ? { url: media.url, kind: media.kind } : undefined,\n delivered: Boolean(job.delivered),\n elapsedMs: (job.endedAt ?? now) - (job.startedAt ?? job.createdAt),\n elsewhere: true,\n };\n}\n\nfunction RowCard({\n row,\n now,\n openBoardId,\n boardLabel,\n onPlace,\n onOpenBoard,\n onDismiss,\n onRetry,\n}: {\n row: TaskRow;\n now: number;\n openBoardId: string | null;\n boardLabel?: (id: string) => string | undefined;\n onPlace: () => void;\n onOpenBoard?: (id: string) => void;\n onDismiss: () => void;\n onRetry?: () => void;\n}) {\n const view = viewOf(row, now);\n const worked = formatWorked(view.elapsedMs);\n const onThisBoard = !view.boardId || view.boardId === openBoardId;\n const board = view.boardId ? boardLabel?.(view.boardId) : undefined;\n const icon =\n row.kind === 'task'\n ? isExportTask(row.task)\n ? 'movie-open-outline'\n : 'bullhorn-outline'\n : row.job.lane === 'lipsync'\n ? 'account-voice'\n : row.job.lane === 'promo' || row.job.lane === 'promo-design'\n ? 'bullhorn-outline'\n : 'creation';\n\n return (\n <View style={styles.card} testID={`task-card-${row.key}`}>\n <View style={styles.cardHead}>\n <MaterialCommunityIcons name={icon} size={16} color=\"#64748b\" />\n <Text style={styles.cardTitle} numberOfLines={1}>\n {view.title}\n </Text>\n <StateChip state={view.state} worked={worked} />\n {view.state !== 'submitting' ? (\n <Pressable onPress={onDismiss} hitSlop={8} accessibilityLabel=\"Dismiss\">\n <MaterialCommunityIcons name=\"close\" size={16} color=\"#94a3b8\" />\n </Pressable>\n ) : null}\n </View>\n {!onThisBoard ? <Text style={styles.line}>on {board ? `“${board}”` : 'another board'}</Text> : null}\n {view.elsewhere ? <Text style={styles.line}>Started on another device</Text> : null}\n\n {view.state === 'stale' ? (\n <View style={styles.staleBox}>\n <Text style={styles.error}>{STALE_LINE}</Text>\n <View style={styles.actions}>\n {onRetry ? (\n <Pressable onPress={onRetry} style={styles.primary}>\n <Text style={styles.primaryLabel}>Run again</Text>\n </Pressable>\n ) : null}\n <Pressable onPress={onDismiss} style={styles.ghost}>\n <Text style={styles.ghostLabel}>Dismiss</Text>\n </Pressable>\n </View>\n </View>\n ) : null}\n\n {view.state === 'running' || view.state === 'submitting' ? (\n <>\n {view.exportInfo ? (\n <ExportProgress info={view.exportInfo} elapsedMs={view.elapsedMs} line={view.line} />\n ) : view.line ? (\n <Text style={styles.line} numberOfLines={2}>\n {view.line}\n </Text>\n ) : null}\n </>\n ) : null}\n\n {view.state === 'succeeded' ? (\n <>\n {view.media ? <ResultThumb url={view.media.url} kind={view.media.kind} /> : null}\n <View style={styles.actions}>\n {!view.media ? null : view.delivered && onThisBoard ? (\n <Text style={styles.done}>On this board</Text>\n ) : onThisBoard ? (\n <Pressable onPress={onPlace} style={styles.primary}>\n <Text style={styles.primaryLabel}>Place on board</Text>\n </Pressable>\n ) : onOpenBoard && view.boardId ? (\n <Pressable onPress={() => onOpenBoard(view.boardId!)} style={styles.primary}>\n <Text style={styles.primaryLabel}>Open board</Text>\n </Pressable>\n ) : null}\n </View>\n </>\n ) : null}\n\n {view.state === 'failed' ? (\n <>\n <Text style={styles.error}>{view.error || 'The run could not finish.'}</Text>\n {view.exportInfo?.notice ? <Text style={styles.notice}>{view.exportInfo.notice}</Text> : null}\n {onRetry ? (\n <View style={styles.actions}>\n <Pressable onPress={onRetry} style={styles.primary}>\n <Text style={styles.primaryLabel}>Run again</Text>\n </Pressable>\n </View>\n ) : null}\n </>\n ) : null}\n </View>\n );\n}\n\nfunction StateChip({ state, worked }: { state: CardView['state']; worked: string }) {\n if (state === 'stale') return <Text style={[styles.badge, styles.badgeFail]}>Stopped responding</Text>;\n if (state === 'succeeded') return <Text style={[styles.badge, styles.badgeOk]}>Ready · {worked}</Text>;\n if (state === 'failed') return <Text style={[styles.badge, styles.badgeFail]}>Stopped · {worked}</Text>;\n return (\n <Text style={[styles.badge, styles.badgeRun]}>\n {state === 'submitting' ? 'Starting' : `Running · ${worked}`}\n </Text>\n );\n}\n\nfunction ExportProgress({\n info,\n elapsedMs,\n line,\n}: {\n info: NonNullable<CardView['exportInfo']>;\n elapsedMs: number;\n line?: string;\n}) {\n const pct = Math.round(renderProgressPct(info.step, info.projectedMs, elapsedMs));\n return (\n <View style={styles.progressBox}>\n <Text style={styles.line} numberOfLines={1}>\n {info.step\n ? `Step ${info.step.index} of ${info.step.total} · ${info.step.label}`\n : line || 'Rendering…'}\n </Text>\n <View\n style={styles.bar}\n accessibilityRole=\"progressbar\"\n accessibilityValue={{ min: 0, max: 100, now: pct }}\n accessibilityLabel=\"Render progress\"\n >\n <View style={[styles.barFill, { width: `${pct}%` }]} />\n </View>\n {info.projectedMs ? <Text style={styles.line}>{renderTimeLeft(info.projectedMs, elapsedMs)}</Text> : null}\n {info.notice ? <Text style={styles.notice}>{info.notice}</Text> : null}\n </View>\n );\n}\n\n/** A finished result's preview: the still itself, or the host's video renderer when it registered one. */\nfunction ResultThumb({ url, kind }: { url: string; kind: 'image' | 'video' }) {\n if (kind === 'image') return <Image source={{ uri: url }} style={styles.thumb} resizeMode=\"cover\" />;\n const Video = getVideoItemRenderer();\n if (Video) {\n return (\n <View style={styles.thumb}>\n <Video\n item={{ id: `task-${url}`, type: 'video', src: url, x: 0, y: 0, width: 16, height: 9, zIndex: 0 }}\n />\n </View>\n );\n }\n return (\n <View style={[styles.thumb, styles.thumbGlyph]}>\n <MaterialCommunityIcons name=\"filmstrip\" size={28} color=\"#94a3b8\" />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n root: { flex: 1, minHeight: 240 },\n head: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 16,\n paddingBottom: 8,\n },\n title: { fontSize: 15, fontWeight: '700', color: '#0f172a' },\n list: { paddingHorizontal: 16, paddingBottom: 20, gap: 10 },\n empty: { fontSize: 13, color: '#64748b', lineHeight: 18, paddingVertical: 16 },\n card: {\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n borderRadius: 12,\n padding: 12,\n backgroundColor: '#fff',\n gap: 6,\n },\n cardHead: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n cardTitle: { flex: 1, fontSize: 13, fontWeight: '700', color: '#0f172a' },\n badge: {\n fontSize: 10,\n fontWeight: '700',\n color: '#64748b',\n backgroundColor: '#f1f5f9',\n paddingHorizontal: 6,\n paddingVertical: 2,\n borderRadius: 6,\n overflow: 'hidden',\n },\n badgeRun: { color: '#fff7ed', backgroundColor: '#ea580c' },\n badgeOk: { color: '#166534', backgroundColor: '#dcfce7' },\n badgeFail: { color: '#991b1b', backgroundColor: '#fee2e2' },\n line: { fontSize: 11, color: '#64748b' },\n error: { fontSize: 12, color: '#b91c1c' },\n notice: { fontSize: 11, color: '#b45309' },\n done: { fontSize: 12, fontWeight: '600', color: '#166534', paddingVertical: 8 },\n staleBox: { gap: 6 },\n progressBox: { gap: 4 },\n bar: { height: 6, borderRadius: 3, backgroundColor: '#f1f5f9', overflow: 'hidden' },\n barFill: { height: 6, borderRadius: 3, backgroundColor: '#ea580c' },\n thumb: { width: '100%', aspectRatio: 16 / 9, borderRadius: 8, overflow: 'hidden', backgroundColor: '#f1f5f9' },\n thumbGlyph: { alignItems: 'center', justifyContent: 'center' },\n actions: { flexDirection: 'row', gap: 8, marginTop: 4 },\n primary: {\n paddingHorizontal: 12,\n paddingVertical: 8,\n borderRadius: 8,\n backgroundColor: '#ea580c',\n },\n primaryLabel: { fontSize: 12, fontWeight: '700', color: '#fff7ed' },\n ghost: { paddingHorizontal: 12, paddingVertical: 8 },\n ghostLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n});\n"],"names":["stale"],"mappings":"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"}
|
|
@@ -7,21 +7,22 @@ function CanvasTemplatesPanel({
|
|
|
7
7
|
open,
|
|
8
8
|
runAction,
|
|
9
9
|
onPick,
|
|
10
|
-
onUseTemplate
|
|
10
|
+
onUseTemplate,
|
|
11
|
+
defaultLane = null
|
|
11
12
|
}) {
|
|
12
|
-
const [active, setActive] = useState(
|
|
13
|
+
const [active, setActive] = useState(defaultLane);
|
|
13
14
|
const [query, setQuery] = useState("");
|
|
14
15
|
const [results, setResults] = useState([]);
|
|
15
16
|
const [loading, setLoading] = useState(false);
|
|
16
17
|
const [error, setError] = useState(null);
|
|
17
18
|
useEffect(() => {
|
|
18
19
|
if (!open) {
|
|
19
|
-
setActive(
|
|
20
|
+
setActive(defaultLane);
|
|
20
21
|
setQuery("");
|
|
21
22
|
setResults([]);
|
|
22
23
|
setError(null);
|
|
23
24
|
}
|
|
24
|
-
}, [open]);
|
|
25
|
+
}, [open, defaultLane]);
|
|
25
26
|
useEffect(() => {
|
|
26
27
|
if (!open || !active) return void 0;
|
|
27
28
|
let live = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasTemplatesPanel.js","sources":["../../../src/features/canvas/CanvasTemplatesPanel.tsx"],"sourcesContent":["/**\n * Native twin of surface-kit AgentChat templates panel (PROMPT TEMPLATES).\n */\nimport React, { useEffect, useState } from 'react';\nimport {\n ActivityIndicator,\n Image,\n Platform,\n Pressable,\n ScrollView,\n StyleSheet,\n Text,\n TextInput,\n View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasChatLane } from './canvasAgentChat';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\nimport {\n CANVAS_AUDIO_TEMPLATES,\n TEMPLATE_SOURCES,\n loadCanvasTemplateLane,\n mapDesignCorpus,\n type CanvasPromptTemplate,\n} from './canvasChatTemplates';\nimport { DESIGN_PROMPT_TEMPLATES } from './designPromptTemplates';\nimport { templateHasUsableConfig } from './templateImport/loadTemplate';\n\nconst LANES: CanvasChatLane[] = ['image', 'video', 'audio'];\n\nfunction corpusFor(kind: CanvasChatLane): CanvasPromptTemplate[] {\n if (kind === 'audio') return CANVAS_AUDIO_TEMPLATES;\n return mapDesignCorpus(kind, DESIGN_PROMPT_TEMPLATES);\n}\n\nexport function CanvasTemplatesPanel({\n open,\n runAction,\n onPick,\n onUseTemplate,\n}: {\n open: boolean;\n runAction?: RunMediaAction;\n onPick: (template: CanvasPromptTemplate) => void;\n /** InVideo / mirrored render config → timeline (video templates only). */\n onUseTemplate?: (template: CanvasPromptTemplate) => void;\n}) {\n const [active, setActive] = useState<CanvasChatLane | null>(null);\n const [query, setQuery] = useState('');\n const [results, setResults] = useState<CanvasPromptTemplate[]>([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n useEffect(() => {\n if (!open) {\n setActive(null);\n setQuery('');\n setResults([]);\n setError(null);\n }\n }, [open]);\n\n useEffect(() => {\n if (!open || !active) return undefined;\n let live = true;\n setLoading(true);\n setError(null);\n loadCanvasTemplateLane(active, query.trim() || undefined, runAction, corpusFor(active))\n .then((rows) => {\n if (live) setResults(rows);\n })\n .catch((err: unknown) => {\n if (!live) return;\n setResults([]);\n setError(err instanceof Error ? err.message : String(err));\n })\n .finally(() => {\n if (live) setLoading(false);\n });\n return () => {\n live = false;\n };\n }, [open, active, query, runAction]);\n\n if (!open) return null;\n const source = active ? TEMPLATE_SOURCES[active] : null;\n\n return (\n <View style={styles.panel}>\n <View style={styles.panelHead}>\n <Text style={styles.kicker}>Prompt templates</Text>\n {source ? (\n <Text style={styles.configKey} numberOfLines={1}>\n {source.configKey}\n </Text>\n ) : null}\n </View>\n <View style={styles.chips}>\n {LANES.map((id) => {\n const on = id === active;\n return (\n <Pressable\n key={id}\n onPress={() => {\n setActive(on ? null : id);\n setQuery('');\n setResults([]);\n setError(null);\n }}\n style={[styles.chip, on && styles.chipOn]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: on }}\n >\n <Text style={[styles.chipLabel, on && styles.chipLabelOn]}>\n {TEMPLATE_SOURCES[id].label}\n </Text>\n </Pressable>\n );\n })}\n </View>\n {!active ? (\n <Text style={styles.hint}>Pick a category to browse its templates.</Text>\n ) : (\n <>\n <View style={styles.search}>\n <MaterialCommunityIcons name=\"magnify\" size={16} color=\"#94a3b8\" />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search templates…\"\n placeholderTextColor=\"#94a3b8\"\n style={styles.searchInput}\n autoCorrect={false}\n autoCapitalize=\"none\"\n />\n </View>\n {loading ? (\n <View style={styles.status}>\n <ActivityIndicator size=\"small\" />\n <Text style={styles.hint}>Loading templates…</Text>\n </View>\n ) : error ? (\n <Text style={styles.error}>Could not load templates — {error}</Text>\n ) : results.length === 0 ? (\n <Text style={styles.hint}>\n {query.trim() ? `No templates match “${query}”.` : 'No templates here yet.'}\n </Text>\n ) : (\n <ScrollView\n style={styles.gridScroll}\n contentContainerStyle={styles.grid}\n keyboardShouldPersistTaps=\"handled\"\n >\n {results.map((t) => {\n const canUse = Boolean(onUseTemplate && templateHasUsableConfig(t));\n return (\n <View key={t.id} style={styles.card}>\n <Pressable\n onPress={() => (canUse ? onUseTemplate?.(t) : onPick(t))}\n accessibilityRole=\"button\"\n accessibilityLabel={canUse ? `Use template ${t.title}` : t.title}\n >\n {t.cover ? (\n <Image source={{ uri: t.cover }} style={styles.cover} />\n ) : (\n <View style={styles.coverFallback}>\n <MaterialCommunityIcons\n name=\"view-grid-outline\"\n size={22}\n color=\"#94a3b8\"\n />\n </View>\n )}\n <Text style={styles.cardTitle} numberOfLines={2}>\n {t.title}\n </Text>\n </Pressable>\n {canUse ? (\n <Pressable\n onPress={() => onUseTemplate?.(t)}\n style={styles.useBtn}\n accessibilityRole=\"button\"\n accessibilityLabel={`Use ${t.title}`}\n >\n <Text style={styles.useBtnLabel}>Use</Text>\n </Pressable>\n ) : null}\n </View>\n );\n })}\n </ScrollView>\n )}\n </>\n )}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n panel: {\n maxHeight: 288,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: '#e2e8f0',\n paddingHorizontal: 12,\n paddingVertical: 8,\n backgroundColor: '#fff',\n },\n panelHead: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 8, marginBottom: 8 },\n kicker: {\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n color: '#64748b',\n },\n configKey: {\n flexShrink: 1,\n fontSize: 10,\n fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n color: '#94a3b8',\n },\n chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6, marginBottom: 8 },\n chip: {\n borderRadius: 999,\n borderWidth: 1,\n borderColor: '#e2e8f0',\n paddingHorizontal: 12,\n paddingVertical: 6,\n },\n chipOn: { backgroundColor: '#0f172a', borderColor: '#0f172a' },\n chipLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n chipLabelOn: { color: '#fff' },\n hint: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#64748b' },\n error: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#b91c1c' },\n status: { paddingVertical: 16, alignItems: 'center', gap: 8 },\n search: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n borderWidth: 1,\n borderColor: '#e2e8f0',\n borderRadius: 8,\n paddingHorizontal: 8,\n marginBottom: 8,\n backgroundColor: '#fff',\n },\n searchInput: { flex: 1, fontSize: 13, paddingVertical: 8, color: '#0f172a' },\n gridScroll: { maxHeight: 180 },\n grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingBottom: 8 },\n card: {\n width: '48%',\n flexGrow: 1,\n flexBasis: '47%',\n borderWidth: 1,\n borderColor: '#e2e8f0',\n borderRadius: 10,\n overflow: 'hidden',\n backgroundColor: '#fff',\n },\n cover: { width: '100%', height: 72, backgroundColor: '#f1f5f9' },\n coverFallback: {\n height: 72,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: '#f1f5f9',\n },\n cardTitle: { paddingHorizontal: 8, paddingVertical: 8, fontSize: 12, fontWeight: '600', color: '#0f172a' },\n useBtn: {\n marginHorizontal: 8,\n marginBottom: 8,\n alignSelf: 'flex-start',\n paddingHorizontal: 10,\n paddingVertical: 5,\n borderRadius: 8,\n backgroundColor: '#ea580c',\n },\n useBtnLabel: { fontSize: 11, fontWeight: '700', color: '#fff7ed' },\n});\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CanvasTemplatesPanel.js","sources":["../../../src/features/canvas/CanvasTemplatesPanel.tsx"],"sourcesContent":["/**\n * Native twin of surface-kit AgentChat templates panel (PROMPT TEMPLATES).\n */\nimport React, { useEffect, useState } from 'react';\nimport {\n ActivityIndicator,\n Image,\n Platform,\n Pressable,\n ScrollView,\n StyleSheet,\n Text,\n TextInput,\n View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasChatLane } from './canvasAgentChat';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\nimport {\n CANVAS_AUDIO_TEMPLATES,\n TEMPLATE_SOURCES,\n loadCanvasTemplateLane,\n mapDesignCorpus,\n type CanvasPromptTemplate,\n} from './canvasChatTemplates';\nimport { DESIGN_PROMPT_TEMPLATES } from './designPromptTemplates';\nimport { templateHasUsableConfig } from './templateImport/loadTemplate';\n\nconst LANES: CanvasChatLane[] = ['image', 'video', 'audio'];\n\nfunction corpusFor(kind: CanvasChatLane): CanvasPromptTemplate[] {\n if (kind === 'audio') return CANVAS_AUDIO_TEMPLATES;\n return mapDesignCorpus(kind, DESIGN_PROMPT_TEMPLATES);\n}\n\nexport function CanvasTemplatesPanel({\n open,\n runAction,\n onPick,\n onUseTemplate,\n defaultLane = null,\n}: {\n open: boolean;\n /** The category the panel opens on (the generator opens on its own lane, Image by default). */\n defaultLane?: CanvasChatLane | null;\n runAction?: RunMediaAction;\n onPick: (template: CanvasPromptTemplate) => void;\n /** InVideo / mirrored render config → timeline (video templates only). */\n onUseTemplate?: (template: CanvasPromptTemplate) => void;\n}) {\n const [active, setActive] = useState<CanvasChatLane | null>(defaultLane);\n const [query, setQuery] = useState('');\n const [results, setResults] = useState<CanvasPromptTemplate[]>([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n useEffect(() => {\n if (!open) {\n setActive(defaultLane);\n setQuery('');\n setResults([]);\n setError(null);\n }\n }, [open, defaultLane]);\n\n useEffect(() => {\n if (!open || !active) return undefined;\n let live = true;\n setLoading(true);\n setError(null);\n loadCanvasTemplateLane(active, query.trim() || undefined, runAction, corpusFor(active))\n .then((rows) => {\n if (live) setResults(rows);\n })\n .catch((err: unknown) => {\n if (!live) return;\n setResults([]);\n setError(err instanceof Error ? err.message : String(err));\n })\n .finally(() => {\n if (live) setLoading(false);\n });\n return () => {\n live = false;\n };\n }, [open, active, query, runAction]);\n\n if (!open) return null;\n const source = active ? TEMPLATE_SOURCES[active] : null;\n\n return (\n <View style={styles.panel}>\n <View style={styles.panelHead}>\n <Text style={styles.kicker}>Prompt templates</Text>\n {source ? (\n <Text style={styles.configKey} numberOfLines={1}>\n {source.configKey}\n </Text>\n ) : null}\n </View>\n <View style={styles.chips}>\n {LANES.map((id) => {\n const on = id === active;\n return (\n <Pressable\n key={id}\n onPress={() => {\n setActive(on ? null : id);\n setQuery('');\n setResults([]);\n setError(null);\n }}\n style={[styles.chip, on && styles.chipOn]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: on }}\n >\n <Text style={[styles.chipLabel, on && styles.chipLabelOn]}>\n {TEMPLATE_SOURCES[id].label}\n </Text>\n </Pressable>\n );\n })}\n </View>\n {!active ? (\n <Text style={styles.hint}>Pick a category to browse its templates.</Text>\n ) : (\n <>\n <View style={styles.search}>\n <MaterialCommunityIcons name=\"magnify\" size={16} color=\"#94a3b8\" />\n <TextInput\n value={query}\n onChangeText={setQuery}\n placeholder=\"Search templates…\"\n placeholderTextColor=\"#94a3b8\"\n style={styles.searchInput}\n autoCorrect={false}\n autoCapitalize=\"none\"\n />\n </View>\n {loading ? (\n <View style={styles.status}>\n <ActivityIndicator size=\"small\" />\n <Text style={styles.hint}>Loading templates…</Text>\n </View>\n ) : error ? (\n <Text style={styles.error}>Could not load templates — {error}</Text>\n ) : results.length === 0 ? (\n <Text style={styles.hint}>\n {query.trim() ? `No templates match “${query}”.` : 'No templates here yet.'}\n </Text>\n ) : (\n <ScrollView\n style={styles.gridScroll}\n contentContainerStyle={styles.grid}\n keyboardShouldPersistTaps=\"handled\"\n >\n {results.map((t) => {\n const canUse = Boolean(onUseTemplate && templateHasUsableConfig(t));\n return (\n <View key={t.id} style={styles.card}>\n <Pressable\n onPress={() => (canUse ? onUseTemplate?.(t) : onPick(t))}\n accessibilityRole=\"button\"\n accessibilityLabel={canUse ? `Use template ${t.title}` : t.title}\n >\n {t.cover ? (\n <Image source={{ uri: t.cover }} style={styles.cover} />\n ) : (\n <View style={styles.coverFallback}>\n <MaterialCommunityIcons\n name=\"view-grid-outline\"\n size={22}\n color=\"#94a3b8\"\n />\n </View>\n )}\n <Text style={styles.cardTitle} numberOfLines={2}>\n {t.title}\n </Text>\n </Pressable>\n {canUse ? (\n <Pressable\n onPress={() => onUseTemplate?.(t)}\n style={styles.useBtn}\n accessibilityRole=\"button\"\n accessibilityLabel={`Use ${t.title}`}\n >\n <Text style={styles.useBtnLabel}>Use</Text>\n </Pressable>\n ) : null}\n </View>\n );\n })}\n </ScrollView>\n )}\n </>\n )}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n panel: {\n maxHeight: 288,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: '#e2e8f0',\n paddingHorizontal: 12,\n paddingVertical: 8,\n backgroundColor: '#fff',\n },\n panelHead: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 8, marginBottom: 8 },\n kicker: {\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n color: '#64748b',\n },\n configKey: {\n flexShrink: 1,\n fontSize: 10,\n fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n color: '#94a3b8',\n },\n chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6, marginBottom: 8 },\n chip: {\n borderRadius: 999,\n borderWidth: 1,\n borderColor: '#e2e8f0',\n paddingHorizontal: 12,\n paddingVertical: 6,\n },\n chipOn: { backgroundColor: '#0f172a', borderColor: '#0f172a' },\n chipLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n chipLabelOn: { color: '#fff' },\n hint: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#64748b' },\n error: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#b91c1c' },\n status: { paddingVertical: 16, alignItems: 'center', gap: 8 },\n search: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 6,\n borderWidth: 1,\n borderColor: '#e2e8f0',\n borderRadius: 8,\n paddingHorizontal: 8,\n marginBottom: 8,\n backgroundColor: '#fff',\n },\n searchInput: { flex: 1, fontSize: 13, paddingVertical: 8, color: '#0f172a' },\n gridScroll: { maxHeight: 180 },\n grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingBottom: 8 },\n card: {\n width: '48%',\n flexGrow: 1,\n flexBasis: '47%',\n borderWidth: 1,\n borderColor: '#e2e8f0',\n borderRadius: 10,\n overflow: 'hidden',\n backgroundColor: '#fff',\n },\n cover: { width: '100%', height: 72, backgroundColor: '#f1f5f9' },\n coverFallback: {\n height: 72,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: '#f1f5f9',\n },\n cardTitle: { paddingHorizontal: 8, paddingVertical: 8, fontSize: 12, fontWeight: '600', color: '#0f172a' },\n useBtn: {\n marginHorizontal: 8,\n marginBottom: 8,\n alignSelf: 'flex-start',\n paddingHorizontal: 10,\n paddingVertical: 5,\n borderRadius: 8,\n backgroundColor: '#ea580c',\n },\n useBtnLabel: { fontSize: 11, fontWeight: '700', color: '#fff7ed' },\n});\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,Pressable,Text}from'react-native';import {useSafeAreaInsets}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useKeyboardLiftHeight}from'../../components/KeyboardComposerDock.js';import {CanvasGeneratePanel}from'./CanvasGeneratePanel.js';import {CanvasEditToolsPanel}from'./CanvasEditToolsPanel.js';import {CanvasLibraryPanel}from'./CanvasLibrarySheet.js';import {CanvasLooksPanel}from'./CanvasLooksPanel.js';import {CanvasTasksPanel}from'./CanvasTasksPanel.js';import {hydrateCanvasTasks,runningTaskCount,subscribeCanvasTasks,resumePromoTasks}from'./canvasTasks.js';import {nearestAspect}from'./studioLooks.js';var __defProp = Object.defineProperty;
|
|
1
|
+
import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {StyleSheet,View,Pressable,Text,ScrollView}from'react-native';import {useSafeAreaInsets}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useKeyboardLiftHeight}from'../../components/KeyboardComposerDock.js';import {CanvasGeneratePanel}from'./CanvasGeneratePanel.js';import {CanvasEditToolsPanel}from'./CanvasEditToolsPanel.js';import {CanvasLibraryPanel}from'./CanvasLibrarySheet.js';import {CanvasLooksPanel}from'./CanvasLooksPanel.js';import {CanvasTasksPanel}from'./CanvasTasksPanel.js';import {LIBRARY_PICK}from'./generatorReferences.js';import {hydrateCanvasTasks,runningTaskCount,subscribeCanvasTasks,resumePromoTasks}from'./canvasTasks.js';import {nearestAspect}from'./studioLooks.js';var __defProp = Object.defineProperty;
|
|
2
2
|
var __defProps = Object.defineProperties;
|
|
3
3
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
4
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -26,9 +26,9 @@ const TABS = [{
|
|
|
26
26
|
icon: "image-outline",
|
|
27
27
|
label: "Library"
|
|
28
28
|
}, {
|
|
29
|
-
id: "
|
|
30
|
-
icon: "
|
|
31
|
-
label: "
|
|
29
|
+
id: "media",
|
|
30
|
+
icon: "image-plus",
|
|
31
|
+
label: "Media"
|
|
32
32
|
}, {
|
|
33
33
|
id: "studios",
|
|
34
34
|
icon: "filmstrip",
|
|
@@ -106,6 +106,7 @@ function CanvasToolDock({
|
|
|
106
106
|
onEditReplaced,
|
|
107
107
|
onEditVideo,
|
|
108
108
|
onRecord,
|
|
109
|
+
onPickDeviceStill,
|
|
109
110
|
dockHidden = false,
|
|
110
111
|
apolloClient,
|
|
111
112
|
token,
|
|
@@ -118,6 +119,15 @@ function CanvasToolDock({
|
|
|
118
119
|
const [sheet, setSheet] = useState(null);
|
|
119
120
|
const [lookSeed, setLookSeed] = useState(null);
|
|
120
121
|
const [taskBadge, setTaskBadge] = useState(0);
|
|
122
|
+
const [generatorTab, setGeneratorTab] = useState("create");
|
|
123
|
+
const lastEditTool = useRef(null);
|
|
124
|
+
const [libraryPick, setLibraryPick] = useState(null);
|
|
125
|
+
useEffect(() => {
|
|
126
|
+
if (sheet !== "generate" && libraryPick) {
|
|
127
|
+
libraryPick.resolve(null);
|
|
128
|
+
setLibraryPick(null);
|
|
129
|
+
}
|
|
130
|
+
}, [sheet, libraryPick]);
|
|
121
131
|
useEffect(() => {
|
|
122
132
|
if (dockHidden) setSheet(null);
|
|
123
133
|
}, [dockHidden]);
|
|
@@ -133,14 +143,27 @@ function CanvasToolDock({
|
|
|
133
143
|
const usable = Math.max(0, planeH - chromeH);
|
|
134
144
|
const sheetTop = hideTabs ? Math.max(8, Math.round(usable * 0.08)) : planeH > 0 ? chromeH + Math.round(usable * 0.28) : chromeH;
|
|
135
145
|
const onTab = (id) => {
|
|
136
|
-
if (id === "upload") {
|
|
137
|
-
setSheet((current) => current === "upload" ? null : "upload");
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
146
|
const mapped = id;
|
|
141
|
-
setSheet((current) => current === mapped
|
|
147
|
+
setSheet((current) => current === mapped ? null : mapped);
|
|
148
|
+
};
|
|
149
|
+
const pickStill = (target, source) => {
|
|
150
|
+
if (source === "device") {
|
|
151
|
+
return onPickDeviceStill ? onPickDeviceStill() : Promise.reject(new Error("This host has no device picker"));
|
|
152
|
+
}
|
|
153
|
+
return new Promise((resolve, reject) => setLibraryPick({
|
|
154
|
+
target,
|
|
155
|
+
resolve,
|
|
156
|
+
reject
|
|
157
|
+
}));
|
|
158
|
+
};
|
|
159
|
+
const takeFromLibrary = (kind, url) => {
|
|
160
|
+
const pick = libraryPick;
|
|
161
|
+
setLibraryPick(null);
|
|
162
|
+
if (!pick) return;
|
|
163
|
+
if (kind !== "image") pick.reject(new Error("That slot takes an image"));
|
|
164
|
+
else pick.resolve(url);
|
|
142
165
|
};
|
|
143
|
-
const title = sheet === "generate" ? "Generate" : sheet === "library" ? null : sheet === "
|
|
166
|
+
const title = sheet === "generate" ? "Generate" : sheet === "library" ? null : sheet === "media" ? null : sheet === "studios" ? "Studios" : sheet === "looks" ? null : sheet === "tasks" ? null : "More";
|
|
144
167
|
const recreateLook = (look) => {
|
|
145
168
|
const aspect = nearestAspect(look.aspect, ["16:9", "9:16", "1:1"]);
|
|
146
169
|
setLookSeed(__spreadValues({
|
|
@@ -164,18 +187,7 @@ function CanvasToolDock({
|
|
|
164
187
|
return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
|
|
165
188
|
/* @__PURE__ */ jsxs(View, { style: styles.plane, collapsable: false, onLayout: (e) => setPlaneH(e.nativeEvent.layout.height), children: [
|
|
166
189
|
children,
|
|
167
|
-
sheet
|
|
168
|
-
/* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
|
|
169
|
-
top: chromeH
|
|
170
|
-
}], onPress: () => setSheet(null), accessibilityLabel: "Close tools" }),
|
|
171
|
-
/* @__PURE__ */ jsx(View, { style: styles.uploadMenu, children: UPLOAD_SOURCES.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
|
|
172
|
-
setSheet(null);
|
|
173
|
-
onUpload(item.id);
|
|
174
|
-
}, style: styles.uploadRow, accessibilityRole: "button", children: [
|
|
175
|
-
/* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: item.label }),
|
|
176
|
-
/* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.icon, size: 20, color: "#64748b" })
|
|
177
|
-
] }, item.id)) })
|
|
178
|
-
] }) : sheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
190
|
+
sheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
179
191
|
/* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
|
|
180
192
|
top: chromeH
|
|
181
193
|
}], onPress: () => setSheet(null), accessibilityLabel: "Close tools" }),
|
|
@@ -186,13 +198,18 @@ function CanvasToolDock({
|
|
|
186
198
|
/* @__PURE__ */ jsx(View, { style: styles.handle }),
|
|
187
199
|
title ? /* @__PURE__ */ jsx(Text, { style: styles.sheetTitle, children: title }) : null,
|
|
188
200
|
sheet === "generate" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
189
|
-
|
|
201
|
+
/* @__PURE__ */ jsx(View, { style: styles.segment, accessibilityLabel: "Create or edit", children: ["create", "edit"].map((id) => /* @__PURE__ */ jsx(Pressable, { onPress: () => setGeneratorTab(id), style: [styles.segmentTab, generatorTab === id && styles.segmentTabOn], accessibilityRole: "tab", accessibilityState: {
|
|
202
|
+
selected: generatorTab === id
|
|
203
|
+
}, children: /* @__PURE__ */ jsx(Text, { style: [styles.segmentLabel, generatorTab === id && styles.segmentLabelOn], children: id === "create" ? "Create" : "Edit" }) }, id)) }),
|
|
204
|
+
generatorTab === "edit" ? seedItem && (seedItem.type === "image" || seedItem.type === "video") ? /* @__PURE__ */ jsx(ScrollView, { keyboardShouldPersistTaps: "handled", children: /* @__PURE__ */ jsx(CanvasEditToolsPanel, { item: seedItem, runAction, showTitle: false, initialTool: lastEditTool.current, onToolChange: (tool) => {
|
|
205
|
+
if (tool) lastEditTool.current = tool;
|
|
206
|
+
}, onReplaced: (url) => {
|
|
190
207
|
onEditReplaced == null ? void 0 : onEditReplaced(seedItem.id, url);
|
|
191
208
|
}, onEditVideo: () => {
|
|
192
209
|
setSheet(null);
|
|
193
210
|
onEditVideo == null ? void 0 : onEditVideo(seedItem);
|
|
194
|
-
} }) : null,
|
|
195
|
-
/* @__PURE__ */ jsx(CanvasGeneratePanel, { runAction, seedItem, restyle, lookSeed, boardId, onSlides: () => {
|
|
211
|
+
} }, seedItem.id) }) : /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Select an image or video on the board to edit." }) : null,
|
|
212
|
+
/* @__PURE__ */ jsx(View, { style: generatorTab === "create" ? styles.fill : styles.hidden, children: /* @__PURE__ */ jsx(CanvasGeneratePanel, { runAction, seedItem, restyle, lookSeed, boardId, pickStill, onSlides: () => {
|
|
196
213
|
setSheet(null);
|
|
197
214
|
onSlides();
|
|
198
215
|
}, onGenerated: (url, meta) => {
|
|
@@ -203,15 +220,35 @@ function CanvasToolDock({
|
|
|
203
220
|
onPromoDesigned == null ? void 0 : onPromoDesigned(designed);
|
|
204
221
|
}, onPromoQueued: () => {
|
|
205
222
|
setSheet("tasks");
|
|
206
|
-
} })
|
|
223
|
+
} }) }),
|
|
224
|
+
libraryPick ? /* @__PURE__ */ jsx(View, { style: styles.pickLayer, children: /* @__PURE__ */ jsx(CanvasLibraryPanel, { title: LIBRARY_PICK[libraryPick.target].title, boards, boardId: null, runAction, onClose: () => {
|
|
225
|
+
libraryPick.resolve(null);
|
|
226
|
+
setLibraryPick(null);
|
|
227
|
+
}, onPlace: (item) => takeFromLibrary(item.type, item.src), onPickStorage: (kind, url) => takeFromLibrary(kind, url) }) }) : null
|
|
207
228
|
] }) : null,
|
|
208
|
-
sheet === "library"
|
|
229
|
+
sheet === "library" ? /* @__PURE__ */ jsx(CanvasLibraryPanel, { title: "Your library", boards, boardId: null, runAction, onClose: () => setSheet(null), onPlace: (item) => {
|
|
209
230
|
onPlace(item);
|
|
210
231
|
setSheet(null);
|
|
211
232
|
}, onPickStorage: (kind, url, name) => {
|
|
212
233
|
onPickStorage == null ? void 0 : onPickStorage(kind, url, name);
|
|
213
234
|
setSheet(null);
|
|
214
235
|
} }) : null,
|
|
236
|
+
sheet === "media" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
237
|
+
/* @__PURE__ */ jsx(View, { style: styles.uploadStrip, children: UPLOAD_SOURCES.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
|
|
238
|
+
setSheet(null);
|
|
239
|
+
onUpload(item.id);
|
|
240
|
+
}, disabled: busy, style: [styles.uploadTile, busy && styles.tabMuted], accessibilityRole: "button", children: [
|
|
241
|
+
/* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.icon, size: 20, color: "#0f172a" }),
|
|
242
|
+
/* @__PURE__ */ jsx(Text, { style: styles.uploadTileLabel, numberOfLines: 1, children: item.label })
|
|
243
|
+
] }, item.id)) }),
|
|
244
|
+
/* @__PURE__ */ jsx(CanvasLibraryPanel, { title: "On this board", boards, boardId, runAction, onClose: () => setSheet(null), onPlace: (item) => {
|
|
245
|
+
onPlace(item);
|
|
246
|
+
setSheet(null);
|
|
247
|
+
}, onPickStorage: (kind, url, name) => {
|
|
248
|
+
onPickStorage == null ? void 0 : onPickStorage(kind, url, name);
|
|
249
|
+
setSheet(null);
|
|
250
|
+
} })
|
|
251
|
+
] }) : null,
|
|
215
252
|
sheet === "studios" ? STUDIOS.map((studio) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
|
|
216
253
|
setSheet(null);
|
|
217
254
|
onStudio(studio.id);
|
|
@@ -229,10 +266,6 @@ function CanvasToolDock({
|
|
|
229
266
|
/* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "Tasks" }),
|
|
230
267
|
taskBadge > 0 ? /* @__PURE__ */ jsx(View, { style: styles.badge, children: /* @__PURE__ */ jsx(Text, { style: styles.badgeLabel, children: taskBadge }) }) : null
|
|
231
268
|
] }),
|
|
232
|
-
/* @__PURE__ */ jsxs(Pressable, { onPress: () => setSheet("session"), style: styles.row, accessibilityRole: "button", children: [
|
|
233
|
-
/* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "history", size: 20, color: "#0f172a" }),
|
|
234
|
-
/* @__PURE__ */ jsx(Text, { style: styles.rowLabel, children: "This chat" })
|
|
235
|
-
] }),
|
|
236
269
|
/* @__PURE__ */ jsxs(Pressable, { onPress: () => {
|
|
237
270
|
setSheet(null);
|
|
238
271
|
onRecord == null ? void 0 : onRecord("camera-video");
|
|
@@ -249,9 +282,9 @@ function CanvasToolDock({
|
|
|
249
282
|
hideTabs ? null : /* @__PURE__ */ jsx(View, { style: [styles.tabBar, {
|
|
250
283
|
paddingBottom: Math.max(insets.bottom, 8)
|
|
251
284
|
}], children: TABS.map((tab) => {
|
|
252
|
-
const active = sheet === tab.id || tab.id === "
|
|
253
|
-
const disabled =
|
|
254
|
-
return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onTab(tab.id), disabled, accessibilityRole: "button", accessibilityLabel: tab.label, style: [styles.tab, active && styles.tabOn, disabled
|
|
285
|
+
const active = sheet === tab.id || tab.id === "more" && (sheet === "more" || sheet === "looks" || sheet === "tasks");
|
|
286
|
+
const disabled = false;
|
|
287
|
+
return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onTab(tab.id), disabled, accessibilityRole: "button", accessibilityLabel: tab.label, style: [styles.tab, active && styles.tabOn, disabled], children: [
|
|
255
288
|
/* @__PURE__ */ jsxs(View, { children: [
|
|
256
289
|
/* @__PURE__ */ jsx(MaterialCommunityIcons, { name: tab.icon, size: 18, color: active ? "#0f172a" : "#64748b" }),
|
|
257
290
|
tab.id === "more" && taskBadge > 0 ? /* @__PURE__ */ jsx(View, { style: styles.tabBadge, children: /* @__PURE__ */ jsx(Text, { style: styles.tabBadgeLabel, children: taskBadge }) }) : null
|
|
@@ -265,6 +298,76 @@ const styles = StyleSheet.create({
|
|
|
265
298
|
root: {
|
|
266
299
|
flex: 1
|
|
267
300
|
},
|
|
301
|
+
fill: {
|
|
302
|
+
flex: 1
|
|
303
|
+
},
|
|
304
|
+
hidden: {
|
|
305
|
+
display: "none"
|
|
306
|
+
},
|
|
307
|
+
hint: {
|
|
308
|
+
padding: 16,
|
|
309
|
+
fontSize: 13,
|
|
310
|
+
color: "#64748b"
|
|
311
|
+
},
|
|
312
|
+
segment: {
|
|
313
|
+
flexDirection: "row",
|
|
314
|
+
gap: 2,
|
|
315
|
+
marginHorizontal: 16,
|
|
316
|
+
marginBottom: 10,
|
|
317
|
+
padding: 3,
|
|
318
|
+
borderRadius: 999,
|
|
319
|
+
backgroundColor: "#f1f5f9"
|
|
320
|
+
},
|
|
321
|
+
segmentTab: {
|
|
322
|
+
flex: 1,
|
|
323
|
+
alignItems: "center",
|
|
324
|
+
paddingVertical: 6,
|
|
325
|
+
borderRadius: 999
|
|
326
|
+
},
|
|
327
|
+
segmentTabOn: {
|
|
328
|
+
backgroundColor: "#ffffff",
|
|
329
|
+
shadowColor: "#0f172a",
|
|
330
|
+
shadowOpacity: 0.08,
|
|
331
|
+
shadowRadius: 4,
|
|
332
|
+
shadowOffset: {
|
|
333
|
+
width: 0,
|
|
334
|
+
height: 1
|
|
335
|
+
},
|
|
336
|
+
elevation: 1
|
|
337
|
+
},
|
|
338
|
+
segmentLabel: {
|
|
339
|
+
fontSize: 13,
|
|
340
|
+
fontWeight: "600",
|
|
341
|
+
color: "#64748b"
|
|
342
|
+
},
|
|
343
|
+
segmentLabelOn: {
|
|
344
|
+
color: "#0f172a"
|
|
345
|
+
},
|
|
346
|
+
pickLayer: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
|
|
347
|
+
zIndex: 5,
|
|
348
|
+
backgroundColor: "#ffffff"
|
|
349
|
+
}),
|
|
350
|
+
uploadStrip: {
|
|
351
|
+
flexDirection: "row",
|
|
352
|
+
gap: 8,
|
|
353
|
+
paddingHorizontal: 16,
|
|
354
|
+
paddingBottom: 8
|
|
355
|
+
},
|
|
356
|
+
uploadTile: {
|
|
357
|
+
flex: 1,
|
|
358
|
+
alignItems: "center",
|
|
359
|
+
gap: 4,
|
|
360
|
+
paddingVertical: 10,
|
|
361
|
+
borderRadius: 12,
|
|
362
|
+
borderWidth: 1,
|
|
363
|
+
borderStyle: "dashed",
|
|
364
|
+
borderColor: "#cbd5e1"
|
|
365
|
+
},
|
|
366
|
+
uploadTileLabel: {
|
|
367
|
+
fontSize: 11,
|
|
368
|
+
fontWeight: "600",
|
|
369
|
+
color: "#334155"
|
|
370
|
+
},
|
|
268
371
|
plane: {
|
|
269
372
|
flex: 1,
|
|
270
373
|
overflow: "hidden"
|
|
@@ -331,33 +434,6 @@ const styles = StyleSheet.create({
|
|
|
331
434
|
fontWeight: "500",
|
|
332
435
|
color: "#94a3b8"
|
|
333
436
|
},
|
|
334
|
-
uploadMenu: {
|
|
335
|
-
position: "absolute",
|
|
336
|
-
left: 20,
|
|
337
|
-
right: 20,
|
|
338
|
-
bottom: 12,
|
|
339
|
-
zIndex: 16,
|
|
340
|
-
borderRadius: 14,
|
|
341
|
-
backgroundColor: "rgba(255,255,255,0.96)",
|
|
342
|
-
overflow: "hidden",
|
|
343
|
-
shadowColor: "#0f172a",
|
|
344
|
-
shadowOpacity: 0.18,
|
|
345
|
-
shadowRadius: 24,
|
|
346
|
-
shadowOffset: {
|
|
347
|
-
width: 0,
|
|
348
|
-
height: 8
|
|
349
|
-
},
|
|
350
|
-
elevation: 12
|
|
351
|
-
},
|
|
352
|
-
uploadRow: {
|
|
353
|
-
flexDirection: "row",
|
|
354
|
-
alignItems: "center",
|
|
355
|
-
justifyContent: "space-between",
|
|
356
|
-
paddingHorizontal: 16,
|
|
357
|
-
paddingVertical: 14,
|
|
358
|
-
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
359
|
-
borderBottomColor: "#e2e8f0"
|
|
360
|
-
},
|
|
361
437
|
tabBar: {
|
|
362
438
|
flexDirection: "row",
|
|
363
439
|
borderTopWidth: StyleSheet.hairlineWidth,
|