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

package/lib/features/canvas/generationTasks.js

@@ -0,0 +1,162 @@
+import {hydrateCanvasTasks,addCanvasTask,markGenerationLive,getCanvasTask,patchCanvasTask}from'./canvasTasks.js';import {canvasTaskToJob,recordLocalJob,currentOwner,serverJobRef,canvasJobKey,runWithJob,jobDeadlineAt,GENERATION_BUDGET_MS,serverJobId,forgetServerJob,updateSurfaceJob,surfaceJobPatch,taskApiTransport}from'./serverTasks.js';import {generationImageUrl,generationMediaUrl,resultUrl}from'./videoEditor/mediaActions.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const TITLES = {
+  image: "Image generation",
+  video: "Video generation",
+  audio: "Audio generation"
+};
+function referencesOf(params) {
+  const urls = [];
+  const list = params.referenceImages;
+  if (Array.isArray(list)) {
+    for (const item of list) {
+      const url = item == null ? void 0 : item.url;
+      if (typeof url === "string" && url) urls.push(url);
+    }
+  }
+  const styleRefs = params.styleReferenceUrls;
+  if (Array.isArray(styleRefs)) {
+    for (const url of styleRefs) if (typeof url === "string" && url) urls.push(url);
+  }
+  for (const key of ["referenceImageUrl", "referenceEndImageUrl", "referenceVideoUrl"]) {
+    const url = params[key];
+    if (typeof url === "string" && url) urls.push(url);
+  }
+  return urls;
+}
+function describeGenerationInput(prompt, connector, action, params) {
+  const references = referencesOf(params);
+  return __spreadValues(__spreadValues(__spreadValues({
+    prompt,
+    connector,
+    action,
+    params
+  }, typeof params.model === "string" && params.model ? {
+    model: params.model
+  } : {}), typeof params.aspectRatio === "string" && params.aspectRatio ? {
+    aspectRatio: params.aspectRatio
+  } : {}), references.length ? {
+    references
+  } : {});
+}
+function defaultGenerationUrl(mode, action) {
+  if (mode === "image") return generationImageUrl;
+  if (mode === "video") return generationMediaUrl;
+  return (result) => resultUrl(result, action);
+}
+const errorLine = (err, fallback) => {
+  var _a;
+  return ((_a = (err instanceof Error ? err.message : String(err != null ? err : "")).split("\n")[0]) == null ? void 0 : _a.trim()) || fallback;
+};
+let seq = 0;
+const newId = () => `gen-${Date.now().toString(36)}-${(seq++).toString(36)}`;
+async function runTrackedGeneration(input) {
+  var _a;
+  const {
+    run,
+    connector,
+    action,
+    params,
+    mode,
+    prompt
+  } = input;
+  await hydrateCanvasTasks().catch(() => void 0);
+  const id = newId();
+  const createdAt = Date.now();
+  const owner = currentOwner();
+  const task = __spreadValues({
+    id,
+    kind: "generate",
+    title: input.title || TITLES[mode],
+    brief: prompt,
+    boardId: input.boardId || "",
+    state: "running",
+    createdAt,
+    startedAt: createdAt,
+    deadlineAt: jobDeadlineAt(createdAt, GENERATION_BUDGET_MS),
+    request: {
+      prompt,
+      preset: "generate",
+      durationSeconds: 0,
+      aspectRatio: ""
+    },
+    media: mode,
+    input: describeGenerationInput(prompt, connector, action, params),
+    lastLine: "Generating\u2026"
+  }, owner ? {
+    owner
+  } : {});
+  addCanvasTask(task);
+  markGenerationLive(id, true);
+  const key = canvasJobKey(id);
+  let handed = false;
+  try {
+    const job = canvasTaskToJob(task);
+    await recordLocalJob(owner ? __spreadProps(__spreadValues({}, job), {
+      owner
+    }) : job, {
+      exists: () => Boolean(getCanvasTask(id))
+    });
+    const ref = await serverJobRef(key).catch(() => void 0);
+    const out = await runWithJob(run, connector, action, params, ref);
+    handed = out.handed;
+    if (handed) patchCanvasTask(id, {
+      agentReports: true
+    });
+    const url = ((_a = input.resolveUrl) != null ? _a : defaultGenerationUrl(mode, action))(out.result);
+    patchCanvasTask(id, __spreadValues({
+      state: "succeeded",
+      endedAt: Date.now(),
+      lastLine: "Ready",
+      result: {
+        url,
+        title: prompt || TITLES[mode],
+        projectId: "",
+        preset: "generate",
+        pipeline: connector
+      }
+    }, input.delivered === false ? {} : {
+      delivered: true
+    }));
+    return url;
+  } catch (err) {
+    patchCanvasTask(id, {
+      state: "failed",
+      endedAt: Date.now(),
+      error: errorLine(err, `${TITLES[mode]} failed`),
+      lastLine: "Failed"
+    });
+    throw err;
+  } finally {
+    markGenerationLive(id, false);
+    settleRow(id, key, handed);
+  }
+}
+function settleRow(id, key, handed) {
+  void (async () => {
+    await Promise.resolve();
+    const settled = getCanvasTask(id);
+    const t = taskApiTransport();
+    const remoteId = handed || !settled || !t ? void 0 : serverJobId(key);
+    forgetServerJob(key);
+    if (!remoteId || !settled || !t) return;
+    await updateSurfaceJob(t, remoteId, surfaceJobPatch(canvasTaskToJob(settled))).catch(() => void 0);
+  })().catch(() => void 0);
+}export{defaultGenerationUrl,describeGenerationInput,referencesOf,runTrackedGeneration};//# sourceMappingURL=generationTasks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generationTasks.js","sources":["../../../src/features/canvas/generationTasks.ts"],"sourcesContent":["/**\n * Generations as server jobs - native twin of web canvas `rpc/mediaGenerationRpc`\n * `runGeneration` (registerRun + recordRunJob, the request carrying the job).\n *\n * Every prompt-to-media generation is a job someone may come back to: it is a\n * canvasTasks entry of kind 'generate' (so it lists in More > Tasks), recorded\n * on the Task API before the request goes out, and the request carries the\n * job so the agent reports the verdict to the row - the\n * row settles on the web and other phones even if this one goes away.\n *\n * USAGE (CanvasGeneratePanel and any other generation call site):\n *\n *   import { runTrackedGeneration } from './generationTasks';\n *\n *   const url: string = await runTrackedGeneration({\n *       run,          // RunMediaAction - the panel's runAction\n *       connector,    // MediaConnector, e.g. 'yantra-video-generation'\n *       action,       // e.g. 'YANTRA_VIDEO_GENERATION_GENERATE'\n *       params,       // the connector params exactly as sent\n *       mode,         // 'image' | 'video' | 'audio' - the media it makes\n *       prompt,       // what the person typed (the task's brief)\n *       boardId,      // the open board, or null/undefined for none\n *       // optional:\n *       title,        // the card title; default \"Image/Video/Audio generation\"\n *       resolveUrl,   // (result) => url; default per mode (generationImageUrl /\n *                     // generationMediaUrl / resultUrl)\n *       delivered,    // default true: the caller places the result itself, so\n *                     // the Tasks panel offers no second \"Place on board\"\n *   });\n *\n * Resolves with the media URL; rejects with the connector's error (the task\n * is marked failed with its first line). Never fails because of the Task API:\n * no backend, an older one, or no answer in two seconds and the request goes\n * out exactly as before, just without a job.\n */\nimport {\n    addCanvasTask,\n    getCanvasTask,\n    hydrateCanvasTasks,\n    markGenerationLive,\n    patchCanvasTask,\n    type CanvasTask,\n    type GenerationMedia,\n    type GenerationTaskInput,\n} from './canvasTasks';\nimport {\n    GENERATION_BUDGET_MS,\n    canvasJobKey,\n    canvasTaskToJob,\n    currentOwner,\n    forgetServerJob,\n    jobDeadlineAt,\n    recordLocalJob,\n    runWithJob,\n    serverJobId,\n    serverJobRef,\n    surfaceJobPatch,\n    taskApiTransport,\n    updateSurfaceJob,\n} from './serverTasks';\nimport {\n    generationImageUrl,\n    generationMediaUrl,\n    resultUrl,\n    type MediaConnector,\n    type RunMediaAction,\n} from './videoEditor/mediaActions';\n\nexport interface TrackedGenerationInput {\n    run: RunMediaAction;\n    connector: MediaConnector;\n    action: string;\n    params: Record<string, unknown>;\n    mode: GenerationMedia;\n    prompt: string;\n    boardId?: string | null;\n    title?: string;\n    resolveUrl?: (result: Record<string, unknown>) => string;\n    delivered?: boolean;\n}\n\nconst TITLES: Record<GenerationMedia, string> = {\n    image: 'Image generation',\n    video: 'Video generation',\n    audio: 'Audio generation',\n};\n\n/** The URLs a call was given as references, wherever the connector takes them (web `referencesOf`). Pure. */\nexport function referencesOf(params: Record<string, unknown>): string[] {\n    const urls: string[] = [];\n    const list = params.referenceImages;\n    if (Array.isArray(list)) {\n        for (const item of list) {\n            const url = (item as { url?: unknown })?.url;\n            if (typeof url === 'string' && url) urls.push(url);\n        }\n    }\n    const styleRefs = params.styleReferenceUrls;\n    if (Array.isArray(styleRefs)) {\n        for (const url of styleRefs) if (typeof url === 'string' && url) urls.push(url);\n    }\n    for (const key of ['referenceImageUrl', 'referenceEndImageUrl', 'referenceVideoUrl']) {\n        const url = params[key];\n        if (typeof url === 'string' && url) urls.push(url);\n    }\n    return urls;\n}\n\n/** What it would take to run this again (web `describeInput`). Pure. */\nexport function describeGenerationInput(\n    prompt: string,\n    connector: string,\n    action: string,\n    params: Record<string, unknown>,\n): GenerationTaskInput {\n    const references = referencesOf(params);\n    return {\n        prompt,\n        connector,\n        action,\n        params,\n        ...(typeof params.model === 'string' && params.model ? { model: params.model } : {}),\n        ...(typeof params.aspectRatio === 'string' && params.aspectRatio ? { aspectRatio: params.aspectRatio } : {}),\n        ...(references.length ? { references } : {}),\n    };\n}\n\n/** The produced URL for a lane's answer. */\nexport function defaultGenerationUrl(\n    mode: GenerationMedia,\n    action: string,\n): (result: Record<string, unknown>) => string {\n    if (mode === 'image') return generationImageUrl;\n    if (mode === 'video') return generationMediaUrl;\n    return (result) => resultUrl(result, action);\n}\n\nconst errorLine = (err: unknown, fallback: string): string =>\n    (err instanceof Error ? err.message : String(err ?? '')).split('\\n')[0]?.trim() || fallback;\n\nlet seq = 0;\nconst newId = () => `gen-${Date.now().toString(36)}-${(seq++).toString(36)}`;\n\n/** Run one generation as a tracked server job; resolves with the media URL. See the file header. */\nexport async function runTrackedGeneration(input: TrackedGenerationInput): Promise<string> {\n    const { run, connector, action, params, mode, prompt } = input;\n    await hydrateCanvasTasks().catch(() => undefined);\n    const id = newId();\n    const createdAt = Date.now();\n    const owner = currentOwner();\n    const task: CanvasTask & { owner?: string } = {\n        id,\n        kind: 'generate',\n        title: input.title || TITLES[mode],\n        brief: prompt,\n        boardId: input.boardId || '',\n        state: 'running',\n        createdAt,\n        startedAt: createdAt,\n        deadlineAt: jobDeadlineAt(createdAt, GENERATION_BUDGET_MS),\n        request: { prompt, preset: 'generate', durationSeconds: 0, aspectRatio: '' },\n        media: mode,\n        input: describeGenerationInput(prompt, connector, action, params),\n        lastLine: 'Generating…',\n        ...(owner ? { owner } : {}),\n    };\n    addCanvasTask(task);\n    markGenerationLive(id, true);\n    const key = canvasJobKey(id);\n\n    let handed = false;\n    try {\n        // Recorded before the request (two seconds at most), so it can hand the agent the job.\n        const job = canvasTaskToJob(task);\n        await recordLocalJob(owner ? { ...job, owner } : job, { exists: () => Boolean(getCanvasTask(id)) });\n        // No `expects` (web direct lane): 'media' fails a result URL with no file extension.\n        const ref = await serverJobRef(key).catch(() => undefined);\n        const out = await runWithJob(run, connector, action, params, ref);\n        handed = out.handed;\n        if (handed) patchCanvasTask(id, { agentReports: true });\n        const url = (input.resolveUrl ?? defaultGenerationUrl(mode, action))(out.result);\n        patchCanvasTask(id, {\n            state: 'succeeded',\n            endedAt: Date.now(),\n            lastLine: 'Ready',\n            result: { url, title: prompt || TITLES[mode], projectId: '', preset: 'generate', pipeline: connector },\n            ...(input.delivered === false ? {} : { delivered: true }),\n        });\n        return url;\n    } catch (err) {\n        patchCanvasTask(id, {\n            state: 'failed',\n            endedAt: Date.now(),\n            error: errorLine(err, `${TITLES[mode]} failed`),\n            lastLine: 'Failed',\n        });\n        throw err;\n    } finally {\n        markGenerationLive(id, false);\n        settleRow(id, key, handed);\n    }\n}\n\n/**\n * Write this phone's verdict to the row when the agent was not handed the\n * job (a handed job's verdict is the agent's, and final). Best effort; the\n * Tasks sheet's mirror pass covers a row this misses.\n */\nfunction settleRow(id: string, key: string, handed: boolean): void {\n    void (async () => {\n        await Promise.resolve();\n        const settled = getCanvasTask(id);\n        const t = taskApiTransport();\n        const remoteId = handed || !settled || !t ? undefined : serverJobId(key);\n        forgetServerJob(key);\n        if (!remoteId || !settled || !t) return;\n        await updateSurfaceJob(t, remoteId, surfaceJobPatch(canvasTaskToJob(settled))).catch(() => undefined);\n    })().catch(() => undefined);\n}\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/generator/BottomSheet.js

