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

package/lib/features/design/surface/designRun.js

@@ -0,0 +1,161 @@
+import {isChatTurn}from'./agentTurn.js';import {creationKey}from'./designBoard.js';import {briefWithReference}from'./designChat.js';import {designEditMessage,toArtifact,editDesign,designGenerateMessage,generateDesign,DesignQuestionError}from'./designConnector.js';import {looksLikeDocument,extractDocument,renderableHtml}from'./designDocument.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));
+async function durablePage(ctx, message, model, onChunk, hooks) {
+  var _a, _b;
+  if (!ctx.agent || !ctx.channelId) return null;
+  try {
+    const {
+      text,
+      sessionId
+    } = await ctx.agent.turn(message, {
+      raw: true,
+      channelId: ctx.channelId,
+      sessionId: ctx.sessionId,
+      model,
+      signal: hooks.signal,
+      onStatus: hooks.onStatus,
+      onDelta: onChunk
+    });
+    (_a = ctx.onSession) == null ? void 0 : _a.call(ctx, sessionId);
+    const page = looksLikeDocument(text) ? text : extractDocument(text);
+    return page || null;
+  } catch (err) {
+    if (((_b = hooks.signal) == null ? void 0 : _b.aborted) || err instanceof DesignQuestionError) throw err;
+    return null;
+  }
+}
+function laneOf(send) {
+  if (send.editTarget) return "edit";
+  if (send.reference) return "reference";
+  return isChatTurn({
+    templateId: send.templateId,
+    systemId: send.systemId
+  }) ? "chat" : "generate";
+}
+async function runDesignSend(ctx, send, hooks = {}) {
+  var _a, _b, _c, _d;
+  let streamed = "";
+  const onChunk = (chunk) => {
+    var _a2;
+    streamed += chunk;
+    const page2 = renderableHtml(streamed);
+    if (page2) (_a2 = hooks.onPartial) == null ? void 0 : _a2.call(hooks, page2);
+  };
+  const lane = laneOf(send);
+  if (lane === "edit") {
+    const target = send.editTarget;
+    const params = __spreadProps(__spreadValues({
+      html: target.html,
+      instruction: send.text
+    }, target.id ? {
+      id: target.id
+    } : {}), {
+      title: target.title,
+      systemId: (_a = send.systemId) != null ? _a : target.systemId,
+      templateId: target.templateId,
+      model: send.modelId
+    });
+    const durable = await durablePage(ctx, designEditMessage(params), send.modelId, onChunk, hooks);
+    if (!durable) streamed = "";
+    const edited = durable ? toArtifact(durable, {}, {
+      title: target.title,
+      id: target.id,
+      systemId: params.systemId,
+      templateId: target.templateId
+    }) : await editDesign(ctx.exec, params, onChunk, hooks.signal);
+    return {
+      kind: "page",
+      artifact: __spreadProps(__spreadValues({}, edited), {
+        id: (_b = edited.id) != null ? _b : target.id
+      }),
+      replaces: creationKey(target),
+      replaced: target
+    };
+  }
+  if (lane === "reference" || lane === "generate") {
+    const reference = send.reference;
+    const params = {
+      brief: reference ? briefWithReference(send.text, reference) : send.text,
+      templateId: send.templateId,
+      systemId: (_c = send.systemId) != null ? _c : reference == null ? void 0 : reference.systemId,
+      model: send.modelId
+    };
+    const durable = await durablePage(ctx, designGenerateMessage(params), send.modelId, onChunk, hooks);
+    if (!durable) streamed = "";
+    const artifact = durable ? toArtifact(durable, {}, {
+      brief: send.text,
+      systemId: params.systemId,
+      templateId: params.templateId
+    }) : await generateDesign(ctx.exec, params, onChunk, hooks.signal);
+    return {
+      kind: "page",
+      artifact: reference && !/<title>/i.test(artifact.html) ? __spreadProps(__spreadValues({}, artifact), {
+        title: send.text.slice(0, 60)
+      }) : artifact
+    };
+  }
+  if (!ctx.agent && send.control) return {
+    kind: "reply",
+    text: ""
+  };
+  if (!ctx.agent) {
+    const artifact = await generateDesign(ctx.exec, {
+      brief: send.text,
+      model: send.modelId
+    }, onChunk, hooks.signal);
+    return {
+      kind: "page",
+      artifact
+    };
+  }
+  let reply = "";
+  const {
+    text,
+    sessionId
+  } = await ctx.agent.turn(send.text, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, send.control ? {
+    raw: true
+  } : {}), {
+    sessionId: ctx.sessionId
+  }), ctx.channelId ? {
+    channelId: ctx.channelId
+  } : {}), {
+    model: send.modelId,
+    signal: hooks.signal,
+    onStatus: hooks.onStatus,
+    onDelta: (delta) => {
+      var _a2;
+      reply += delta;
+      onChunk(delta);
+      (_a2 = hooks.onReply) == null ? void 0 : _a2.call(hooks, reply);
+    }
+  }));
+  (_d = ctx.onSession) == null ? void 0 : _d.call(ctx, sessionId);
+  const page = looksLikeDocument(text) ? text : extractDocument(text);
+  if (page) return {
+    kind: "page",
+    artifact: toArtifact(page, {}, {
+      brief: send.text
+    })
+  };
+  return {
+    kind: "reply",
+    text: text.trim()
+  };
+}export{laneOf,runDesignSend};//# sourceMappingURL=designRun.js.map

