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/CanvasModelPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CanvasModelPicker.js","sources":["../../../src/features/canvas/CanvasModelPicker.tsx"],"sourcesContent":["/*\n Native twin of surface-kit `ModelPicker` — grouped Auto / Image / Video / Audio.\n */\nimport React from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View, Platform } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { groupCanvasChatModels, type CanvasChatModelOption } from './canvasAgentChat';\n\nexport function CanvasModelPicker({\n models,\n selectedId,\n onSelect,\n onClose,\n title = 'Select model',\n}: {\n title?: string;\n models: readonly CanvasChatModelOption[];\n selectedId?: string;\n onSelect: (id: string) => void;\n onClose: () => void;\n}) {\n const selected = models.find((m) => m.id === selectedId);\n const groups = groupCanvasChatModels(models);\n\n return (\n <View style={styles.scrim} pointerEvents=\"auto\">\n <Pressable style={StyleSheet.absoluteFill} onPress={onClose} accessibilityLabel=\"Close model picker\" />\n <View style={styles.sheet}>\n <View style={styles.head}>\n <MaterialCommunityIcons name=\"chip\" size={16} color=\"#64748b\" />\n <Text style={styles.headTitle}>{title}</Text>\n <Pressable\n onPress={onClose}\n hitSlop={10}\n accessibilityLabel=\"Close model picker\"\n style={styles.close}\n >\n <MaterialCommunityIcons name=\"close\" size={18} color=\"#64748b\" />\n </Pressable>\n </View>\n {selected ? (\n <View style={styles.selectedBar}>\n <Text style={styles.selectedKicker}>Selected</Text>\n <Text style={styles.selectedTitle} numberOfLines={1}>\n {selected.title}\n </Text>\n </View>\n ) : null}\n <ScrollView\n style={styles.list}\n contentContainerStyle={styles.listBody}\n keyboardShouldPersistTaps=\"handled\"\n >\n {groups.map(({ group, options }) => (\n <View key={group} style={styles.group}>\n <Text style={styles.groupLabel}>{group}</Text>\n {options.map((m) => {\n const active = m.id === selectedId;\n return (\n <Pressable\n key={m.id}\n onPress={() => {\n onSelect(m.id);\n onClose();\n }}\n style={[styles.row, active && styles.rowOn]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: active }}\n >\n <View style={styles.rowBody}>\n <View style={styles.rowTitleLine}>\n <Text style={styles.rowTitle} numberOfLines={1}>\n {m.title}\n </Text>\n {active ? (\n <MaterialCommunityIcons name=\"check\" size={16} color=\"#0f172a\" />\n ) : null}\n </View>\n <Text style={styles.rowId} numberOfLines={1}>\n {m.id}\n </Text>\n {m.description ? (\n <Text style={styles.rowDesc} numberOfLines={2}>\n {m.description}\n </Text>\n ) : null}\n </View>\n </Pressable>\n );\n })}\n </View>\n ))}\n </ScrollView>\n </View>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n scrim: {\n ...StyleSheet.absoluteFillObject,\n zIndex: 40,\n elevation: 40,\n backgroundColor: 'rgba(0,0,0,0.4)',\n justifyContent: 'center',\n padding: 16,\n },\n sheet: {\n maxHeight: '80%',\n borderRadius: 16,\n backgroundColor: '#fff',\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#e2e8f0',\n overflow: 'hidden',\n },\n head: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n paddingHorizontal: 16,\n paddingVertical: 12,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: '#e2e8f0',\n },\n headTitle: { flex: 1, fontSize: 14, fontWeight: '600', color: '#0f172a' },\n close: { padding: 4 },\n selectedBar: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 8,\n paddingHorizontal: 16,\n paddingVertical: 8,\n backgroundColor: '#f8fafc',\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: '#e2e8f0',\n },\n selectedKicker: {\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n color: '#64748b',\n },\n selectedTitle: { flex: 1, fontSize: 14, fontWeight: '500', color: '#0f172a' },\n list: { maxHeight: 420 },\n listBody: { padding: 8, paddingBottom: 16 },\n group: { marginBottom: 8 },\n groupLabel: {\n paddingHorizontal: 8,\n paddingVertical: 4,\n fontSize: 11,\n fontWeight: '600',\n letterSpacing: 0.6,\n textTransform: 'uppercase',\n color: '#94a3b8',\n },\n row: { borderRadius: 10, paddingHorizontal: 12, paddingVertical: 8 },\n rowOn: { backgroundColor: '#f1f5f9' },\n rowBody: { minWidth: 0, flex: 1 },\n rowTitleLine: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n rowTitle: { flex: 1, fontSize: 14, fontWeight: '600', color: '#0f172a' },\n rowId: {\n marginTop: 2,\n fontSize: 11,\n fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n color: '#94a3b8',\n },\n rowDesc: { marginTop: 2, fontSize: 12, color: '#94a3b8' },\n});\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CanvasModelPicker.js","sources":["../../../src/features/canvas/CanvasModelPicker.tsx"],"sourcesContent":["/*\n Native twin of surface-kit `ModelPicker` — grouped Auto / Image / Video / Audio.\n */\nimport React, { useMemo } from 'react';\nimport { ScrollView, StyleSheet, Text, View, Platform } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { groupCanvasChatModels, type CanvasChatModelOption } from './canvasAgentChat';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from './canvasTheme';\nimport { Pressable, HIT, RADIUS, SPACE, TYPE, pressedStyle } from './canvasUi';\n\nexport function CanvasModelPicker({\n models,\n selectedId,\n onSelect,\n onClose,\n title = 'Select model',\n}: {\n title?: string;\n models: readonly CanvasChatModelOption[];\n selectedId?: string;\n onSelect: (id: string) => void;\n onClose: () => void;\n}) {\n const theme = useCanvasTheme();\n const styles = useMemo(() => makeStyles(theme), [theme]);\n const selected = models.find((m) => m.id === selectedId);\n const groups = groupCanvasChatModels(models);\n\n return (\n <View style={styles.scrim} pointerEvents=\"auto\">\n <Pressable style={StyleSheet.absoluteFill} onPress={onClose} accessibilityLabel=\"Close model picker\" />\n <View style={styles.sheet}>\n <View style={styles.head}>\n <Text style={styles.headTitle}>{title}</Text>\n <Pressable\n onPress={onClose}\n hitSlop={10}\n accessibilityLabel=\"Close model picker\"\n style={({ pressed }) => [styles.close, pressedStyle(pressed)]}\n >\n <MaterialCommunityIcons name=\"close\" size={18} color={theme.foreground} />\n </Pressable>\n </View>\n {selected ? (\n <View style={styles.selectedBar}>\n <Text style={styles.selectedKicker}>Selected</Text>\n <Text style={styles.selectedTitle} numberOfLines={1}>\n {selected.title}\n </Text>\n </View>\n ) : null}\n <ScrollView\n style={styles.list}\n contentContainerStyle={styles.listBody}\n keyboardShouldPersistTaps=\"handled\"\n >\n {groups.map(({ group, options }) => (\n <View key={group} style={styles.group}>\n <Text style={styles.groupLabel}>{group}</Text>\n {options.map((m) => {\n const active = m.id === selectedId;\n return (\n <Pressable\n key={m.id}\n onPress={() => {\n onSelect(m.id);\n onClose();\n }}\n style={({ pressed }) => [\n styles.row,\n active && styles.rowOn,\n pressedStyle(pressed),\n ]}\n accessibilityRole=\"button\"\n accessibilityState={{ selected: active }}\n >\n <View style={styles.rowBody}>\n <Text style={styles.rowTitle} numberOfLines={1}>\n {m.title}\n </Text>\n {m.description ? (\n <Text style={styles.rowDesc} numberOfLines={1}>\n {m.description}\n </Text>\n ) : (\n <Text style={styles.rowId} numberOfLines={1}>\n {m.id}\n </Text>\n )}\n </View>\n <View style={[styles.check, active && styles.checkOn]}>\n {active ? (\n <MaterialCommunityIcons\n name=\"check\"\n size={14}\n color={theme.background}\n />\n ) : null}\n </View>\n </Pressable>\n );\n })}\n </View>\n ))}\n </ScrollView>\n </View>\n </View>\n );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n StyleSheet.create({\n scrim: {\n ...StyleSheet.absoluteFillObject,\n zIndex: 40,\n elevation: 40,\n backgroundColor: 'rgba(0,0,0,0.45)',\n justifyContent: 'center',\n padding: SPACE.lg,\n },\n sheet: {\n maxHeight: '80%',\n borderRadius: RADIUS.xl,\n backgroundColor: theme.surface,\n overflow: 'hidden',\n },\n head: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.sm,\n paddingLeft: SPACE.xl - 4,\n paddingRight: SPACE.sm,\n paddingTop: SPACE.md,\n paddingBottom: SPACE.xs,\n },\n headTitle: { ...TYPE.title, flex: 1, 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 selectedBar: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.xs + 2,\n paddingHorizontal: SPACE.xl - 4,\n paddingBottom: SPACE.sm,\n },\n selectedKicker: { ...TYPE.caption, color: theme.mutedForeground },\n selectedTitle: { ...TYPE.caption, flex: 1, fontWeight: '600', color: theme.foreground },\n list: { maxHeight: 440 },\n listBody: { paddingHorizontal: SPACE.sm, paddingBottom: SPACE.md },\n group: { marginTop: SPACE.sm },\n groupLabel: {\n ...TYPE.caption,\n paddingHorizontal: SPACE.md,\n paddingVertical: SPACE.xs + 2,\n color: theme.mutedForeground,\n },\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: SPACE.md,\n minHeight: HIT + 12,\n borderRadius: RADIUS.md + 2,\n paddingHorizontal: SPACE.md,\n paddingVertical: SPACE.sm + 2,\n },\n rowOn: { backgroundColor: theme.card },\n rowBody: { minWidth: 0, flex: 1 },\n rowTitle: { ...TYPE.body, fontWeight: '600', color: theme.foreground },\n rowId: {\n marginTop: 2,\n fontSize: 11,\n fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n color: theme.mutedForeground,\n },\n rowDesc: { ...TYPE.caption, fontWeight: '400', marginTop: 2, color: theme.mutedForeground },\n check: {\n width: 22,\n height: 22,\n borderRadius: 11,\n alignItems: 'center',\n justifyContent: 'center',\n },\n checkOn: { backgroundColor: theme.foreground },\n }),\n);\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef,useEffect,useCallback}from'react';import {StyleSheet,View,Text,Pressable,ScrollView,Image}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {listCanvasTasks,hydrateCanvasTasks,subscribeCanvasTasks,dismissTask,markTaskDelivered,isTerminal,startPromoTask}from'./canvasTasks.js';import {useCanvasTasksHost,syncCanvasTasks,buildTaskRows,isRowRunningAt,SYNC_RUNNING_MS,SYNC_IDLE_MS,formatWorked,removeRemoteRow,claimRow,renderProgressPct,renderTimeLeft}from'./canvasTaskSync.js';import {isExportTask,DEADLINE_VERDICT_ERROR,jobBoardId,isStaleJob,jobDeadline,isDeadlineVerdict,serverProgressLine}from'./serverTasks.js';var __defProp = Object.defineProperty;
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,useCallback}from'react';import {View,Text,ScrollView,StyleSheet,Image}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {listCanvasTasks,hydrateCanvasTasks,subscribeCanvasTasks,dismissTask,markTaskDelivered,isTerminal,startPromoTask}from'./canvasTasks.js';import {useCanvasTasksHost,syncCanvasTasks,buildTaskRows,isRowRunningAt,SYNC_RUNNING_MS,SYNC_IDLE_MS,formatWorked,removeRemoteRow,claimRow,renderProgressPct,renderTimeLeft}from'./canvasTaskSync.js';import {isExportTask,DEADLINE_VERDICT_ERROR,jobBoardId,isStaleJob,jobDeadline,isDeadlineVerdict,serverProgressLine}from'./serverTasks.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,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 CanvasTasksPanel({
   onClose,
   onPlaceResult
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const host = useCanvasTasksHost();
   const [local, setLocal] = useState(() => listCanvasTasks());
   const [remote, setRemote] = useState([]);
@@ -140,9 +142,14 @@ function CanvasTasksPanel({
   return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
     /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
       /* @__PURE__ */ jsx(Text, { style: styles.title, children: "Tasks" }),
-      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 8, accessibilityLabel: "Close tasks", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 20, color: "#64748b" }) })
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 8, style: ({
+        pressed
+      }) => [styles.close, pressedStyle(pressed)], accessibilityLabel: "Close tasks", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 18, color: theme.foreground }) })
     ] }),