@@ -0,0 +1,167 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo}from'react';import {View,Text,ScrollView,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE}from'../canvasUi.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function GeneratorBottomSheet({
+  title,
+  onClose,
+  footer,
+  children,
+  testID
+}) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  return /* @__PURE__ */ jsxs(View, { style: styles.overlay, testID, children: [
+    /* @__PURE__ */ jsx(Pressable, { style: styles.backdrop, onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close sheet" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.panel, children: [
+      /* @__PURE__ */ jsx(View, { style: styles.grabber }),
+      /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.title, children: title }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 8, style: ({
+          pressed
+        }) => [styles.close, pressedStyle(pressed)], accessibilityRole: "button", accessibilityLabel: "Done", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 18, color: theme.foreground }) })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollView, { style: styles.scroll, contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children }),
+      footer ? /* @__PURE__ */ jsx(View, { style: styles.footer, children: footer }) : null
+    ] })
+  ] });
+}
+function ChipGrid({
+  label,
+  options,
+  value,
+  onChange,
+  swatch
+}) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  return /* @__PURE__ */ jsxs(View, { style: styles.group, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.groupLabel, children: label }),
+    /* @__PURE__ */ jsx(View, { style: styles.grid, children: options.map((o) => {
+      const on = value === o.id;
+      const dots = swatch == null ? void 0 : swatch(o.id);
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: () => onChange(o.id), style: ({
+        pressed
+      }) => [styles.chip, on && styles.chipOn, pressedStyle(pressed)], accessibilityRole: "button", accessibilityState: {
+        selected: on
+      }, accessibilityHint: o.hint, children: [
+        (dots == null ? void 0 : dots.length) ? /* @__PURE__ */ jsx(View, { style: styles.dots, children: dots.map((c, i) => /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+          backgroundColor: c
+        }] }, `${c}-${i}`)) }) : null,
+        /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, on && styles.chipLabelOn], numberOfLines: 1, children: o.label })
+      ] }, String(o.id));
+    }) })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  overlay: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    justifyContent: "flex-end",
+    zIndex: 50
+  }),
+  backdrop: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    backgroundColor: "rgba(0,0,0,0.4)"
+  }),
+  panel: {
+    maxHeight: "82%",
+    borderTopLeftRadius: RADIUS.xl,
+    borderTopRightRadius: RADIUS.xl,
+    backgroundColor: theme.background,
+    paddingBottom: SPACE.lg
+  },
+  grabber: {
+    alignSelf: "center",
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    marginTop: SPACE.sm,
+    backgroundColor: theme.borderStrong
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingLeft: SPACE.lg,
+    paddingRight: SPACE.md,
+    paddingVertical: SPACE.sm
+  },
+  title: __spreadProps(__spreadValues({}, TYPE.title), {
+    color: theme.foreground
+  }),
+  close: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.card
+  },
+  scroll: {
+    flexGrow: 0
+  },
+  body: {
+    paddingHorizontal: SPACE.lg,
+    paddingBottom: SPACE.md,
+    gap: SPACE.lg
+  },
+  footer: {
+    paddingHorizontal: SPACE.lg,
+    paddingTop: SPACE.sm
+  },
+  group: {
+    gap: SPACE.sm
+  },
+  groupLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.mutedForeground
+  }),
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: SPACE.sm - 2
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm - 2,
+    minHeight: 36,
+    paddingHorizontal: SPACE.md,
+    borderRadius: RADIUS.pill,
+    backgroundColor: theme.card,
+    maxWidth: "100%"
+  },
+  chipOn: {
+    backgroundColor: theme.foreground
+  },
+  chipLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground,
+    flexShrink: 1
+  }),
+  chipLabelOn: {
+    color: theme.background
+  },
+  dots: {
+    flexDirection: "row"
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    marginRight: -2,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.borderStrong
+  }
+}));export{ChipGrid,GeneratorBottomSheet};//# sourceMappingURL=BottomSheet.js.map