package/lib/features/design/surface/designRun.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designRun.js","sources":["../../../../src/features/design/surface/designRun.ts"],"sourcesContent":["/**\n * One composer send, routed to its lane - native twin of the send routing in\n * design-surface `standalone/standaloneServices.tsx` (+ `designMachine`):\n *\n *   edit target      YANTRA_DESIGN_EDIT on the open page, landing over it\n *   reference        a new page generated from the open one (its system kept)\n *   template/system  YANTRA_DESIGN_GENERATE with those picks\n *   bare text        the agent chat turn; the skill answers or designs\n *\n * With the board's chat channel at hand, the page-making lanes run on the\n * DURABLE lane first - an agent turn bound to the channel carrying the web's\n * pinned directive - so the turn is stored in the board's conversation, then\n * fall back to the direct exec lane on any failure, exactly as the web does.\n *\n * Pure apart from the injected transports: runs under jest as-is.\n */\nimport { isChatTurn, type AgentTurnTransport } from './agentTurn';\nimport { creationKey, type DesignArtifact } from './designBoard';\nimport { briefWithReference } from './designChat';\nimport {\n    DesignQuestionError,\n    designEditMessage,\n    designGenerateMessage,\n    editDesign,\n    generateDesign,\n    toArtifact,\n    type EditParams,\n    type GenerateParams,\n} from './designConnector';\nimport { extractDocument, looksLikeDocument, renderableHtml } from './designDocument';\nimport type { ExecTransport } from './execStream';\n\nexport interface DesignSend {\n    text: string;\n    modelId?: string;\n    templateId?: string;\n    systemId?: string;\n    /** The open design, edited in place. */\n    editTarget?: DesignArtifact;\n    /** The open design, used as reference for a NEW one (\"New from this\"). */\n    reference?: DesignArtifact;\n    /** A card's answer (`[CONNECTOR_CONNECTED:…]`): sent to the agent as is, no routing note. */\n    control?: boolean;\n}\n\nexport type DesignRunResult =\n    | { kind: 'page'; artifact: DesignArtifact; replaces?: string; replaced?: DesignArtifact }\n    | { kind: 'reply'; text: string };\n\nexport interface DesignRunHooks {\n    /** The page so far, as it streams - the generating tile draws it. */\n    onPartial?: (html: string) => void;\n    /** Reply prose so far (chat lane). */\n    onReply?: (text: string) => void;\n    onStatus?: (status: string) => void;\n    signal?: AbortSignal;\n}\n\nexport interface DesignRunContext {\n    exec: ExecTransport;\n    agent?: AgentTurnTransport;\n    /** The board's agent session, reused across its chat turns. */\n    sessionId?: string | null;\n    onSession?: (sessionId: string) => void;\n    /** The board's chat channel: turns are stored there, and page-making tries the durable lane first. */\n    channelId?: string;\n}\n\n/**\n * A page-making turn on the durable lane, or null when that lane did not yield\n * a page (no agent, no channel, a failure) - the caller then runs direct exec.\n * A stop or a question is final, not a reason to retry.\n */\nasync function durablePage(\n    ctx: DesignRunContext,\n    message: string,\n    model: string | undefined,\n    onChunk: (chunk: string) => void,\n    hooks: DesignRunHooks,\n): Promise<string | null> {\n    if (!ctx.agent || !ctx.channelId) return null;\n    try {\n        const { text, sessionId } = await ctx.agent.turn(message, {\n            raw: true,\n            channelId: ctx.channelId,\n            sessionId: ctx.sessionId,\n            model,\n            signal: hooks.signal,\n            onStatus: hooks.onStatus,\n            onDelta: onChunk,\n        });\n        ctx.onSession?.(sessionId);\n        const page = looksLikeDocument(text) ? text : extractDocument(text);\n        return page || null;\n    } catch (err) {\n        if (hooks.signal?.aborted || err instanceof DesignQuestionError) throw err;\n        return null;\n    }\n}\n\n/** The lane a send takes. */\nexport function laneOf(send: DesignSend): 'edit' | 'reference' | 'generate' | 'chat' {\n    if (send.editTarget) return 'edit';\n    if (send.reference) return 'reference';\n    return isChatTurn({ templateId: send.templateId, systemId: send.systemId }) ? 'chat' : 'generate';\n}\n\nexport async function runDesignSend(\n    ctx: DesignRunContext,\n    send: DesignSend,\n    hooks: DesignRunHooks = {},\n): Promise<DesignRunResult> {\n    let streamed = '';\n    const onChunk = (chunk: string) => {\n        streamed += chunk;\n        const page = renderableHtml(streamed);\n        if (page) hooks.onPartial?.(page);\n    };\n    const lane = laneOf(send);\n\n    if (lane === 'edit') {\n        const target = send.editTarget!;\n        const params: EditParams = {\n            html: target.html,\n            instruction: send.text,\n            ...(target.id ? { id: target.id } : {}),\n            title: target.title,\n            systemId: send.systemId ?? target.systemId,\n            templateId: target.templateId,\n            model: send.modelId,\n        };\n        const durable = await durablePage(ctx, designEditMessage(params), send.modelId, onChunk, hooks);\n        // The failed attempt's prose is not the retry's page.\n        if (!durable) streamed = '';\n        const edited = durable\n            ? toArtifact(\n                  durable,\n                  {},\n                  { title: target.title, id: target.id, systemId: params.systemId, templateId: target.templateId },\n              )\n            : await editDesign(ctx.exec, params, onChunk, hooks.signal);\n        // The id is kept so the open creation updates in place instead of a new one landing.\n        return {\n            kind: 'page',\n            artifact: { ...edited, id: edited.id ?? target.id },\n            replaces: creationKey(target),\n            replaced: target,\n        };\n    }\n\n    if (lane === 'reference' || lane === 'generate') {\n        const reference = send.reference;\n        const params: GenerateParams = {\n            brief: reference ? briefWithReference(send.text, reference) : send.text,\n            templateId: send.templateId,\n            systemId: send.systemId ?? reference?.systemId,\n            model: send.modelId,\n        };\n        const durable = await durablePage(ctx, designGenerateMessage(params), send.modelId, onChunk, hooks);\n        if (!durable) streamed = '';\n        const artifact = durable\n            ? toArtifact(durable, {}, { brief: send.text, systemId: params.systemId, templateId: params.templateId })\n            : await generateDesign(ctx.exec, params, onChunk, hooks.signal);\n        // A reference brief is long; the creation is titled by what was asked, not by the scaffolding.\n        return {\n            kind: 'page',\n            artifact:\n                reference && !/<title>/i.test(artifact.html)\n                    ? { ...artifact, title: send.text.slice(0, 60) }\n                    : artifact,\n        };\n    }\n\n    if (!ctx.agent && send.control) return { kind: 'reply', text: '' };\n    if (!ctx.agent) {\n        // No agent lane on this build: a bare send designs, as the old surface did.\n        const artifact = await generateDesign(\n            ctx.exec,\n            { brief: send.text, model: send.modelId },\n            onChunk,\n            hooks.signal,\n        );\n        return { kind: 'page', artifact };\n    }\n    let reply = '';\n    const { text, sessionId } = await ctx.agent.turn(send.text, {\n        ...(send.control ? { raw: true } : {}),\n        sessionId: ctx.sessionId,\n        ...(ctx.channelId ? { channelId: ctx.channelId } : {}),\n        model: send.modelId,\n        signal: hooks.signal,\n        onStatus: hooks.onStatus,\n        onDelta: (delta) => {\n            reply += delta;\n            onChunk(delta);\n            hooks.onReply?.(reply);\n        },\n    });\n    ctx.onSession?.(sessionId);\n    const page = looksLikeDocument(text) ? text : extractDocument(text);\n    if (page) return { kind: 'page', artifact: toArtifact(page, {}, { brief: send.text }) };\n    return { kind: 'reply', text: text.trim() };\n}\n"],"names":["_a","page"],"mappings":"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"}

package/lib/features/design/surface/designTheme.js

@@ -0,0 +1,119 @@
+const rgba = (rgb) => (alpha) => `rgba(${rgb},${alpha})`;
+const DESIGN_THEME_PAINTS = {
+  light: ["#02677f", "#ffb500", "#309b42", "#d3451e", "#03a2bc"],
+  dark: ["#1b8fa5", "#eaaa2c", "#30893e", "#cd5537", "#5db4bf"]
+};
+const DESIGN_LIGHT = {
+  background: "#f5fafb",
+  foreground: "#081e24",
+  card: "#fcffff",
+  cardForeground: "#030d11",
+  popover: "#fcffff",
+  popoverForeground: "#030d11",
+  primary: "#02677f",
+  primaryForeground: "#ffffff",
+  secondary: "#ffb500",
+  secondaryForeground: "#321c04",
+  muted: "#e4eef0",
+  mutedForeground: "#5a6569",
+  accent: "#03a2bc",
+  accentForeground: "#ffffff",
+  destructive: "#d3451e",
+  destructiveForeground: "#ffffff",
+  border: "#d4e1e4",
+  input: "#b3c0c4",
+  ring: "#02677f",
+  surface: "#fcffff",
+  inkSoft: "#2d3b40",
+  borderStrong: "#b3c0c4",
+  primaryText: "#02677f",
+  destructiveText: "#b23a18",
+  destructiveSoft: "#fbe9e4",
+  backgroundAlpha: rgba("245,250,251"),
+  tint: rgba("8,30,36")
+};
+const DESIGN_DARK = {
+  background: "#020608",
+  foreground: "#d2d9da",
+  card: "#060e11",
+  cardForeground: "#d2d9da",
+  popover: "#060e11",
+  popoverForeground: "#d2d9da",
+  primary: "#03a2bc",
+  primaryForeground: "#010406",
+  secondary: "#eaaa2c",
+  secondaryForeground: "#221202",
+  muted: "#111d20",
+  mutedForeground: "#80888a",
+  accent: "#084150",
+  accentForeground: "#d6e9ec",
+  destructive: "#e45937",
+  destructiveForeground: "#eeeeee",
+  border: "#1e2b30",
+  input: "#28353a",
+  ring: "#008095",
+  surface: "#060e11",
+  inkSoft: "#b4bec0",
+  borderStrong: "#28353a",
+  primaryText: "#5db4bf",
+  destructiveText: "#f08a70",
+  destructiveSoft: "#2a120b",
+  backgroundAlpha: rgba("2,6,8"),
+  tint: rgba("210,217,218")
+};
+const DESIGN_RADIUS = 0;
+const HEX = /#([0-9a-f]{6}|[0-9a-f]{3})\b/gi;
+function saturationLightness(hex) {
+  const n = parseInt(hex, 16);
+  const [r, g, b] = [n >> 16 & 255, n >> 8 & 255, n & 255].map((v) => v / 255);
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  const s = max === min ? 0 : (max - min) / (1 - Math.abs(2 * l - 1));
+  return {
+    s,
+    l
+  };
+}
+function paintsFromPreviews(previews, perDesign = 2, max = 16) {
+  var _a;
+  const out = /* @__PURE__ */ new Set();
+  for (const html of previews) {
+    const counts = /* @__PURE__ */ new Map();
+    HEX.lastIndex = 0;
+    let m;
+    while (m = HEX.exec(html)) {
+      const raw = m[1].toLowerCase();
+      const hex = raw.length === 3 ? [...raw].map((c) => c + c).join("") : raw;
+      const {
+        s,
+        l
+      } = saturationLightness(hex);
+      if (s < 0.35 || l < 0.18 || l > 0.82) continue;
+      counts.set(hex, ((_a = counts.get(hex)) != null ? _a : 0) + 1);
+    }
+    for (const [hex] of [...counts].sort((a, b) => b[1] - a[1]).slice(0, perDesign)) out.add(`#${hex}`);
+    if (out.size >= max) break;
+  }
+  return [...out].slice(0, max);
+}
+const MINUTE = 6e4;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function editedAgo(ts, now = Date.now()) {
+  const ago = now - ts;
+  const unit = (n, word) => `${n} ${word}${n === 1 ? "" : "s"} ago`;
+  if (ago < HOUR) return unit(Math.max(1, Math.round(ago / MINUTE)), "minute");
+  if (ago < DAY) {
+    const h = Math.round(ago / HOUR);
+    return h >= 24 ? "yesterday" : unit(h, "hour");
+  }
+  if (ago < 30 * DAY) {
+    const d = Math.round(ago / DAY);
+    return d === 1 ? "yesterday" : unit(d, "day");
+  }
+  const date = new Date(ts);
+  const sameYear = date.getFullYear() === new Date(now).getFullYear();
+  return `${MONTHS[date.getMonth()]} ${date.getDate()}${sameYear ? "" : `, ${date.getFullYear()}`}`;
+}export{DESIGN_DARK,DESIGN_LIGHT,DESIGN_RADIUS,DESIGN_THEME_PAINTS,editedAgo,paintsFromPreviews};//# sourceMappingURL=designTheme.js.map

package/lib/features/design/surface/designTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designTheme.js","sources":["../../../../src/features/design/surface/designTheme.ts"],"sourcesContent":["/**\n * The Design surface's own look - native twin of design-surface\n * `styles/theme.css`: teal primary on a cool white, amber secondary, square\n * corners (`--radius: 0`), its own chart colours for the paint.\n *\n * The tokens, mapped onto the canvas palette's shape; `designPalette.ts`\n * builds the full palette every screen reads through `CanvasThemeProvider`.\n * Pure: runs under jest as-is.\n */\nimport type { CanvasPalette, CanvasThemeMode } from '../../canvas/canvasTheme';\n\nconst rgba = (rgb: string) => (alpha: number) => `rgba(${rgb},${alpha})`;\n\n/** `--chart-1..5`: the paint the hero falls back to before there are designs to mix it from. */\nexport const DESIGN_THEME_PAINTS: Record<CanvasThemeMode, string[]> = {\n    light: ['#02677f', '#ffb500', '#309b42', '#d3451e', '#03a2bc'],\n    dark: ['#1b8fa5', '#eaaa2c', '#30893e', '#cd5537', '#5db4bf'],\n};\n\nexport const DESIGN_LIGHT: Partial<CanvasPalette> = {\n    background: '#f5fafb',\n    foreground: '#081e24',\n    card: '#fcffff',\n    cardForeground: '#030d11',\n    popover: '#fcffff',\n    popoverForeground: '#030d11',\n    primary: '#02677f',\n    primaryForeground: '#ffffff',\n    secondary: '#ffb500',\n    secondaryForeground: '#321c04',\n    muted: '#e4eef0',\n    mutedForeground: '#5a6569',\n    accent: '#03a2bc',\n    accentForeground: '#ffffff',\n    destructive: '#d3451e',\n    destructiveForeground: '#ffffff',\n    border: '#d4e1e4',\n    input: '#b3c0c4',\n    ring: '#02677f',\n    surface: '#fcffff',\n    inkSoft: '#2d3b40',\n    borderStrong: '#b3c0c4',\n    primaryText: '#02677f',\n    destructiveText: '#b23a18',\n    destructiveSoft: '#fbe9e4',\n    backgroundAlpha: rgba('245,250,251'),\n    tint: rgba('8,30,36'),\n};\n\nexport const DESIGN_DARK: Partial<CanvasPalette> = {\n    background: '#020608',\n    foreground: '#d2d9da',\n    card: '#060e11',\n    cardForeground: '#d2d9da',\n    popover: '#060e11',\n    popoverForeground: '#d2d9da',\n    primary: '#03a2bc',\n    primaryForeground: '#010406',\n    secondary: '#eaaa2c',\n    secondaryForeground: '#221202',\n    muted: '#111d20',\n    mutedForeground: '#80888a',\n    accent: '#084150',\n    accentForeground: '#d6e9ec',\n    destructive: '#e45937',\n    destructiveForeground: '#eeeeee',\n    border: '#1e2b30',\n    input: '#28353a',\n    ring: '#008095',\n    surface: '#060e11',\n    inkSoft: '#b4bec0',\n    borderStrong: '#28353a',\n    primaryText: '#5db4bf',\n    destructiveText: '#f08a70',\n    destructiveSoft: '#2a120b',\n    backgroundAlpha: rgba('2,6,8'),\n    tint: rgba('210,217,218'),\n};\n\n/** `--radius: 0`: panels, tiles and buttons are square; pills stay pills. */\nexport const DESIGN_RADIUS = 0;\n\nconst HEX = /#([0-9a-f]{6}|[0-9a-f]{3})\\b/gi;\n\nfunction saturationLightness(hex: string): { s: number; l: number } {\n    const n = parseInt(hex, 16);\n    const [r, g, b] = [(n >> 16) & 255, (n >> 8) & 255, n & 255].map((v) => v / 255);\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    const l = (max + min) / 2;\n    const s = max === min ? 0 : (max - min) / (1 - Math.abs(2 * l - 1));\n    return { s, l };\n}\n\n/**\n * The most-used saturated colours in each saved page, `perDesign` apiece -\n * the hero's paint is mixed from your own designs (web `paintsFromPreviews`).\n */\nexport function paintsFromPreviews(previews: readonly string[], perDesign = 2, max = 16): string[] {\n    const out = new Set<string>();\n    for (const html of previews) {\n        const counts = new Map<string, number>();\n        HEX.lastIndex = 0;\n        let m: RegExpExecArray | null;\n        while ((m = HEX.exec(html))) {\n            const raw = m[1].toLowerCase();\n            const hex = raw.length === 3 ? [...raw].map((c) => c + c).join('') : raw;\n            const { s, l } = saturationLightness(hex);\n            // Paint, not page: greys, near-black ink and near-white grounds carry no colour.\n            if (s < 0.35 || l < 0.18 || l > 0.82) continue;\n            counts.set(hex, (counts.get(hex) ?? 0) + 1);\n        }\n        for (const [hex] of [...counts].sort((a, b) => b[1] - a[1]).slice(0, perDesign)) out.add(`#${hex}`);\n        if (out.size >= max) break;\n    }\n    return [...out].slice(0, max);\n}\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/**\n * \"2 hours ago\", \"yesterday\", then a short date past a month - web `editedAgo`\n * (Intl.RelativeTimeFormat with numeric: 'auto'), spelled out because Hermes\n * does not ship RelativeTimeFormat.\n */\nexport function editedAgo(ts: number, now = Date.now()): string {\n    const ago = now - ts;\n    const unit = (n: number, word: string) => `${n} ${word}${n === 1 ? '' : 's'} ago`;\n    if (ago < HOUR) return unit(Math.max(1, Math.round(ago / MINUTE)), 'minute');\n    if (ago < DAY) {\n        const h = Math.round(ago / HOUR);\n        return h >= 24 ? 'yesterday' : unit(h, 'hour');\n    }\n    if (ago < 30 * DAY) {\n        const d = Math.round(ago / DAY);\n        return d === 1 ? 'yesterday' : unit(d, 'day');\n    }\n    const date = new Date(ts);\n    const sameYear = date.getFullYear() === new Date(now).getFullYear();\n    return `${MONTHS[date.getMonth()]} ${date.getDate()}${sameYear ? '' : `, ${date.getFullYear()}`}`;\n}\n"],"names":[],"mappings":"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"}

package/lib/features/design/surface/execStream.js

@@ -0,0 +1,206 @@
+import {deriveAgentEndpoint,deriveBackendGraphqlUrl}from'../../canvas/videoEditor/remoteMediaClient.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));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function execBody(connector, action, params, timeoutMs) {
+  return {
+    args: ["connector", "run", "-c", connector, "-a", action, "--params", JSON.stringify(params)],
+    stream: true,
+    timeout_ms: timeoutMs
+  };
+}
+const RESULT_SENTINEL = "__CDECLI_RESULT__";
+function parseTokenStreamResult(tokens) {
+  const joined = tokens.join("");
+  const parse = (text) => {
+    try {
+      const v = JSON.parse(text.trim());
+      if (Array.isArray(v)) return {
+        data: v
+      };
+      return v && typeof v === "object" ? v : null;
+    } catch (e) {
+      return null;
+    }
+  };
+  const end = joined.lastIndexOf(RESULT_SENTINEL);
+  const start = end > 0 ? joined.lastIndexOf(RESULT_SENTINEL, end - 1) : -1;
+  if (start >= 0) return parse(joined.slice(start + RESULT_SENTINEL.length, end));
+  const open = joined.search(/[{[]/);
+  return open >= 0 ? parse(joined.slice(open)) : null;
+}
+class ExecStreamParser {
+  constructor(onProgress) {
+    this.onProgress = onProgress;
+    __publicField(this, "buf", "");
+    __publicField(this, "jsonTokens", []);
+    __publicField(this, "capturing", false);
+    __publicField(this, "depth", 0);
+    __publicField(this, "jsonDone", false);
+    __publicField(this, "resultFrame");
+    __publicField(this, "stderr", "");
+    __publicField(this, "progress", "");
+    __publicField(this, "exitCode");
+    __publicField(this, "done", false);
+  }
+  /** Feed the next piece of the body; a partial last line waits for the rest. */
+  feed(text) {
+    var _a;
+    this.buf += text;
+    const lines = this.buf.split("\n");
+    this.buf = (_a = lines.pop()) != null ? _a : "";
+    for (const line of lines) this.line(line);
+  }
+  /** The body ended: read whatever was left without a newline. */
+  end() {
+    if (this.buf) this.line(this.buf);
+    this.buf = "";
+  }
+  line(raw) {
+    var _a;
+    if (this.done) return;
+    const trimmed = raw.startsWith("data: ") ? raw.slice(6).trim() : raw.trim();
+    if (!trimmed) return;
+    let ev;
+    try {
+      ev = JSON.parse(trimmed);
+    } catch (e) {
+      return;
+    }
+    if (typeof ev.exit_code === "number") this.exitCode = ev.exit_code;
+    if (ev.error) this.stderr += (this.stderr && !this.stderr.endsWith("\n") ? "\n" : "") + ev.error;
+    if (ev.type === "result" && ev.data != null) {
+      this.resultFrame = ev.data;
+    } else if ((ev.type === "error" || ev.type === "stderr") && typeof ev.data === "string") {
+      this.stderr += ev.data;
+    } else if (ev.type === "token" && typeof ev.data === "string" && ev.data) {
+      const d = ev.data;
+      if (!this.capturing && /^\s*[{[]/.test(d)) this.capturing = true;
+      if (this.capturing && !this.jsonDone) {
+        this.jsonTokens.push(d);
+        for (const ch of d) {
+          if (ch === "{" || ch === "[") this.depth += 1;
+          else if (ch === "}" || ch === "]") this.depth -= 1;
+        }
+        if (this.depth <= 0) this.jsonDone = true;
+      } else {
+        this.progress += d;
+        (_a = this.onProgress) == null ? void 0 : _a.call(this, d);
+      }
+    } else if (ev.type === "done" || ev.type === "exit") {
+      this.done = true;
+    }
+  }
+  /** The call's outcome; throws the readable reason on failure. */
+  result(label) {
+    if (this.exitCode !== void 0 && this.exitCode !== 0) {
+      const reason = this.stderr.replace(/Executing:[^\n]*\n?/g, "").trim();
+      throw new ExecStreamError(reason || this.progress.trim().slice(-300) || (this.exitCode === -1 ? `${label} was killed on the agent before it produced any output. Try again.` : `${label} failed (exit code ${this.exitCode})`), this.progress);
+    }
+    const fromFrame = typeof this.resultFrame === "string" ? parseTokenStreamResult([this.resultFrame]) : this.resultFrame;
+    const result = fromFrame != null ? fromFrame : parseTokenStreamResult(this.jsonTokens);
+    if (!result) {
+      throw new ExecStreamError(this.stderr.trim() || this.progress.trim().slice(-300) || `${label} returned no result`, this.progress);
+    }
+    return result;
+  }
+}
+class ExecStreamError extends Error {
+  constructor(message, progress) {
+    super(message);
+    this.progress = progress;
+    this.name = "ExecStreamError";
+  }
+}
+const CLIENT_ABORT_GRACE_MS = 2e4;
+function createExecTransport(token, indexUrl) {
+  const endpoint = `${deriveAgentEndpoint(indexUrl)}/v1/cdecli/exec/stream`;
+  const backend = deriveBackendGraphqlUrl(indexUrl);
+  return {
+    run: (body, label, onProgress, signal) => new Promise((resolve, reject) => {
+      var _a;
+      const parser = new ExecStreamParser(onProgress);
+      const xhr = new XMLHttpRequest();
+      let seen = 0;
+      let settled = false;
+      const settle = (fn) => {
+        var _a2;
+        if (settled) return;
+        settled = true;
+        clearTimeout(timer);
+        (_a2 = signal == null ? void 0 : signal.removeEventListener) == null ? void 0 : _a2.call(signal, "abort", onAbort);
+        fn();
+      };
+      const pump = () => {
+        var _a2;
+        const text = (_a2 = xhr.responseText) != null ? _a2 : "";
+        if (text.length > seen) {
+          const chunk = text.slice(seen);
+          seen = text.length;
+          try {
+            parser.feed(chunk);
+          } catch (err) {
+            xhr.abort();
+            settle(() => reject(err));
+          }
+        }
+      };
+      const onAbort = () => {
+        xhr.abort();
+        settle(() => reject(new ExecStreamError(`${label} was stopped`, parser.progress)));
+      };
+      const timer = setTimeout(() => {
+        xhr.abort();
+        settle(() => reject(new ExecStreamError(`${label} timed out`, parser.progress)));
+      }, body.timeout_ms + CLIENT_ABORT_GRACE_MS);
+      (_a = signal == null ? void 0 : signal.addEventListener) == null ? void 0 : _a.call(signal, "abort", onAbort);
+      xhr.open("POST", endpoint);
+      xhr.setRequestHeader("Content-Type", "application/json");
+      xhr.setRequestHeader("Authorization", `Bearer ${token}`);
+      xhr.onprogress = pump;
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState === 3) pump();
+      };
+      xhr.onerror = () => settle(() => reject(new ExecStreamError(`${label}: could not reach the design service. Check your connection.`, parser.progress)));
+      xhr.onload = () => {
+        var _a2;
+        pump();
+        parser.end();
+        if (xhr.status === 401 || xhr.status === 403) {
+          settle(() => reject(new ExecStreamError("Your session expired. Sign in again to design.", parser.progress)));
+          return;
+        }
+        if (xhr.status < 200 || xhr.status >= 300) {
+          const detail = ((_a2 = xhr.responseText) != null ? _a2 : "").slice(0, 200);
+          settle(() => reject(new ExecStreamError(`${label} failed (HTTP ${xhr.status}) ${detail}`.trim(), parser.progress)));
+          return;
+        }
+        try {
+          const result = parser.result(label);
+          settle(() => resolve(result));
+        } catch (err) {
+          settle(() => reject(err));
+        }
+      };
+      xhr.send(JSON.stringify(backend ? __spreadProps(__spreadValues({}, body), {
+        backend_graphql_url: backend
+      }) : body));
+    })
+  };
+}export{ExecStreamError,ExecStreamParser,createExecTransport,execBody,parseTokenStreamResult};//# sourceMappingURL=execStream.js.map

package/lib/features/design/surface/execStream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"execStream.js","sources":["../../../../src/features/design/surface/execStream.ts"],"sourcesContent":["/**\n * The cdecli agent's `exec/stream` lane, streamed - native twin of surface-kit\n * `agent-exec` (`execBody`, `postExecStream`, `consumeExecStream`).\n *\n * canvas's `remoteMediaClient` reads the whole response at the end, which is\n * fine for a media job but leaves a design generation (minutes long) with no\n * sign of life. RN's `fetch` cannot read a body as it arrives; its\n * XMLHttpRequest can - `responseText` grows on every `progress` event - so the\n * page streams onto the generating tile exactly as it does on the web.\n *\n * `ExecStreamParser` is the kit's frame rules, pure (jest-tested):\n *  - `token` frames are the connector's stdout. One that opens with `{` / `[`\n *    starts the JSON payload, captured until its braces close; every other\n *    token is progress prose (for the design connector: the page itself).\n *  - a `result` frame is the authoritative output and wins over tokens.\n *  - `stderr` / `error` frames and `error` fields collect the failure reason.\n *  - `exit_code` non-zero fails the call.\n */\nimport { deriveAgentEndpoint, deriveBackendGraphqlUrl } from '../../canvas/videoEditor/remoteMediaClient';\n\nexport interface ExecBody {\n    args: string[];\n    stream: true;\n    timeout_ms: number;\n    backend_graphql_url?: string;\n}\n\n/** The connector-run request (kit `execBody`). */\nexport function execBody(\n    connector: string,\n    action: string,\n    params: Record<string, unknown>,\n    timeoutMs: number,\n): ExecBody {\n    return {\n        args: ['connector', 'run', '-c', connector, '-a', action, '--params', JSON.stringify(params)],\n        stream: true,\n        timeout_ms: timeoutMs,\n    };\n}\n\nconst RESULT_SENTINEL = '__CDECLI_RESULT__';\n\n/** The JSON a token stream carried (sentinel-wrapped, or bare after progress text). */\nexport function parseTokenStreamResult(tokens: readonly string[]): Record<string, unknown> | null {\n    const joined = tokens.join('');\n    const parse = (text: string): Record<string, unknown> | null => {\n        try {\n            const v: unknown = JSON.parse(text.trim());\n            if (Array.isArray(v)) return { data: v };\n            return v && typeof v === 'object' ? (v as Record<string, unknown>) : null;\n        } catch {\n            return null;\n        }\n    };\n    const end = joined.lastIndexOf(RESULT_SENTINEL);\n    const start = end > 0 ? joined.lastIndexOf(RESULT_SENTINEL, end - 1) : -1;\n    if (start >= 0) return parse(joined.slice(start + RESULT_SENTINEL.length, end));\n    const open = joined.search(/[{[]/);\n    return open >= 0 ? parse(joined.slice(open)) : null;\n}\n\n/** Frame-by-frame reader of an exec/stream body. Feed it text as it arrives. */\nexport class ExecStreamParser {\n    private buf = '';\n    private jsonTokens: string[] = [];\n    private capturing = false;\n    private depth = 0;\n    private jsonDone = false;\n    private resultFrame: unknown = undefined;\n    stderr = '';\n    progress = '';\n    exitCode: number | undefined;\n    done = false;\n\n    constructor(private readonly onProgress?: (chunk: string) => void) {}\n\n    /** Feed the next piece of the body; a partial last line waits for the rest. */\n    feed(text: string): void {\n        this.buf += text;\n        const lines = this.buf.split('\\n');\n        this.buf = lines.pop() ?? '';\n        for (const line of lines) this.line(line);\n    }\n\n    /** The body ended: read whatever was left without a newline. */\n    end(): void {\n        if (this.buf) this.line(this.buf);\n        this.buf = '';\n    }\n\n    private line(raw: string): void {\n        if (this.done) return;\n        const trimmed = raw.startsWith('data: ') ? raw.slice(6).trim() : raw.trim();\n        if (!trimmed) return;\n        let ev: { type?: string; data?: unknown; error?: string; exit_code?: number };\n        try {\n            ev = JSON.parse(trimmed);\n        } catch {\n            return;\n        }\n        if (typeof ev.exit_code === 'number') this.exitCode = ev.exit_code;\n        if (ev.error) this.stderr += (this.stderr && !this.stderr.endsWith('\\n') ? '\\n' : '') + ev.error;\n        if (ev.type === 'result' && ev.data != null) {\n            this.resultFrame = ev.data;\n        } else if ((ev.type === 'error' || ev.type === 'stderr') && typeof ev.data === 'string') {\n            this.stderr += ev.data;\n        } else if (ev.type === 'token' && typeof ev.data === 'string' && ev.data) {\n            const d = ev.data;\n            if (!this.capturing && /^\\s*[{[]/.test(d)) this.capturing = true;\n            if (this.capturing && !this.jsonDone) {\n                this.jsonTokens.push(d);\n                // Capture stops at the closing brace: connectors keep printing prose after their payload.\n                for (const ch of d) {\n                    if (ch === '{' || ch === '[') this.depth += 1;\n                    else if (ch === '}' || ch === ']') this.depth -= 1;\n                }\n                if (this.depth <= 0) this.jsonDone = true;\n            } else {\n                this.progress += d;\n                this.onProgress?.(d);\n            }\n        } else if (ev.type === 'done' || ev.type === 'exit') {\n            this.done = true;\n        }\n    }\n\n    /** The call's outcome; throws the readable reason on failure. */\n    result(label: string): Record<string, unknown> {\n        if (this.exitCode !== undefined && this.exitCode !== 0) {\n            const reason = this.stderr.replace(/Executing:[^\\n]*\\n?/g, '').trim();\n            throw new ExecStreamError(\n                reason ||\n                    this.progress.trim().slice(-300) ||\n                    (this.exitCode === -1\n                        ? `${label} was killed on the agent before it produced any output. Try again.`\n                        : `${label} failed (exit code ${this.exitCode})`),\n                this.progress,\n            );\n        }\n        const fromFrame =\n            typeof this.resultFrame === 'string'\n                ? parseTokenStreamResult([this.resultFrame])\n                : (this.resultFrame as Record<string, unknown> | undefined);\n        const result = fromFrame ?? parseTokenStreamResult(this.jsonTokens);\n        if (!result) {\n            throw new ExecStreamError(\n                this.stderr.trim() || this.progress.trim().slice(-300) || `${label} returned no result`,\n                this.progress,\n            );\n        }\n        return result;\n    }\n}\n\n/** A failed exec, carrying the prose that streamed before it (a cut-off page can still be recovered). */\nexport class ExecStreamError extends Error {\n    constructor(\n        message: string,\n        readonly progress: string,\n    ) {\n        super(message);\n        this.name = 'ExecStreamError';\n    }\n}\n\n/** Grace on top of the agent's own timeout before the phone gives up. */\nconst CLIENT_ABORT_GRACE_MS = 20_000;\n\nexport interface ExecTransport {\n    /** POST one exec body, streaming progress prose; resolves to the result. */\n    run: (\n        body: ExecBody,\n        label: string,\n        onProgress?: (chunk: string) => void,\n        signal?: AbortSignal,\n    ) => Promise<Record<string, unknown>>;\n}\n\n/**\n * The transport a phone uses: the agent endpoint and backend this environment's\n * index URL names (`remoteMediaClient`'s derivation), the session's bearer.\n */\nexport function createExecTransport(token: string, indexUrl: string): ExecTransport {\n    const endpoint = `${deriveAgentEndpoint(indexUrl)}/v1/cdecli/exec/stream`;\n    const backend = deriveBackendGraphqlUrl(indexUrl);\n    return {\n        run: (body, label, onProgress, signal) =>\n            new Promise((resolve, reject) => {\n                const parser = new ExecStreamParser(onProgress);\n                const xhr = new XMLHttpRequest();\n                let seen = 0;\n                let settled = false;\n                const settle = (fn: () => void) => {\n                    if (settled) return;\n                    settled = true;\n                    clearTimeout(timer);\n                    signal?.removeEventListener?.('abort', onAbort);\n                    fn();\n                };\n                const pump = () => {\n                    const text = xhr.responseText ?? '';\n                    if (text.length > seen) {\n                        const chunk = text.slice(seen);\n                        seen = text.length;\n                        try {\n                            parser.feed(chunk);\n                        } catch (err) {\n                            // A progress handler threw (a question in the stream): stop here.\n                            xhr.abort();\n                            settle(() => reject(err));\n                        }\n                    }\n                };\n                const onAbort = () => {\n                    xhr.abort();\n                    settle(() => reject(new ExecStreamError(`${label} was stopped`, parser.progress)));\n                };\n                const timer = setTimeout(() => {\n                    xhr.abort();\n                    settle(() => reject(new ExecStreamError(`${label} timed out`, parser.progress)));\n                }, body.timeout_ms + CLIENT_ABORT_GRACE_MS);\n                signal?.addEventListener?.('abort', onAbort);\n                xhr.open('POST', endpoint);\n                xhr.setRequestHeader('Content-Type', 'application/json');\n                xhr.setRequestHeader('Authorization', `Bearer ${token}`);\n                xhr.onprogress = pump;\n                xhr.onreadystatechange = () => {\n                    if (xhr.readyState === 3) pump();\n                };\n                xhr.onerror = () =>\n                    settle(() =>\n                        reject(\n                            new ExecStreamError(\n                                `${label}: could not reach the design service. Check your connection.`,\n                                parser.progress,\n                            ),\n                        ),\n                    );\n                xhr.onload = () => {\n                    pump();\n                    parser.end();\n                    if (xhr.status === 401 || xhr.status === 403) {\n                        settle(() =>\n                            reject(\n                                new ExecStreamError('Your session expired. Sign in again to design.', parser.progress),\n                            ),\n                        );\n                        return;\n                    }\n                    if (xhr.status < 200 || xhr.status >= 300) {\n                        const detail = (xhr.responseText ?? '').slice(0, 200);\n                        settle(() =>\n                            reject(\n                                new ExecStreamError(\n                                    `${label} failed (HTTP ${xhr.status}) ${detail}`.trim(),\n                                    parser.progress,\n                                ),\n                            ),\n                        );\n                        return;\n                    }\n                    try {\n                        const result = parser.result(label);\n                        settle(() => resolve(result));\n                    } catch (err) {\n                        settle(() => reject(err));\n                    }\n                };\n                xhr.send(JSON.stringify(backend ? { ...body, backend_graphql_url: backend } : body));\n            }),\n    };\n}\n"],"names":["_a"],"mappings":"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"}

package/lib/features/design/surface/metaball.js

@@ -0,0 +1,48 @@
+const GOO_GAP = 28;
+const f = (n) => n.toFixed(1);
+function metaballNeck(a, b, v = 0.5, handle = 2.4) {
+  const d = Math.hypot(b.x - a.x, b.y - a.y);
+  const maxDist = a.r + b.r + GOO_GAP;
+  if (d === 0 || d > maxDist || d <= Math.abs(a.r - b.r)) return null;
+  const r1 = a.r;
+  const r2 = b.r;
+  const u1 = d < r1 + r2 ? Math.acos((r1 * r1 + d * d - r2 * r2) / (2 * r1 * d)) : 0;
+  const u2 = d < r1 + r2 ? Math.acos((r2 * r2 + d * d - r1 * r1) / (2 * r2 * d)) : 0;
+  const angle = Math.atan2(b.y - a.y, b.x - a.x);
+  const spread = Math.acos(Math.min(1, Math.max(-1, (r1 - r2) / d)));
+  const a1 = angle + u1 + (spread - u1) * v;
+  const a2 = angle - u1 - (spread - u1) * v;
+  const a3 = angle + Math.PI - u2 - (Math.PI - u2 - spread) * v;
+  const a4 = angle - Math.PI + u2 + (Math.PI - u2 - spread) * v;
+  const p1 = [a.x + Math.cos(a1) * r1, a.y + Math.sin(a1) * r1];
+  const p2 = [a.x + Math.cos(a2) * r1, a.y + Math.sin(a2) * r1];
+  const p3 = [b.x + Math.cos(a3) * r2, b.y + Math.sin(a3) * r2];
+  const p4 = [b.x + Math.cos(a4) * r2, b.y + Math.sin(a4) * r2];
+  const totalRadius = r1 + r2;
+  const d2Base = Math.min(v * handle, Math.hypot(p1[0] - p3[0], p1[1] - p3[1]) / totalRadius);
+  const d2 = d2Base * Math.min(1, d * 2 / (r1 + r2));
+  const h1 = r1 * d2;
+  const h2 = r2 * d2;
+  const half = Math.PI / 2;
+  const c1 = [p1[0] + Math.cos(a1 - half) * h1, p1[1] + Math.sin(a1 - half) * h1];
+  const c2 = [p2[0] + Math.cos(a2 + half) * h1, p2[1] + Math.sin(a2 + half) * h1];
+  const c3 = [p3[0] + Math.cos(a3 + half) * h2, p3[1] + Math.sin(a3 + half) * h2];
+  const c4 = [p4[0] + Math.cos(a4 - half) * h2, p4[1] + Math.sin(a4 - half) * h2];
+  return `M${f(p1[0])} ${f(p1[1])}C${f(c1[0])} ${f(c1[1])} ${f(c3[0])} ${f(c3[1])} ${f(p3[0])} ${f(p3[1])}L${f(p4[0])} ${f(p4[1])}C${f(c4[0])} ${f(c4[1])} ${f(c2[0])} ${f(c2[1])} ${f(p2[0])} ${f(p2[1])}Z`;
+}
+function metaballNecks(blobs) {
+  const out = [];
+  for (let i = 0; i < blobs.length; i += 1) {
+    for (let j = i + 1; j < blobs.length; j += 1) {
+      const a = blobs[i];
+      const b = blobs[j];
+      const d = metaballNeck(a, b);
+      if (d) out.push({
+        key: `${a.key}-${b.key}`,
+        d,
+        fill: a.r >= b.r ? a.fill : b.fill
+      });
+    }
+  }
+  return out;
+}export{GOO_GAP,metaballNeck,metaballNecks};//# sourceMappingURL=metaball.js.map