-    /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, children: rows.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.empty, children: "Nothing running. A marketing video, an export or a lip sync shows up here when you start one - here or on the web - and keeps going while you work on something else." }) : rows.map((row) => /* @__PURE__ */ jsx(RowCard, { row, now, openBoardId: host.openBoardId, boardLabel: host.boardLabel, onPlace: () => void place(row), onOpenBoard: host.openBoard, onDismiss: () => dismiss(row), onRetry: retry(row) }, row.key)) })
+    /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, children: rows.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.emptyBox, children: [
+      /* @__PURE__ */ jsx(View, { style: styles.emptyIcon, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "progress-clock", size: 24, color: theme.mutedForeground }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles.empty, children: "Nothing running. A marketing video, an export or a lip sync shows up here when you start one, here or on the web, and keeps going while you work on something else." })
+    ] }) : rows.map((row) => /* @__PURE__ */ jsx(RowCard, { row, now, openBoardId: host.openBoardId, boardLabel: host.boardLabel, onPlace: () => void place(row), onOpenBoard: host.openBoard, onDismiss: () => dismiss(row), onRetry: retry(row) }, row.key)) })
   ] });
 }
 const isVisualResult = (r) => r.kind === "image" || r.kind === "video";
@@ -167,15 +174,15 @@ function viewOf(row, now) {
       boardId: task.boardId,
       media: ((_a = task.result) == null ? void 0 : _a.url) ? {
         url: task.result.url,
-        kind: isExport && ((_b = loose.request) == null ? void 0 : _b.media) === "image" ? "image" : "video"
+        kind: "video"
       } : void 0,
       delivered: Boolean(task.delivered),
-      elapsedMs: ((_c = task.endedAt) != null ? _c : now) - ((_d = task.startedAt) != null ? _d : task.createdAt)
+      elapsedMs: ((_b = task.endedAt) != null ? _b : now) - ((_c = task.startedAt) != null ? _c : task.createdAt)
     }, isExport ? {
       exportInfo: {
         step: loose.step,
-        projectedMs: (_e = loose.handle) == null ? void 0 : _e.projectedMs,
-        notice: (_f = loose.handle) == null ? void 0 : _f.notice
+        projectedMs: (_d = loose.render) == null ? void 0 : _d.projectedMs,
+        notice: (_f = loose.notice) != null ? _f : (_e = loose.render) == null ? void 0 : _e.notice
       }
     } : {}), {
       elsewhere: false
@@ -212,46 +219,61 @@ function RowCard({
   onRetry
 }) {
   var _a;
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const view = viewOf(row, now);
   const worked = formatWorked(view.elapsedMs);
   const onThisBoard = !view.boardId || view.boardId === openBoardId;
   const board = view.boardId ? boardLabel == null ? void 0 : boardLabel(view.boardId) : void 0;
   const icon = row.kind === "task" ? isExportTask(row.task) ? "movie-open-outline" : "bullhorn-outline" : row.job.lane === "lipsync" ? "account-voice" : row.job.lane === "promo" || row.job.lane === "promo-design" ? "bullhorn-outline" : "creation";
   return /* @__PURE__ */ jsxs(View, { style: styles.card, testID: `task-card-${row.key}`, children: [
-    /* @__PURE__ */ jsxs(View, { style: styles.cardHead, children: [
-      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 16, color: "#64748b" }),
-      /* @__PURE__ */ jsx(Text, { style: styles.cardTitle, numberOfLines: 1, children: view.title }),
+    /* @__PURE__ */ jsx(View, { style: styles.cardLead, children: view.state === "succeeded" && view.media ? /* @__PURE__ */ jsx(ResultThumb, { url: view.media.url, kind: view.media.kind }) : /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbGlyph], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 22, color: theme.mutedForeground }) }) }),
+    /* @__PURE__ */ jsxs(View, { style: styles.cardBody, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.cardHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.cardTitle, numberOfLines: 1, children: view.title }),
+        view.state !== "submitting" ? /* @__PURE__ */ jsx(Pressable, { onPress: onDismiss, hitSlop: 12, style: ({
+          pressed
+        }) => [styles.dismiss, pressedStyle(pressed)], accessibilityLabel: "Dismiss", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 16, color: theme.mutedForeground }) }) : null
+      ] }),
       /* @__PURE__ */ jsx(StateChip, { state: view.state, worked }),