package/lib/features/canvas/generator/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../../src/features/canvas/generator/BottomSheet.tsx"],"sourcesContent":["/**\n * A lightweight bottom sheet for the generator's pickers: an absolute overlay\n * (backdrop + panel) inside the screen that renders it, so it ships in the OTA\n * canvas remote without a native modal host. The parent must be a flex-1 View.\n */\nimport React, { useMemo } from 'react';\nimport { ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from '../canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE, pressedStyle } from '../canvasUi';\n\nexport function GeneratorBottomSheet({\n    title,\n    onClose,\n    footer,\n    children,\n    testID,\n}: {\n    title: string;\n    onClose: () => void;\n    footer?: React.ReactNode;\n    children: React.ReactNode;\n    testID?: string;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View style={styles.overlay} testID={testID}>\n            <Pressable\n                style={styles.backdrop}\n                onPress={onClose}\n                accessibilityRole=\"button\"\n                accessibilityLabel=\"Close sheet\"\n            />\n            <View style={styles.panel}>\n                <View style={styles.grabber} />\n                <View style={styles.head}>\n                    <Text style={styles.title}>{title}</Text>\n                    <Pressable\n                        onPress={onClose}\n                        hitSlop={8}\n                        style={({ pressed }) => [styles.close, pressedStyle(pressed)]}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Done\"\n                    >\n                        <MaterialCommunityIcons name=\"close\" size={18} color={theme.foreground} />\n                    </Pressable>\n                </View>\n                <ScrollView\n                    style={styles.scroll}\n                    contentContainerStyle={styles.body}\n                    keyboardShouldPersistTaps=\"handled\"\n                >\n                    {children}\n                </ScrollView>\n                {footer ? <View style={styles.footer}>{footer}</View> : null}\n            </View>\n        </View>\n    );\n}\n\n/** A labelled grid of chips; tapping the selected chip clears it. */\nexport function ChipGrid<T extends string | number>({\n    label,\n    options,\n    value,\n    onChange,\n    swatch,\n}: {\n    label: string;\n    options: ReadonlyArray<{ id: T; label: string; hint?: string }>;\n    value: T | undefined;\n    onChange: (next: T) => void;\n    /** A colour dot (or several) drawn before an option's label. */\n    swatch?: (id: T) => string[] | undefined;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    return (\n        <View style={styles.group}>\n            <Text style={styles.groupLabel}>{label}</Text>\n            <View style={styles.grid}>\n                {options.map((o) => {\n                    const on = value === o.id;\n                    const dots = swatch?.(o.id);\n                    return (\n                        <Pressable\n                            key={String(o.id)}\n                            onPress={() => onChange(o.id)}\n                            style={({ pressed }) => [styles.chip, on && styles.chipOn, pressedStyle(pressed)]}\n                            accessibilityRole=\"button\"\n                            accessibilityState={{ selected: on }}\n                            accessibilityHint={o.hint}\n                        >\n                            {dots?.length ? (\n                                <View style={styles.dots}>\n                                    {dots.map((c, i) => (\n                                        <View key={`${c}-${i}`} style={[styles.dot, { backgroundColor: c }]} />\n                                    ))}\n                                </View>\n                            ) : null}\n                            <Text style={[styles.chipLabel, on && styles.chipLabelOn]} numberOfLines={1}>\n                                {o.label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </View>\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        overlay: { ...StyleSheet.absoluteFillObject, justifyContent: 'flex-end', zIndex: 50 },\n        backdrop: { ...StyleSheet.absoluteFillObject, backgroundColor: 'rgba(0,0,0,0.4)' },\n        panel: {\n            maxHeight: '82%',\n            borderTopLeftRadius: RADIUS.xl,\n            borderTopRightRadius: RADIUS.xl,\n            backgroundColor: theme.background,\n            paddingBottom: SPACE.lg,\n        },\n        grabber: {\n            alignSelf: 'center',\n            width: 36,\n            height: 4,\n            borderRadius: 2,\n            marginTop: SPACE.sm,\n            backgroundColor: theme.borderStrong,\n        },\n        head: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            paddingLeft: SPACE.lg,\n            paddingRight: SPACE.md,\n            paddingVertical: SPACE.sm,\n        },\n        title: { ...TYPE.title, color: theme.foreground },\n        close: {\n            width: 36,\n            height: 36,\n            borderRadius: 18,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: theme.card,\n        },\n        scroll: { flexGrow: 0 },\n        body: { paddingHorizontal: SPACE.lg, paddingBottom: SPACE.md, gap: SPACE.lg },\n        footer: { paddingHorizontal: SPACE.lg, paddingTop: SPACE.sm },\n        group: { gap: SPACE.sm },\n        groupLabel: { ...TYPE.label, color: theme.mutedForeground },\n        grid: { flexDirection: 'row', flexWrap: 'wrap', gap: SPACE.sm - 2 },\n        chip: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: SPACE.sm - 2,\n            minHeight: 36,\n            paddingHorizontal: SPACE.md,\n            borderRadius: RADIUS.pill,\n            backgroundColor: theme.card,\n            maxWidth: '100%',\n        },\n        chipOn: { backgroundColor: theme.foreground },\n        chipLabel: { ...TYPE.label, color: theme.foreground, flexShrink: 1 },\n        chipLabelOn: { color: theme.background },\n        dots: { flexDirection: 'row' },\n        dot: {\n            width: 10,\n            height: 10,\n            borderRadius: 5,\n            marginRight: -2,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.borderStrong,\n        },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/generator/BusinessCardChatCard.js

@@ -0,0 +1,155 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useMemo,useState}from'react';import {View,Text,StyleSheet,Image}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCanvasTheme,themedStyles}from'../canvasTheme.js';import {SPACE,Pressable,pressedStyle,RADIUS,TYPE}from'../canvasUi.js';import {businessCardWidgetsOf,businessCardLine}from'./businessCardWidget.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const PRINT_UNAVAILABLE_NOTE = "Ordering prints is on the web for now. Open this card there to order.";
+function Side({
+  src,
+  label
+}) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  const [failed, setFailed] = useState(false);
+  return /* @__PURE__ */ jsx(View, { style: styles.side, accessibilityLabel: label, children: src && !failed ? /* @__PURE__ */ jsx(Image, { source: {
+    uri: src
+  }, style: styles.sideImg, resizeMode: "contain", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "card-account-details-outline", size: 20, color: theme.mutedForeground }) });
+}
+function BusinessCardChatCard({
+  card,
+  onEditDesign,
+  onOrderPrints
+}) {
+  const theme = useCanvasTheme();
+  const styles = useMemo(() => makeStyles(theme), [theme]);
+  const [explain, setExplain] = useState(false);
+  const line = businessCardLine(card);
+  return /* @__PURE__ */ jsxs(View, { style: styles.card, testID: "business-card-widget", children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.sides, children: [
+      /* @__PURE__ */ jsx(Side, { src: card.previewUrl, label: "Front of the card" }),
+      card.backPreviewUrl ? /* @__PURE__ */ jsx(Side, { src: card.backPreviewUrl, label: "Back of the card" }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.title, numberOfLines: 1, children: card.title }),
+      line ? /* @__PURE__ */ jsx(Text, { style: styles.line, numberOfLines: 1, children: line }) : null,
+      /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => onOrderPrints ? onOrderPrints(card.artifactId) : setExplain((v) => !v), style: ({
+          pressed
+        }) => [styles.btn, styles.primary, !onOrderPrints && styles.off, pressedStyle(pressed)], accessibilityRole: "button", accessibilityState: {
+          disabled: !onOrderPrints
+        }, accessibilityHint: onOrderPrints ? void 0 : PRINT_UNAVAILABLE_NOTE, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "printer-outline", size: 14, color: theme.primaryForeground }),
+          /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Order prints" })
+        ] }),
+        onEditDesign ? /* @__PURE__ */ jsxs(Pressable, { onPress: () => onEditDesign(card.artifactId), style: ({
+          pressed
+        }) => [styles.btn, styles.secondary, pressedStyle(pressed)], accessibilityRole: "button", children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "pencil-outline", size: 14, color: theme.foreground }),
+          /* @__PURE__ */ jsx(Text, { style: styles.secondaryLabel, children: "Edit design" })
+        ] }) : null
+      ] }),
+      explain && !onOrderPrints ? /* @__PURE__ */ jsx(Text, { style: styles.line, children: PRINT_UNAVAILABLE_NOTE }) : null
+    ] })
+  ] });
+}
+function BusinessCardExtras({
+  content,
+  onEditDesign,
+  onOrderPrints
+}) {
+  const cards = useMemo(() => businessCardWidgetsOf(content), [content]);
+  if (cards.length === 0) return null;
+  return /* @__PURE__ */ jsx(View, { style: {
+    gap: SPACE.sm
+  }, children: cards.map((card) => /* @__PURE__ */ jsx(BusinessCardChatCard, { card, onEditDesign, onOrderPrints }, card.artifactId)) });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  card: {
+    maxWidth: 380,
+    alignSelf: "stretch",
+    overflow: "hidden",
+    borderRadius: RADIUS.lg,
+    backgroundColor: theme.card,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  },
+  sides: {
+    flexDirection: "row",
+    gap: SPACE.sm,
+    padding: SPACE.md,
+    backgroundColor: theme.tint(0.04)
+  },
+  side: {
+    flex: 1,
+    aspectRatio: 7 / 4,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    borderRadius: 3,
+    backgroundColor: theme.background,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  },
+  sideImg: {
+    width: "100%",
+    height: "100%"
+  },
+  body: {
+    gap: SPACE.xs,
+    paddingHorizontal: SPACE.md,
+    paddingTop: SPACE.sm,
+    paddingBottom: SPACE.md
+  },
+  title: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  }),
+  line: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
+    color: theme.mutedForeground
+  }),
+  actions: {
+    flexDirection: "row",
+    gap: SPACE.sm,
+    marginTop: SPACE.sm
+  },
+  btn: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: SPACE.xs + 2,
+    minHeight: 36,
+    borderRadius: RADIUS.md
+  },
+  primary: {
+    backgroundColor: theme.primary
+  },
+  off: {
+    opacity: 0.45
+  },
+  primaryLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.primaryForeground
+  }),
+  secondary: {
+    backgroundColor: theme.background,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.border
+  },
+  secondaryLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.foreground
+  })
+}));export{BusinessCardChatCard,BusinessCardExtras,PRINT_UNAVAILABLE_NOTE};//# sourceMappingURL=BusinessCardChatCard.js.map

