npm - autokap - Versions diffs - 1.1.0 → 1.1.3 - Mend

autokap 1.1.0 → 1.1.3

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 (42) hide show

package/assets/skill/OPCODE-REFERENCE.md +1 -41
package/assets/skill/README.md +0 -1
package/assets/skill/SKILL.md +9 -32
package/assets/skill/references/examples.md +1 -17
package/dist/billing-operation-logging.d.ts +1 -3
package/dist/billing-operation-logging.js +0 -4
package/dist/browser.js +164 -1
package/dist/capture-strategy.d.ts +2 -8
package/dist/capture-strategy.js +2 -30
package/dist/cli-config.d.ts +2 -1
package/dist/cli-config.js +18 -2
package/dist/cli-contract.d.ts +1 -0
package/dist/cli-contract.js +8 -2
package/dist/cli-runner-local.d.ts +2 -0
package/dist/cli-runner-local.js +12 -21
package/dist/cli-runner.d.ts +4 -0
package/dist/cli-runner.js +45 -53
package/dist/cli.js +89 -44
package/dist/execution-schema.d.ts +143 -331
package/dist/execution-schema.js +43 -28
package/dist/execution-types.d.ts +6 -151
package/dist/execution-types.js +1 -3
package/dist/logger.js +1 -1
package/dist/mockup-html.d.ts +2 -0
package/dist/mockup-html.js +13 -10
package/dist/mockup.js +2 -2
package/dist/opcode-actions.js +0 -2
package/dist/opcode-runner.js +0 -121
package/dist/program-signing.d.ts +50 -72
package/dist/security.js +2 -2
package/dist/server-capture-runtime.d.ts +0 -1
package/dist/server-capture-runtime.js +0 -3
package/dist/server-credit-usage.d.ts +1 -1
package/dist/skill-packaging.d.ts +1 -1
package/dist/skill-packaging.js +1 -11
package/dist/types.d.ts +2 -2
package/dist/web-playwright-local.d.ts +0 -14
package/dist/web-playwright-local.js +2 -194
package/package.json +2 -19
package/readme.md +13 -0
package/assets/skill/STUDIO-SKILL.md +0 -476
package/assets/skill/references/interactive-demo.md +0 -225

package/dist/execution-types.d.ts CHANGED Viewed

@@ -5,9 +5,10 @@
  * preset (natural language) -> ExecutionProgram (typed IR) -> deterministic runtime
  */
 import type { AKTree, BrowserStorageState, BrowserSessionStorageState, VideoCursorTheme, VideoPageSignals } from './types.js';
+import type { MockupOptions } from './mockup.js';
 /** Sentinel value that resolves to the current variant's locale or theme at runtime */
 export declare const VARIANT_PLACEHOLDER: "$variant";
-export declare const OPCODE_KINDS: readonly ["NAVIGATE", "DISMISS_OVERLAYS", "ASSERT_ROUTE", "ASSERT_SURFACE", "CLICK", "TYPE", "PRESS_KEY", "WAIT_FOR", "SET_LOCALE", "SET_THEME", "SCROLL", "CAPTURE_SCREENSHOT", "CAPTURE_DOM", "CAPTURE_FRAGMENT", "BEGIN_CLIP", "END_CLIP", "HOVER", "SELECT_OPTION", "CHECK", "DOUBLE_CLICK", "DRAG", "CLONE_ELEMENT", "INJECT_MOCK_DATA", "REMOVE_ELEMENT", "SET_ATTRIBUTE"];
+export declare const OPCODE_KINDS: readonly ["NAVIGATE", "DISMISS_OVERLAYS", "ASSERT_ROUTE", "ASSERT_SURFACE", "CLICK", "TYPE", "PRESS_KEY", "WAIT_FOR", "SET_LOCALE", "SET_THEME", "SCROLL", "CAPTURE_SCREENSHOT", "BEGIN_CLIP", "END_CLIP", "HOVER", "SELECT_OPTION", "CHECK", "DOUBLE_CLICK", "DRAG", "CLONE_ELEMENT", "INJECT_MOCK_DATA", "REMOVE_ELEMENT", "SET_ATTRIBUTE"];
 export type OpcodeKind = (typeof OPCODE_KINDS)[number];
 /**
  * Soft opcodes are non-blocking — if their action or postcondition fails at
@@ -214,98 +215,6 @@ export interface CaptureScreenshotOpcode extends OpcodeBase {
     /** Optional element selector for element-level capture */
     elementSelector?: string;
 }