-      view.state !== "submitting" ? /* @__PURE__ */ jsx(Pressable, { onPress: onDismiss, hitSlop: 8, accessibilityLabel: "Dismiss", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 16, color: "#94a3b8" }) }) : null
-    ] }),
-    !onThisBoard ? /* @__PURE__ */ jsxs(Text, { style: styles.line, children: [
-      "on ",
-      board ? `\u201C${board}\u201D` : "another board"
-    ] }) : null,
-    view.elsewhere ? /* @__PURE__ */ jsx(Text, { style: styles.line, children: "Started on another device" }) : null,
-    view.state === "stale" ? /* @__PURE__ */ jsxs(View, { style: styles.staleBox, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.error, children: STALE_LINE }),
-      /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
-        onRetry ? /* @__PURE__ */ jsx(Pressable, { onPress: onRetry, style: styles.primary, children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Run again" }) }) : null,
-        /* @__PURE__ */ jsx(Pressable, { onPress: onDismiss, style: styles.ghost, children: /* @__PURE__ */ jsx(Text, { style: styles.ghostLabel, children: "Dismiss" }) })
-      ] })
-    ] }) : null,
-    view.state === "running" || view.state === "submitting" ? /* @__PURE__ */ jsx(Fragment, { children: view.exportInfo ? /* @__PURE__ */ jsx(ExportProgress, { info: view.exportInfo, elapsedMs: view.elapsedMs, line: view.line }) : view.line ? /* @__PURE__ */ jsx(Text, { style: styles.line, numberOfLines: 2, children: view.line }) : null }) : null,
-    view.state === "succeeded" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      view.media ? /* @__PURE__ */ jsx(ResultThumb, { url: view.media.url, kind: view.media.kind }) : null,
-      /* @__PURE__ */ jsx(View, { style: styles.actions, children: !view.media ? null : view.delivered && onThisBoard ? /* @__PURE__ */ jsx(Text, { style: styles.done, children: "On this board" }) : onThisBoard ? /* @__PURE__ */ jsx(Pressable, { onPress: onPlace, style: styles.primary, children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Place on board" }) }) : onOpenBoard && view.boardId ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onOpenBoard(view.boardId), style: styles.primary, children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Open board" }) }) : null })
-    ] }) : null,
-    view.state === "failed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.error, children: view.error || "The run could not finish." }),
-      ((_a = view.exportInfo) == null ? void 0 : _a.notice) ? /* @__PURE__ */ jsx(Text, { style: styles.notice, children: view.exportInfo.notice }) : null,
-      onRetry ? /* @__PURE__ */ jsx(View, { style: styles.actions, children: /* @__PURE__ */ jsx(Pressable, { onPress: onRetry, style: styles.primary, children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Run again" }) }) }) : null
-    ] }) : null
+      !onThisBoard ? /* @__PURE__ */ jsxs(Text, { style: styles.line, children: [
+        "on ",
+        board ? `\u201C${board}\u201D` : "another board"
+      ] }) : null,
+      view.elsewhere ? /* @__PURE__ */ jsx(Text, { style: styles.line, children: "Started on another device" }) : null,
+      view.state === "stale" ? /* @__PURE__ */ jsxs(View, { style: styles.staleBox, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.error, children: STALE_LINE }),
+        /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+          onRetry ? /* @__PURE__ */ jsx(Pressable, { onPress: onRetry, style: ({
+            pressed
+          }) => [styles.primary, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Run again" }) }) : null,
+          /* @__PURE__ */ jsx(Pressable, { onPress: onDismiss, style: ({
+            pressed
+          }) => [styles.ghost, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: styles.ghostLabel, children: "Dismiss" }) })
+        ] })
+      ] }) : null,
+      view.state === "running" || view.state === "submitting" ? /* @__PURE__ */ jsx(Fragment, { children: view.exportInfo ? /* @__PURE__ */ jsx(ExportProgress, { info: view.exportInfo, elapsedMs: view.elapsedMs, line: view.line }) : view.line ? /* @__PURE__ */ jsx(Text, { style: styles.line, numberOfLines: 2, children: view.line }) : null }) : null,
+      view.state === "succeeded" ? /* @__PURE__ */ jsx(View, { style: styles.actions, children: !view.media ? null : view.delivered && onThisBoard ? /* @__PURE__ */ jsx(Text, { style: styles.done, children: "On this board" }) : onThisBoard ? /* @__PURE__ */ jsx(Pressable, { onPress: onPlace, style: ({
+        pressed
+      }) => [styles.primary, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Place on board" }) }) : onOpenBoard && view.boardId ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onOpenBoard(view.boardId), style: ({
+        pressed
+      }) => [styles.primary, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Open board" }) }) : null }) : null,
+      view.state === "failed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.error, children: view.error || "The run could not finish." }),
+        ((_a = view.exportInfo) == null ? void 0 : _a.notice) ? /* @__PURE__ */ jsx(Text, { style: styles.notice, children: view.exportInfo.notice }) : null,
+        onRetry ? /* @__PURE__ */ jsx(View, { style: styles.actions, children: /* @__PURE__ */ jsx(Pressable, { onPress: onRetry, style: ({
+          pressed
+        }) => [styles.primary, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Run again" }) }) }) : null
+      ] }) : null
+    ] })
   ] });
 }
 function StateChip({
   state,
   worked
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   if (state === "stale") return /* @__PURE__ */ jsx(Text, { style: [styles.badge, styles.badgeFail], children: "Stopped responding" });
   if (state === "succeeded") return /* @__PURE__ */ jsxs(Text, { style: [styles.badge, styles.badgeOk], children: [
     "Ready \xB7 ",
@@ -268,6 +290,8 @@ function ExportProgress({
   elapsedMs,
   line
 }) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
   const pct = Math.round(renderProgressPct(info.step, info.projectedMs, elapsedMs));
   return /* @__PURE__ */ jsxs(View, { style: styles.progressBox, children: [
     /* @__PURE__ */ jsx(Text, { style: styles.line, numberOfLines: 1, children: info.step ? `Step ${info.step.index} of ${info.step.total} \xB7 ${info.step.label}` : line || "Rendering\u2026" }),
@@ -286,12 +310,21 @@ function ResultThumb({
   url,
   kind
 }) {
-  if (kind === "image") return /* @__PURE__ */ jsx(Image, { source: {
-    uri: url
-  }, style: styles.thumb, resizeMode: "cover" });
-  return /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbGlyph], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "filmstrip", size: 28, color: "#94a3b8" }) });
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  const [state, setState] = useState("loading");
+  if (kind === "image") {
+    return /* @__PURE__ */ jsxs(View, { style: [styles.thumb, styles.thumbClip], children: [
+      state === "failed" ? /* @__PURE__ */ jsx(CoverPlaceholder, { seed: url, icon: "image-outline" }) : null,
+      state === "loading" ? /* @__PURE__ */ jsx(Skeleton, {}) : null,
+      state !== "failed" ? /* @__PURE__ */ jsx(Image, { source: {
+        uri: url
+      }, style: StyleSheet.absoluteFill, resizeMode: "cover", onLoad: () => setState("ok"), onError: () => setState("failed") }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx(View, { style: [styles.thumb, styles.thumbClip], children: /* @__PURE__ */ jsx(CoverPlaceholder, { seed: url, icon: "play" }) });
 }
-const styles = StyleSheet.create({
+const makeStyles = themedStyles((theme) => StyleSheet.create({
   root: {
     flex: 1,
     minHeight: 240
@@ -300,107 +333,138 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingBottom: 8
+    paddingLeft: SPACE.lg,
+    paddingRight: SPACE.md,
+    paddingBottom: SPACE.md
   },
-  title: {
-    fontSize: 15,
-    fontWeight: "700",
-    color: "#0f172a"
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  close: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.card
   },
   list: {
-    paddingHorizontal: 16,
-    paddingBottom: 20,
-    gap: 10
+    paddingHorizontal: SPACE.lg,
+    paddingBottom: SPACE.xl,
+    gap: SPACE.sm
+  },
+  emptyBox: {
+    alignItems: "center",
+    paddingVertical: SPACE.xl + 4,
+    paddingHorizontal: SPACE.xl,
+    borderRadius: RADIUS.xl,
+    backgroundColor: theme.card
   },
-  empty: {
-    fontSize: 13,
-    color: "#64748b",
-    lineHeight: 18,
-    paddingVertical: 16
+  emptyIcon: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.background,
+    marginBottom: SPACE.md
   },
+  empty: __spreadProps(__spreadValues({}, TYPE.body), {
+    fontSize: 14,
+    lineHeight: 20,
+    color: theme.mutedForeground,
+    textAlign: "center"
+  }),
   card: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: "#e2e8f0",
-    borderRadius: 12,
-    padding: 12,
-    backgroundColor: "#fff",
-    gap: 6
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: SPACE.md,
+    borderRadius: RADIUS.lg,
+    padding: SPACE.md,
+    backgroundColor: theme.card
+  },
+  cardLead: {
+    width: 56
+  },
+  cardBody: {
+    flex: 1,
+    minWidth: 0,
+    gap: SPACE.xs
   },
   cardHead: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 8
+    gap: SPACE.sm,
+    minHeight: 22
   },
-  cardTitle: {
+  cardTitle: __spreadProps(__spreadValues({}, TYPE.label), {
+    fontSize: 15,
     flex: 1,
-    fontSize: 13,
-    fontWeight: "700",
-    color: "#0f172a"
-  },
-  badge: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: "#64748b",
-    backgroundColor: "#f1f5f9",
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 6,
-    overflow: "hidden"
+    color: theme.foreground
+  }),
+  dismiss: {
+    width: 24,
+    height: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 12
   },
+  badge: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.mutedForeground
+  }),
   badgeRun: {
-    color: "#fff7ed",
-    backgroundColor: "#ea580c"
+    color: theme.foreground
   },
   badgeOk: {
-    color: "#166534",
-    backgroundColor: "#dcfce7"
+    color: theme.successText
   },
   badgeFail: {
-    color: "#991b1b",
-    backgroundColor: "#fee2e2"
-  },
-  line: {
-    fontSize: 11,
-    color: "#64748b"
-  },
-  error: {
-    fontSize: 12,
-    color: "#b91c1c"
-  },
-  notice: {
-    fontSize: 11,
-    color: "#b45309"
+    color: theme.destructiveText
   },
-  done: {
-    fontSize: 12,
+  line: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.mutedForeground
+  }),
+  error: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.destructiveText
+  }),
+  notice: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.warningText
+  }),
+  done: __spreadProps(__spreadValues({}, TYPE.caption), {
     fontWeight: "600",
-    color: "#166534",
-    paddingVertical: 8
-  },
+    color: theme.successText,
+    paddingVertical: SPACE.xs + 2
+  }),
   staleBox: {
-    gap: 6
+    gap: SPACE.xs
   },
   progressBox: {
-    gap: 4
+    gap: SPACE.xs + 2,
+    marginTop: 2
   },
   bar: {
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: "#f1f5f9",
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: theme.tint(0.08),
     overflow: "hidden"
   },
   barFill: {
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: "#ea580c"
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: theme.foreground
+  },
+  thumbClip: {
+    overflow: "hidden"
   },
   thumb: {
-    width: "100%",
-    aspectRatio: 16 / 9,
-    borderRadius: 8,
+    width: 56,
+    height: 56,
+    borderRadius: RADIUS.md,
     overflow: "hidden",
-    backgroundColor: "#f1f5f9"
+    backgroundColor: theme.background
   },
   thumbGlyph: {
     alignItems: "center",
@@ -408,27 +472,28 @@ const styles = StyleSheet.create({
   },
   actions: {
     flexDirection: "row",
-    gap: 8,
-    marginTop: 4
+    flexWrap: "wrap",
+    gap: SPACE.sm - 2,
+    marginTop: SPACE.xs + 2
   },
   primary: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 8,
-    backgroundColor: "#ea580c"
-  },
-  primaryLabel: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: "#fff7ed"
+    minHeight: 32,
+    justifyContent: "center",
+    paddingHorizontal: SPACE.md + 2,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.foreground
   },
+  primaryLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.background
+  }),
   ghost: {
-    paddingHorizontal: 12,
-    paddingVertical: 8
+    minHeight: 32,
+    justifyContent: "center",
+    paddingHorizontal: SPACE.md + 2,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.background
   },
-  ghostLabel: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: "#64748b"
-  }
-});export{CanvasTasksPanel};//# sourceMappingURL=CanvasTasksPanel.js.map
+  ghostLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  })
+}));export{CanvasTasksPanel};//# sourceMappingURL=CanvasTasksPanel.js.map