package/lib/features/canvas/generator/BusinessCardChatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessCardChatCard.js","sources":["../../../../src/features/canvas/generator/BusinessCardChatCard.tsx"],"sourcesContent":["/**\n * A business card the agent made (native twin of web BusinessCardChatCard):\n * the front (and back) as rendered, the size and whose card it is, then\n * \"Order prints\" and \"Edit design\". Edit opens the native Design studio on the\n * saved design. The phone has no print-ordering flow yet, so Order prints is\n * shown disabled with the reason unless the host passes `onOrderPrints`.\n */\nimport React, { useMemo, useState } from 'react';\nimport { Image, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useCanvasTheme, themedStyles, type CanvasPalette } from '../canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE, pressedStyle } from '../canvasUi';\nimport { businessCardLine, businessCardWidgetsOf, type BusinessCardWidget } from './businessCardWidget';\n\nexport const PRINT_UNAVAILABLE_NOTE = 'Ordering prints is on the web for now. Open this card there to order.';\n\nfunction Side({ src, label }: { src?: string; label: string }) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    const [failed, setFailed] = useState(false);\n    return (\n        <View style={styles.side} accessibilityLabel={label}>\n            {src && !failed ? (\n                <Image\n                    source={{ uri: src }}\n                    style={styles.sideImg}\n                    resizeMode=\"contain\"\n                    onError={() => setFailed(true)}\n                />\n            ) : (\n                <MaterialCommunityIcons name=\"card-account-details-outline\" size={20} color={theme.mutedForeground} />\n            )}\n        </View>\n    );\n}\n\nexport function BusinessCardChatCard({\n    card,\n    onEditDesign,\n    onOrderPrints,\n}: {\n    card: BusinessCardWidget;\n    /** Opens the saved design in the native Design studio; absent where nothing can open it. */\n    onEditDesign?: (artifactId: string) => void;\n    /** The print flow, when the host has one. */\n    onOrderPrints?: (artifactId: string) => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = useMemo(() => makeStyles(theme), [theme]);\n    const [explain, setExplain] = useState(false);\n    const line = businessCardLine(card);\n    return (\n        <View style={styles.card} testID=\"business-card-widget\">\n            <View style={styles.sides}>\n                <Side src={card.previewUrl} label=\"Front of the card\" />\n                {card.backPreviewUrl ? <Side src={card.backPreviewUrl} label=\"Back of the card\" /> : null}\n            </View>\n            <View style={styles.body}>\n                <Text style={styles.title} numberOfLines={1}>\n                    {card.title}\n                </Text>\n                {line ? (\n                    <Text style={styles.line} numberOfLines={1}>\n                        {line}\n                    </Text>\n                ) : null}\n                <View style={styles.actions}>\n                    <Pressable\n                        onPress={() => (onOrderPrints ? onOrderPrints(card.artifactId) : setExplain((v) => !v))}\n                        style={({ pressed }) => [\n                            styles.btn,\n                            styles.primary,\n                            !onOrderPrints && styles.off,\n                            pressedStyle(pressed),\n                        ]}\n                        accessibilityRole=\"button\"\n                        accessibilityState={{ disabled: !onOrderPrints }}\n                        accessibilityHint={onOrderPrints ? undefined : PRINT_UNAVAILABLE_NOTE}\n                    >\n                        <MaterialCommunityIcons name=\"printer-outline\" size={14} color={theme.primaryForeground} />\n                        <Text style={styles.primaryLabel}>Order prints</Text>\n                    </Pressable>\n                    {onEditDesign ? (\n                        <Pressable\n                            onPress={() => onEditDesign(card.artifactId)}\n                            style={({ pressed }) => [styles.btn, styles.secondary, pressedStyle(pressed)]}\n                            accessibilityRole=\"button\"\n                        >\n                            <MaterialCommunityIcons name=\"pencil-outline\" size={14} color={theme.foreground} />\n                            <Text style={styles.secondaryLabel}>Edit design</Text>\n                        </Pressable>\n                    ) : null}\n                </View>\n                {explain && !onOrderPrints ? <Text style={styles.line}>{PRINT_UNAVAILABLE_NOTE}</Text> : null}\n            </View>\n        </View>\n    );\n}\n\n/** Under an agent reply: every business card it made, or null when it has none. */\nexport function BusinessCardExtras({\n    content,\n    onEditDesign,\n    onOrderPrints,\n}: {\n    content: string;\n    onEditDesign?: (artifactId: string) => void;\n    onOrderPrints?: (artifactId: string) => void;\n}) {\n    const cards = useMemo(() => businessCardWidgetsOf(content), [content]);\n    if (cards.length === 0) return null;\n    return (\n        <View style={{ gap: SPACE.sm }}>\n            {cards.map((card) => (\n                <BusinessCardChatCard\n                    key={card.artifactId}\n                    card={card}\n                    onEditDesign={onEditDesign}\n                    onOrderPrints={onOrderPrints}\n                />\n            ))}\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        card: {\n            maxWidth: 380,\n            alignSelf: 'stretch',\n            overflow: 'hidden',\n            borderRadius: RADIUS.lg,\n            backgroundColor: theme.card,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        sides: { flexDirection: 'row', gap: SPACE.sm, padding: SPACE.md, backgroundColor: theme.tint(0.04) },\n        side: {\n            flex: 1,\n            aspectRatio: 7 / 4,\n            alignItems: 'center',\n            justifyContent: 'center',\n            overflow: 'hidden',\n            borderRadius: 3,\n            backgroundColor: theme.background,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        sideImg: { width: '100%', height: '100%' },\n        body: { gap: SPACE.xs, paddingHorizontal: SPACE.md, paddingTop: SPACE.sm, paddingBottom: SPACE.md },\n        title: { ...TYPE.label, color: theme.foreground },\n        line: { ...TYPE.caption, fontWeight: '400', color: theme.mutedForeground },\n        actions: { flexDirection: 'row', gap: SPACE.sm, marginTop: SPACE.sm },\n        btn: {\n            flex: 1,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: SPACE.xs + 2,\n            minHeight: 36,\n            borderRadius: RADIUS.md,\n        },\n        primary: { backgroundColor: theme.primary },\n        off: { opacity: 0.45 },\n        primaryLabel: { ...TYPE.label, color: theme.primaryForeground },\n        secondary: {\n            backgroundColor: theme.background,\n            borderWidth: StyleSheet.hairlineWidth,\n            borderColor: theme.border,\n        },\n        secondaryLabel: { ...TYPE.label, color: theme.foreground },\n    }),\n);\n"],"names":[],"mappings":"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"}