-/**
- * Capture the full serialized DOM of the current page as an interactive demo
- * state. Produces an HTML artifact (no PNG) that the demo player can replay
- * client-side. Used by AUT-121 Interactive Demos preset type.
- *
- * The runner runs `smartWaitForStability` before serializing, sanitizes the
- * HTML (strips `<script>`, `on*` attributes, third-party iframes), and pushes
- * an `ArtifactResult` with `mediaMode: 'dom'`.
- */
-export interface CaptureDomOpcode extends OpcodeBase {
-    kind: 'CAPTURE_DOM';
-    /**
-     * Stable identifier for this state (kebab-case, e.g. `dashboard`,
-     * `dashboard-chat-open`). Referenced by the interaction script's
-     * `state` / `target` fields and used as the storage filename.
-     */
-    stateName: string;
-    /**
-     * Optional CSS selector of the subtree to serialize instead of the full
-     * page. Use this when the interactive demo should focus on one specific
-     * surface (modal, dashboard shell, pricing calculator, editor panel, ...).
-     *
-     * The adapter keeps the current `<head>` and `<body>` attributes so global
-     * styles/themes still apply, but rewrites the body to contain only the
-     * selected branch (including its ancestor shell) and sizes the captured
-     * viewport to that subtree's bounding box.
-     */
-    selector?: string;
-}
-/**
- * Capture a single subtree of the current page as a reusable fragment
- * (modal, popover, dropdown, tooltip, sheet, etc.). Phase 5 of AUT-121.
- *
- * Fragments are mounted/unmounted by the player on top of a base state via
- * `show_fragment` / `hide_fragment` actions, so a single capture can power
- * many local interactions without swapping the entire DOM.
- *
- * The runner optionally clicks `triggerSelector` first (typically a hidden
- * `data-ak-fragment-trigger="..."` button exposed by the user's app for
- * fragments that aren't reachable through visible UI), waits for `selector`
- * to be present, then serializes the matching subtree's `outerHTML`.
- */
-export interface CaptureFragmentOpcode extends OpcodeBase {
-    kind: 'CAPTURE_FRAGMENT';
-    /**
-     * Stable kebab-case identifier for the fragment, unique within
-     * `parentState`. Mirrors `data-ak-fragment="<name>"` in the source code.
-     *
-     * Multiple `CAPTURE_FRAGMENT` opcodes can target the same `fragmentName`
-     * with different `variantName` values to capture multiple versions of
-     * the same subtree (e.g. "default" / "purple" / "text-bottom"). The
-     * player swaps variants in place at runtime via
-     * `api.fragment.show(name, variantName)`.
-     */
-    fragmentName: string;
-    /**
-     * Variant identifier for this capture, kebab-case. Defaults to `'default'`.
-     * Use distinct variant names when capturing the same fragment in different
-     * states (e.g. with a different background applied). The player can swap
-     * between variants in place without losing scroll/focus/sibling layout.
-     */
-    variantName?: string;
-    /**
-     * The captured base state (`CAPTURE_DOM.stateName`) this fragment lives
-     * on top of. Used to scope the fragment in storage and at runtime.
-     */
-    parentState: string;
-    /** CSS selector of the subtree wrapper. Typically `[data-ak-fragment="<name>"]`. */
-    selector: string;
-    /**
-     * Optional hidden trigger button selector (mirrors the mock data
-     * pattern). If provided, the runner clicks it via `clickHidden()` before
-     * waiting for `selector` to appear — useful for fragments that aren't
-     * reachable via existing UI buttons.
-     */
-    triggerSelector?: string;
-    /**
-     * How the player should mount the fragment back onto the base state at
-     * runtime. Default: `inline` (mount in place of the original wrapper).
-     *  - `overlay`: position absolute at the top-left of the iframe body
-     *  - `inline`: mount in place of the original wrapper
-     *  - `portal:<target>`: mount inside a `[data-ak-mount-target="<target>"]` element
-     */
-    mountStrategy?: 'overlay' | 'inline' | string;
-    /**
-     * Optional override for the base-state element where the fragment
-     * should be mounted (CSS selector). When omitted, the player uses the
-     * fragment's source location (the element matching `selector` in the
-     * captured base state).
-     */
-    mountTargetSelector?: string;
-}
 export interface BeginClipOpcode extends OpcodeBase {
     kind: 'BEGIN_CLIP';
     /** Stable preset clip identifier for Studio and dev links */
@@ -481,7 +390,7 @@ export interface SetAttributeOpcode extends OpcodeBase {
     /** Attribute value */
     value: string;
 }
-export type ExecutionOpcode = NavigateOpcode | DismissOverlaysOpcode | AssertRouteOpcode | AssertSurfaceOpcode | ClickOpcode | TypeOpcode | PressKeyOpcode | WaitForOpcode | SetLocaleOpcode | SetThemeOpcode | ScrollOpcode | CaptureScreenshotOpcode | CaptureDomOpcode | CaptureFragmentOpcode | BeginClipOpcode | EndClipOpcode | HoverOpcode | SelectOptionOpcode | CheckOpcode | DoubleClickOpcode | DragOpcode | CloneElementOpcode | InjectMockDataOpcode | RemoveElementOpcode | SetAttributeOpcode;
+export type ExecutionOpcode = NavigateOpcode | DismissOverlaysOpcode | AssertRouteOpcode | AssertSurfaceOpcode | ClickOpcode | TypeOpcode | PressKeyOpcode | WaitForOpcode | SetLocaleOpcode | SetThemeOpcode | ScrollOpcode | CaptureScreenshotOpcode | BeginClipOpcode | EndClipOpcode | HoverOpcode | SelectOptionOpcode | CheckOpcode | DoubleClickOpcode | DragOpcode | CloneElementOpcode | InjectMockDataOpcode | RemoveElementOpcode | SetAttributeOpcode;
 export interface VariantSpec {
     id: string;
     viewport: {
@@ -497,6 +406,8 @@ export interface VariantSpec {
     targetLabel?: string;
     /** Device frame label (e.g. "iPhone 15 Pro") for mockup rendering */
     deviceFrame?: string;
+    /** Per-variant device/browser frame options persisted from the preset config */
+    mockupOptions?: MockupOptions;
 }
 export interface PreconditionSpec {
     /**
@@ -541,7 +452,7 @@ export interface PreconditionSpec {
         path?: string;
     }>;
 }
-export declare const MEDIA_MODES: readonly ["screenshot", "clip", "dom"];
+export declare const MEDIA_MODES: readonly ["screenshot", "clip"];
 export type MediaMode = (typeof MEDIA_MODES)[number];
 export interface ArtifactSpec {
     mediaMode: MediaMode;
@@ -560,11 +471,6 @@ export interface ArtifactSpec {
     applyMockup?: boolean;
     /** Whether to add status bar. Default: false */
     applyStatusBar?: boolean;
-    /** Options specific to DOM captures (Interactive Demos) */
-    domOptions?: {
-        /** Whether to sanitize the DOM (strip <script>, on*, third-party iframes). Default: true */
-        sanitize?: boolean;
-    };
 }
 export interface ExecutionProgram {
     presetId: string;
@@ -676,31 +582,6 @@ export interface ArtifactResult {
     /** Favicon extracted from the captured page */
     tabIconData?: Buffer;
     tabIconMimeType?: string;
-    /** Stable identifier of the captured demo state (kebab-case, from CaptureDomOpcode.stateName) */
-    stateName?: string;
-    /** Sanitized HTML body (also stored as buffer for upload) */
-    domHtml?: string;
-    /** Asset URLs referenced by the captured DOM (img, source, link rel="stylesheet"). Phase 3 will resolve these via CAS. */
-    domAssetUrls?: string[];
-    /** Byte size of the sanitized HTML, for telemetry */
-    domHtmlBytes?: number;
-    /** PNG thumbnail screenshot taken at the time of DOM capture */
-    domThumbnailBuffer?: Buffer;
-    /** Stable kebab-case identifier of the captured fragment, from CaptureFragmentOpcode.fragmentName */
-    fragmentName?: string;
-    /**
-     * Variant of this fragment capture (Phase 8). Same `fragmentName` can be
-     * captured under multiple variants — e.g. "default", "purple-bg",
-     * "text-bottom" — and the player swaps between them in place. Defaults to
-     * `'default'` when the opcode does not specify one.
-     */
-    fragmentVariantName?: string;
-    /** Parent base state this fragment belongs to */
-    parentStateName?: string;
-    /** Where the player should mount the fragment at runtime */
-    mountStrategy?: string;
-    /** Optional override for the base-state element to mount into (CSS selector) */
-    mountTargetSelector?: string;
 }
 export type LLMStepType = 'capture_verification' | 'alt_text_generation' | 'healer_invocation';
 export interface LLMStepUsage {
@@ -790,32 +671,6 @@ export interface RuntimeAdapter {
     takeScreenshot(): Promise<Buffer>;
     takeElementScreenshot?(selector: string): Promise<Buffer>;
     takeCleanScreenshot(): Promise<Buffer>;
-    /**
-     * Serialize the current page DOM into a sanitized HTML string for the
-     * Interactive Demo pipeline. Returns the HTML and the asset URLs found
-     * during sanitization (img/source/link). Optional — adapters that don't
-     * implement this cannot run `CAPTURE_DOM` opcodes.
-     */
-    serializeDom?(selector?: string): Promise<{
-        html: string;
-        assetUrls: string[];
-        viewport: {
-            width: number;
-            height: number;
-        };
-        capturedAt: string;
-    }>;
-    /**
-     * Serialize a single subtree of the page (matched by `selector`) as a
-     * sanitized fragment HTML string. Optional — adapters that don't
-     * implement this cannot run `CAPTURE_FRAGMENT` opcodes. Phase 5 of
-     * AUT-121 Interactive Demos.
-     */
-    serializeFragment?(selector: string): Promise<{
-        html: string;
-        assetUrls: string[];
-        capturedAt: string;
-    }>;
     beginRecording(options: RecordingOptions): Promise<void>;
     endRecording(): Promise<RecordingResult>;
     setLocale(locale: string): Promise<void>;

package/dist/execution-types.js CHANGED Viewed

@@ -20,8 +20,6 @@ export const OPCODE_KINDS = [
     'SET_THEME',
     'SCROLL',
     'CAPTURE_SCREENSHOT',
-    'CAPTURE_DOM',
-    'CAPTURE_FRAGMENT',
     'BEGIN_CLIP',
     'END_CLIP',
     'HOVER',
@@ -57,7 +55,7 @@ export const DEFAULT_RECOVERY_POLICY = {
     allowHealer: false,
 };
 // ── Artifact spec ───────────────────────────────────────────────────
-export const MEDIA_MODES = ['screenshot', 'clip', 'dom'];
+export const MEDIA_MODES = ['screenshot', 'clip'];
 export const DEFAULT_CIRCUIT_BREAKER = {
     maxPerOpcode: 3,
     maxPerPage: 5,

package/dist/logger.js CHANGED Viewed

@@ -82,7 +82,7 @@ export const logger = {
         emit({ level: 'success', message: msg, timestamp: Date.now(), kind: 'system' });
     },
     error(msg) {
-        console.log(chalk.red('[ERROR]'), msg);
+        console.error(chalk.red('[ERROR]'), msg);
         emit({ level: 'error', message: msg, timestamp: Date.now(), kind: 'system' });
     },
     ai(msg) {

package/dist/mockup-html.d.ts CHANGED Viewed

@@ -96,6 +96,8 @@ export interface MockupLayout {
     };
     /** CSS border-radius for the screen area */
     screenBorderRadius: string;
+    /** CSS border-radius for the content area */
+    contentBorderRadius: string;
 }
 /**
  * Compute the mockup layout — positions and dimensions for all elements.

package/dist/mockup-html.js CHANGED Viewed

@@ -41,6 +41,13 @@ export function computeMockupLayout(params) {
     const screenBorderRadius = isLaptop
         ? `${screenCornerRadius}px ${screenCornerRadius}px 0 0`
         : `${screenCornerRadius}px`;
+    const contentBorderRadius = topPx > 0 && bottomPx > 0
+        ? "0"
+        : topPx > 0
+            ? (isLaptop ? "0" : `0 0 ${screenCornerRadius}px ${screenCornerRadius}px`)
+            : bottomPx > 0
+                ? `${screenCornerRadius}px ${screenCornerRadius}px 0 0`
+                : screenBorderRadius;
     return {
         containerWidth,
         containerHeight,
@@ -57,6 +64,7 @@ export function computeMockupLayout(params) {
             height: screenRect.height,
         },
         screenBorderRadius,
+        contentBorderRadius,
     };
 }
 // ── HTML Generation ─────────────────────────────────────────────────────
@@ -95,6 +103,10 @@ function generateMockupHtmlInternal(params, options) {
         .split(' ')
         .map((v) => px(parseFloat(v)) + 'px')
         .join(' ');
+    const contentBorderRadiusCss = layout.contentBorderRadius
+        .split(' ')
+        .map((v) => (v === '0' ? '0' : px(parseFloat(v)) + 'px'))
+        .join(' ');
     // ── Screen background + safe area fills (z:1) ──
     let safeAreaFillsHtml = '';
     const topColor = safeAreaColors?.top ?? screenBackground;
@@ -117,16 +129,7 @@ function generateMockupHtmlInternal(params, options) {
     // ── Content (z:2) ──
     let contentSlotHtml = '';
     if (contentHtml) {
-        // Content area border-radius: only round corners where the content
-        // touches the screen edge (no safe area on that side).
-        const contentBorderRadius = topPx > 0 && bottomPx > 0
-            ? '0' // Content doesn't touch any rounded edge
-            : topPx > 0
-                ? (isLaptop ? '0' : `0 0 ${px(cornerPx)}px ${px(cornerPx)}px`)
-                : bottomPx > 0
-                    ? `${px(cornerPx)}px ${px(cornerPx)}px 0 0`
-                    : screenBorderRadiusCss;
-        contentSlotHtml = `<div style="position:absolute;left:${px(ca.x)}px;top:${px(ca.y)}px;width:${px(ca.width)}px;height:${px(ca.height)}px;z-index:2;overflow:hidden;border-radius:${contentBorderRadius}">${contentHtml}</div>`;
+        contentSlotHtml = `<div style="position:absolute;left:${px(ca.x)}px;top:${px(ca.y)}px;width:${px(ca.width)}px;height:${px(ca.height)}px;z-index:2;overflow:hidden;border-radius:${contentBorderRadiusCss}">${contentHtml}</div>`;
     }
     // ── Home indicator (z:4) ──
     let homeIndicatorHtml = '';

package/dist/mockup.js CHANGED Viewed

@@ -637,7 +637,7 @@ export async function applyDeviceFrame(screenshot, deviceId, options) {
         compositeInputs.push({ input: frameData, left: 0, top: 0 });
     }
     // z:1 — Screen background with rounded corners + safe area fills
-    // Build the screen content as a sub-composition with rounded-corner mask
+    // Build the screen content as a masked sub-layer
     const screenW = p(sr.width);
     const screenH = p(sr.height);
     if (screenW > 0 && screenH > 0) {
@@ -779,7 +779,7 @@ export async function applyDeviceFrame(screenshot, deviceId, options) {
             left: 0, top: 0,
         });
     }
-    // Final composition
+    // Final assembled image
     return sharp({
         create: { width: pw, height: ph, channels: 4, background: { r: 0, g: 0, b: 0, alpha: 0 } },
     }).composite(compositeInputs).png().toBuffer();

package/dist/opcode-actions.js CHANGED Viewed

@@ -214,8 +214,6 @@ export async function executeOpcodeCoreAction(opcode, adapter, context = {}) {
             case 'INJECT_MOCK_DATA':
                 return applyInjectMockDataOpcode(opcode, adapter, context);
             case 'CAPTURE_SCREENSHOT':
-            case 'CAPTURE_DOM':
-            case 'CAPTURE_FRAGMENT':
             case 'BEGIN_CLIP':
             case 'END_CLIP':
             case 'ASSERT_ROUTE':

package/dist/opcode-runner.js CHANGED Viewed

@@ -23,8 +23,6 @@ function formatOpcodeDebug(opcode) {
         fields.push(`url="${o.url}"`);
     if (typeof o.text === 'string')
         fields.push(`text="${o.text.slice(0, 40)}"`);
-    if (typeof o.stateName === 'string')
-        fields.push(`stateName="${o.stateName}"`);
     if (typeof o.groupName === 'string')
         fields.push(`group="${o.groupName}"`);
     if (opcode.postcondition)
@@ -588,125 +586,6 @@ async function executeOpcodeAction(opcode, opcodeIndex, adapter, artifacts, tele
                 });
                 break;
             }
-            case 'CAPTURE_DOM': {
-                if (opcode.selector) {
-                    const attached = await adapter.waitFor({
-                        selector: opcode.selector,
-                        state: 'attached',
-                        timeoutMs: 5000,
-                    });
-                    if (!attached) {
-                        return {
-                            success: false,
-                            error: `CAPTURE_DOM could not find selector "${opcode.selector}" in the DOM`,
-                        };
-                    }
-                }
-                await smartWaitForStability(adapter, { maxWaitMs: 5000 });
-                if (!adapter.serializeDom) {
-                    return {
-                        success: false,
-                        error: 'CAPTURE_DOM requires an adapter that implements serializeDom() — Interactive Demos pipeline (AUT-121)',
-                    };
-                }
-                const captureUrl = await adapter.getCurrentUrl();
-                const serialized = await adapter.serializeDom(opcode.selector);
-                const buffer = Buffer.from(serialized.html, 'utf8');
-                // Take a viewport screenshot for the thumbnail
-                const thumbnailBuffer = await adapter.takeScreenshot();
-                artifacts.push({
-                    mediaMode: 'dom',
-                    buffer,
-                    mimeType: 'text/html; charset=utf-8',
-                    captureType: opcode.selector ? 'element' : 'fullpage',
-                    captureUrl,
-                    dimensions: serialized.viewport,
-                    captureId: opcode.stateName,
-                    captureName: opcode.stateName,
-                    stepDescription: opcode.description,
-                    stepIndex: opcodeIndex,
-                    variantId: currentVariant?.id,
-                    elementSelector: opcode.selector,
-                    stateName: opcode.stateName,
-                    domHtml: serialized.html,
-                    domAssetUrls: serialized.assetUrls,
-                    domHtmlBytes: buffer.byteLength,
-                    domThumbnailBuffer: thumbnailBuffer,
-                });
-                break;
-            }
-            case 'CAPTURE_FRAGMENT': {
-                if (!adapter.serializeFragment) {
-                    return {
-                        success: false,
-                        error: 'CAPTURE_FRAGMENT requires an adapter that implements serializeFragment() — Interactive Demos Phase 5',
-                    };
-                }
-                // Optional hidden trigger button (mirrors the mock data trigger
-                // pattern). Useful for fragments that aren't reachable via
-                // visible UI. The trigger is clicked via clickHidden() so it
-                // bypasses visibility/disabled checks.
-                if (opcode.triggerSelector) {
-                    if (!adapter.clickHidden) {
-                        return {
-                            success: false,
-                            error: `CAPTURE_FRAGMENT.triggerSelector requires adapter.clickHidden() support`,
-                        };
-                    }
-                    try {
-                        await adapter.clickHidden({ selector: opcode.triggerSelector });
-                    }
-                    catch (err) {
-                        return {
-                            success: false,
-                            error: `CAPTURE_FRAGMENT trigger click failed: ${err instanceof Error ? err.message : String(err)}`,
-                        };
-                    }
-                }
-                // Wait for the fragment selector to be present in the DOM (the
-                // trigger may have inserted it dynamically). Mirror the screenshot
-                // smart-wait so animations / portal mounts settle before serialization.
-                const visible = await adapter.waitFor({
-                    selector: opcode.selector,
-                    state: 'attached',
-                    timeoutMs: 5000,
-                });
-                if (!visible) {
-                    return {
-                        success: false,
-                        error: `CAPTURE_FRAGMENT could not find selector "${opcode.selector}" in the DOM`,
-                    };
-                }
-                await smartWaitForStability(adapter, { maxWaitMs: 3000 });
-                const captureUrl = await adapter.getCurrentUrl();
-                const serialized = await adapter.serializeFragment(opcode.selector);
-                const buffer = Buffer.from(serialized.html, 'utf8');
-                const variantName = opcode.variantName ?? 'default';
-                artifacts.push({
-                    mediaMode: 'dom',
-                    buffer,
-                    mimeType: 'text/html; charset=utf-8',
-                    captureType: 'element',
-                    captureUrl,
-                    // captureId is the unique upload key — including the variant
-                    // ensures multiple variants of the same fragment do not collide.
-                    captureId: `${opcode.parentState}/${opcode.fragmentName}/${variantName}`,
-                    captureName: opcode.fragmentName,
-                    elementSelector: opcode.selector,
-                    stepDescription: opcode.description,
-                    stepIndex: opcodeIndex,
-                    variantId: currentVariant?.id,
-                    fragmentName: opcode.fragmentName,
-                    fragmentVariantName: variantName,
-                    parentStateName: opcode.parentState,
-                    mountStrategy: opcode.mountStrategy ?? 'inline',
-                    mountTargetSelector: opcode.mountTargetSelector,
-                    domHtml: serialized.html,
-                    domAssetUrls: serialized.assetUrls,
-                    domHtmlBytes: buffer.byteLength,
-                });
-                break;
-            }
             default: {
                 const _exhaustive = opcode;
                 return { success: false, error: `unknown opcode kind: ${opcode.kind}` };

package/dist/program-signing.d.ts CHANGED Viewed

@@ -34,7 +34,6 @@ export declare const SignedExecutionProgramEnvelopeSchema: z.ZodObject<{
         mediaMode: z.ZodEnum<{
             clip: "clip";
             screenshot: "screenshot";
-            dom: "dom";
         }>;
         baseUrl: z.ZodString;
         maxParallelCaptures: z.ZodOptional<z.ZodNumber>;
@@ -53,6 +52,56 @@ export declare const SignedExecutionProgramEnvelopeSchema: z.ZodObject<{
             targetId: z.ZodOptional<z.ZodString>;
             targetLabel: z.ZodOptional<z.ZodString>;
             deviceFrame: z.ZodOptional<z.ZodString>;
+            mockupOptions: z.ZodOptional<z.ZodObject<{
+                orientation: z.ZodOptional<z.ZodEnum<{
+                    portrait: "portrait";
+                    landscape: "landscape";
+                }>>;
+                outputScale: z.ZodOptional<z.ZodNumber>;
+                showStatusBar: z.ZodOptional<z.ZodBoolean>;
+                showSafeAreaTop: z.ZodOptional<z.ZodBoolean>;
+                showSafeAreaBottom: z.ZodOptional<z.ZodBoolean>;
+                showSafeAreaLeft: z.ZodOptional<z.ZodBoolean>;
+                showSafeAreaRight: z.ZodOptional<z.ZodBoolean>;
+                showHomeIndicator: z.ZodOptional<z.ZodBoolean>;
+                safeAreaTopColor: z.ZodOptional<z.ZodString>;
+                safeAreaBottomColor: z.ZodOptional<z.ZodString>;
+                safeAreaLeftColor: z.ZodOptional<z.ZodString>;
+                safeAreaRightColor: z.ZodOptional<z.ZodString>;
+                statusBar: z.ZodOptional<z.ZodObject<{
+                    time: z.ZodOptional<z.ZodString>;
+                    date: z.ZodOptional<z.ZodString>;
+                    menuBarApp: z.ZodOptional<z.ZodString>;
+                    menuBarItems: z.ZodOptional<z.ZodArray<z.ZodString>>;
+                    signalStrength: z.ZodOptional<z.ZodNumber>;
+                    showNetworkType: z.ZodOptional<z.ZodBoolean>;
+                    networkType: z.ZodOptional<z.ZodString>;
+                    wifiStrength: z.ZodOptional<z.ZodNumber>;
+                    batteryLevel: z.ZodOptional<z.ZodNumber>;
+                    batteryCharging: z.ZodOptional<z.ZodBoolean>;
+                    showBatteryPercentage: z.ZodOptional<z.ZodBoolean>;
+                    colorScheme: z.ZodOptional<z.ZodEnum<{
+                        light: "light";
+                        dark: "dark";
+                    }>>;
+                    carrierName: z.ZodOptional<z.ZodString>;
+                    autoLocale: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strict>>;
+                browserBar: z.ZodOptional<z.ZodObject<{
+                    url: z.ZodOptional<z.ZodString>;
+                    pageTitle: z.ZodOptional<z.ZodString>;
+                    tabIconUrl: z.ZodOptional<z.ZodString>;
+                }, z.core.$strict>>;
+                windowBorder: z.ZodOptional<z.ZodObject<{
+                    color: z.ZodString;
+                    width: z.ZodNumber;
+                    radius: z.ZodNumber;
+                }, z.core.$strict>>;
+                colorScheme: z.ZodOptional<z.ZodEnum<{
+                    light: "light";
+                    dark: "dark";
+                }>>;
+            }, z.core.$strict>>;
         }, z.core.$strict>>;
         preconditions: z.ZodObject<{
             credentialsId: z.ZodOptional<z.ZodString>;
@@ -542,73 +591,6 @@ export declare const SignedExecutionProgramEnvelopeSchema: z.ZodObject<{
             timeoutMs: z.ZodNumber;
             maxFailures: z.ZodNumber;
             kind: z.ZodLiteral<"CAPTURE_SCREENSHOT">;
-        }, z.core.$strict>, z.ZodObject<{
-            stateName: z.ZodString;
-            selector: z.ZodOptional<z.ZodString>;
-            description: z.ZodString;
-            postcondition: z.ZodObject<{
-                type: z.ZodEnum<{
-                    route_matches: "route_matches";
-                    element_visible: "element_visible";
-                    element_absent: "element_absent";
-                    text_contains: "text_contains";
-                    overlay_dismissed: "overlay_dismissed";
-                    screenshot_stable: "screenshot_stable";
-                    any_change: "any_change";
-                    always: "always";
-                }>;
-                pattern: z.ZodOptional<z.ZodString>;
-                selector: z.ZodOptional<z.ZodString>;
-                text: z.ZodOptional<z.ZodString>;
-                threshold: z.ZodOptional<z.ZodNumber>;
-                waitMs: z.ZodOptional<z.ZodNumber>;
-            }, z.core.$strict>;
-            recovery: z.ZodObject<{
-                retries: z.ZodNumber;
-                useSelectorMemory: z.ZodBoolean;
-                useAltInteraction: z.ZodBoolean;
-                allowReload: z.ZodBoolean;
-                allowHealer: z.ZodBoolean;
-            }, z.core.$strict>;
-            timeoutMs: z.ZodNumber;
-            maxFailures: z.ZodNumber;
-            kind: z.ZodLiteral<"CAPTURE_DOM">;
-        }, z.core.$strict>, z.ZodObject<{
-            fragmentName: z.ZodString;
-            variantName: z.ZodOptional<z.ZodString>;
-            parentState: z.ZodString;
-            selector: z.ZodString;
-            triggerSelector: z.ZodOptional<z.ZodString>;
-            mountStrategy: z.ZodOptional<z.ZodString>;
-            mountTargetSelector: z.ZodOptional<z.ZodString>;
-            description: z.ZodString;
-            postcondition: z.ZodObject<{
-                type: z.ZodEnum<{
-                    route_matches: "route_matches";
-                    element_visible: "element_visible";
-                    element_absent: "element_absent";
-                    text_contains: "text_contains";
-                    overlay_dismissed: "overlay_dismissed";
-                    screenshot_stable: "screenshot_stable";
-                    any_change: "any_change";
-                    always: "always";
-                }>;
-                pattern: z.ZodOptional<z.ZodString>;
-                selector: z.ZodOptional<z.ZodString>;
-                text: z.ZodOptional<z.ZodString>;
-                threshold: z.ZodOptional<z.ZodNumber>;
-                waitMs: z.ZodOptional<z.ZodNumber>;
-            }, z.core.$strict>;
-            recovery: z.ZodObject<{
-                retries: z.ZodNumber;
-                useSelectorMemory: z.ZodBoolean;
-                useAltInteraction: z.ZodBoolean;
-                allowReload: z.ZodBoolean;
-                allowHealer: z.ZodBoolean;
-            }, z.core.$strict>;
-            timeoutMs: z.ZodNumber;
-            maxFailures: z.ZodNumber;
-            kind: z.ZodLiteral<"CAPTURE_FRAGMENT">;
         }, z.core.$strict>, z.ZodObject<{
             clipId: z.ZodOptional<z.ZodString>;
             clipName: z.ZodOptional<z.ZodString>;
@@ -1030,7 +1012,6 @@ export declare const SignedExecutionProgramEnvelopeSchema: z.ZodObject<{
             mediaMode: z.ZodEnum<{
                 clip: "clip";
                 screenshot: "screenshot";
-                dom: "dom";
             }>;
             format: z.ZodOptional<z.ZodObject<{
                 clipFormat: z.ZodOptional<z.ZodEnum<{
@@ -1051,9 +1032,6 @@ export declare const SignedExecutionProgramEnvelopeSchema: z.ZodObject<{
             maxClipDurationSec: z.ZodOptional<z.ZodNumber>;
             applyMockup: z.ZodOptional<z.ZodBoolean>;
             applyStatusBar: z.ZodOptional<z.ZodBoolean>;
-            domOptions: z.ZodOptional<z.ZodObject<{
-                sanitize: z.ZodOptional<z.ZodBoolean>;
-            }, z.core.$strict>>;
         }, z.core.$strict>;
         outputScale: z.ZodOptional<z.ZodNumber>;
         compileFingerprint: z.ZodString;

package/dist/security.js CHANGED Viewed

@@ -399,7 +399,7 @@ function evaluateTypingTarget(target, typedText, context) {
         return { allowed: false, reason: 'Blocked by security policy: target field is not a safe text input.', target };
     }
     if (TYPE_BLOCK_RE.test(text)) {
-        return { allowed: false, reason: 'Blocked by security policy: content-composition field.', target };
+        return { allowed: false, reason: 'Blocked by security policy: rich-content field.', target };
     }
     if (authContext) {
         return { allowed: true, target };
@@ -408,7 +408,7 @@ function evaluateTypingTarget(target, typedText, context) {
         return { allowed: true, target };
     }
     // Default: allow typing into text-like inputs that passed all safety checks above
-    // (not a textarea, not a content-composition field, not a non-text input type)
+    // (not a textarea, not a rich-content field, not a non-text input type)
     return { allowed: true, target };
 }
 export function evaluateResolvedActionSecurity(action, args, context, target) {

package/dist/server-capture-runtime.d.ts CHANGED Viewed

@@ -18,7 +18,6 @@ export interface BillingPlanEntitlements {
     aiDailyCostLimitUsd: number;
     apiRateLimitRpm: number;
     maxDevLinks: number | null;
-    maxCompositions: number | null;
     maxTeamMembersPerProject: number | null;
 }
 export interface BillingPlan {