@agent-native/core-corpus 0.203.1 → 0.204.0-nightly-20261008011018

package/corpus/README.md

@@ -32,4 +32,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core-corpus/corpu
 
 ## Generated Counts
 
-- template files: 11341
+- template files: 11374

package/corpus/templates/analytics/app/pages/sessions/session-replay-screenshot.ts

@@ -16,6 +16,7 @@ const MAX_IMAGE_RESPONSE_BYTES = 12_000_000;
 const MAX_SCREENSHOT_DIMENSION = 8_192;
 const MAX_SCREENSHOT_PIXELS = 16_000_000;
 const MAX_REPLAY_IFRAME_DEPTH = 8;
+const VIDEO_READY_STATE_HAVE_CURRENT_DATA = 2;
 const REPLAY_SCREENSHOT_MARKER = "data-replay-screenshot-map";
 
 type ReplayImageResource = { document: Document; url: string };
@@ -567,8 +568,12 @@ function imageResourcesInDocuments(
       (element): element is HTMLVideoElement => element.tagName === "VIDEO",
     )) {
       if (!isElementRendered(video, current)) continue;
-      if (
-        video.poster ||
+      if (video.controls) throw new ReplayScreenshotAssetError();
+      if (hasCurrentVideoFrame(video)) {
+        assertVideoFrameReadable(video);
+      } else if (video.poster) {
+        addUrl(video.poster, current.baseURI, current);
+      } else if (
         video.currentSrc ||
         video.hasAttribute("src") ||
         video.srcObject ||
@@ -631,6 +636,68 @@ function imageResourcesInDocuments(
   );
 }
 
+function hasCurrentVideoFrame(video: HTMLVideoElement): boolean {
+  return (
+    video.readyState >= VIDEO_READY_STATE_HAVE_CURRENT_DATA &&
+    video.videoWidth > 0 &&
+    video.videoHeight > 0
+  );
+}
+
+function assertVideoFrameReadable(video: HTMLVideoElement): void {
+  const probe = video.ownerDocument.createElement("canvas");
+  probe.width = 1;
+  probe.height = 1;
+  const context = probe.getContext("2d");
+  if (!context) throw new ReplayScreenshotAssetError();
+  try {
+    context.drawImage(video, 0, 0, 1, 1);
+    context.getImageData(0, 0, 1, 1);
+  } catch {
+    throw new ReplayScreenshotAssetError();
+  }
+}
+
+function copyComputedStyles(
+  source: Element,
+  target: HTMLElement,
+  view: Window,
+): void {
+  const styles = view.getComputedStyle(source);
+  for (let index = 0; index < styles.length; index += 1) {
+    const property = styles.item(index);
+    target.style.setProperty(
+      property,
+      styles.getPropertyValue(property),
+      styles.getPropertyPriority(property),
+    );
+  }
+}
+
+function html2CanvasVideoClone(
+  video: HTMLVideoElement,
+  clonesByMarker: Map<string, Element>,
+): Element | undefined {
+  const parent = video.parentElement;
+  const parentMarker = parent?.getAttribute(REPLAY_SCREENSHOT_MARKER);
+  const clonedParent = parentMarker ? clonesByMarker.get(parentMarker) : null;
+  if (!parent || !clonedParent) return undefined;
+
+  const originalChildren = Array.from(parent.children).filter(
+    (element) => element.tagName !== "SCRIPT",
+  );
+  const videoIndex = originalChildren.indexOf(video);
+  if (videoIndex === -1) return undefined;
+
+  const clonedChildren = Array.from(clonedParent.children).filter(
+    (element) =>
+      element.tagName !== "SCRIPT" &&
+      element.localName !== "html2canvaspseudoelement",
+  );
+  const clone = clonedChildren[videoIndex];
+  return clone?.tagName === "CANVAS" ? clone : undefined;
+}
+
 function imageUrlsInDocuments(documents: Document[]): string[] {
   return [
     ...new Set(imageResourcesInDocuments(documents).map(({ url }) => url)),
@@ -859,6 +926,17 @@ export function inlineReplayAssets(
     }
   }
 
+  for (const originalElement of originalElements) {
+    if (originalElement.tagName !== "VIDEO") continue;
+    const marker = originalElement.getAttribute(REPLAY_SCREENSHOT_MARKER);
+    if (!marker || clonesByMarker.has(marker)) continue;
+    const clone = html2CanvasVideoClone(
+      originalElement as HTMLVideoElement,
+      clonesByMarker,
+    );
+    if (clone) clonesByMarker.set(marker, clone);
+  }
+
   for (const [documentIndex, original] of originalDocuments.entries()) {
     const rootMarker = original.documentElement.getAttribute(
       REPLAY_SCREENSHOT_MARKER,
@@ -878,9 +956,13 @@ export function inlineReplayAssets(
       if (originalElement.tagName === "SCRIPT") continue;
       const marker = originalElement.getAttribute(REPLAY_SCREENSHOT_MARKER);
       let clonedElement = marker ? clonesByMarker.get(marker) : undefined;
+      const isHtml2CanvasVideoClone =
+        originalElement.tagName === "VIDEO" &&
+        clonedElement?.tagName === "CANVAS";
       if (
         !clonedElement ||
-        (originalElement.tagName !== clonedElement.tagName &&
+        (!isHtml2CanvasVideoClone &&
+          originalElement.tagName !== clonedElement.tagName &&
           !originalElement.localName.includes("-"))
       ) {
         throw new ReplayScreenshotAssetError();
@@ -894,21 +976,34 @@ export function inlineReplayAssets(
           const image = cloned.createElement("img");
           image.alt = "";
           image.src = screenshot;
-          const frameStyles = view.getComputedStyle(originalElement);
-          for (let index = 0; index < frameStyles.length; index += 1) {
-            const property = frameStyles.item(index);
-            image.style.setProperty(
-              property,
-              frameStyles.getPropertyValue(property),
-              frameStyles.getPropertyPriority(property),
-            );
-          }
+          copyComputedStyles(originalElement, image, view);
           image.style.setProperty("object-fit", "fill", "important");
           clonedElement.replaceWith(image);
           clonedElement = image;
           if (marker) clonesByMarker.set(marker, image);
         }
       }
+      if (originalElement.tagName === "VIDEO") {
+        const video = originalElement as HTMLVideoElement;
+        if (!hasCurrentVideoFrame(video) && video.poster) {
+          const posterUrl = new URL(video.poster, original.baseURI).href;
+          const poster = documentAssets.get(posterUrl);
+          if (!poster) throw new ReplayScreenshotAssetError();
+          const image = cloned.createElement("img");
+          image.alt = "";
+          image.src = poster;
+          const videoStyles = view.getComputedStyle(video);
+          copyComputedStyles(video, image, view);
+          image.style.setProperty(
+            "object-fit",
+            videoStyles.objectFit || "contain",
+            "important",
+          );
+          clonedElement.replaceWith(image);
+          clonedElement = image;
+          if (marker) clonesByMarker.set(marker, image);
+        }
+      }
       if (originalElement instanceof view.HTMLImageElement) {
         const source = originalElement.currentSrc || originalElement.src;
         const dataUrl = documentAssets.get(source);

package/corpus/templates/analytics/changelog/2026-10-07-session-replay-screenshot-export-captures-readable-video-fra.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-10-07
+---
+
+Session replay screenshot export captures readable video frames and safe poster images.

package/corpus/templates/clips/app/i18n/en-US.ts

@@ -1395,7 +1395,7 @@ const messages = {
     waitingForBuilder: "Waiting for Builder...",
     description:
       "Store recorded videos with Builder.io or S3-compatible storage. Builder.io includes free hosting and AI credits.",
-    createBuilderAccount: "Create Builder.io account",
+    createBuilderAccount: "Use Builder.io",
     signInWithBuilderAccount: "Sign in with Builder.io account",
     free: "Free",
     whyPrompt: "Why am I seeing this?",

package/corpus/templates/clips/changelog/2026-10-07-builder-io-setup-choices-now-say-use-builder-io.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-10-07
+---
+
+Builder.io setup choices now say “Use Builder.io”.

package/corpus/templates/clips/changelog/2026-10-07-clips-keeps-settings-at-its-full-size-while-a-recording-is-a.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-10-07
+---
+
+Clips sizes Settings and recording views correctly while a recording is active.

package/corpus/templates/clips/desktop/src/app.tsx

@@ -137,6 +137,7 @@ import {
   MACOS_UPDATE_RESTART_MESSAGE,
 } from "./lib/permissions";
 import { isMacPlatform, isWindowsPlatform } from "./lib/platform";
+import { getPopoverAutoSizeOptions } from "./lib/popover-sizing";
 import {
   changeRecordFirstFiles,
   effectiveLocalRecordingMode,
@@ -939,7 +940,10 @@ function measurePopoverHeight(el: HTMLElement): number {
 
 function usePopoverAutoSize(
   ref: RefObject<HTMLElement | null>,
-  options: { disabled: boolean; width: number },
+  options: {
+    disabled: boolean;
+    width: number;
+  },
 ): void {
   const { disabled, width } = options;
 
@@ -2928,15 +2932,18 @@ export function App({
     setPopoverView,
     appRef,
   );
-  usePopoverAutoSize(appRef, {
-    disabled:
-      (popoverView !== "settings" && !popoverVisible) ||
-      isRecording ||
-      recordingFlowActive ||
-      recordingStartPending,
-    width:
-      popoverView === "settings" ? 720 : popoverView === "memory" ? 440 : 320,
-  });
+  const popoverLayoutView =
+    popoverView === "settings"
+      ? "settings"
+      : popoverView === "memory"
+        ? "memory"
+        : "recorder";
+  const popoverAutoSizeOptions = getPopoverAutoSizeOptions(
+    popoverLayoutView,
+    popoverVisible,
+    recordingStartPending,
+  );
+  usePopoverAutoSize(appRef, popoverAutoSizeOptions);
 
   const loadPendingUploads = useCallback(async () => {
     const sequence = ++recoveryLookupSequence.current;

package/corpus/templates/clips/desktop/src/lib/popover-sizing.ts

@@ -0,0 +1,17 @@
+export type PopoverAutoSizeView = "recorder" | "memory" | "settings";
+
+export function getPopoverAutoSizeOptions(
+  view: PopoverAutoSizeView,
+  popoverVisible: boolean,
+  recordingStartPending: boolean,
+): {
+  disabled: boolean;
+  width: number;
+} {
+  const isSettings = view === "settings";
+
+  return {
+    disabled: !isSettings && (!popoverVisible || recordingStartPending),
+    width: isSettings ? 720 : view === "memory" ? 440 : 320,
+  };
+}

package/corpus/templates/clips/desktop/src-tauri/src/clips/mod.rs

@@ -1458,9 +1458,6 @@ pub async fn resize_popover(app: AppHandle, height: f64, width: Option<f64>) ->
     if voice_woken {
         return Ok(());
     }
-    if is_recording_active(&app) {
-        return Ok(());
-    }
     if let Some(w) = app.get_webview_window("popover") {
         let tray_center = app
             .try_state::<TrayAnchor>()

package/corpus/templates/content/app/components/editor/DocumentBlockFields.tsx

@@ -51,6 +51,7 @@ interface DocumentBlockFieldsProps {
   databaseId: string | null;
   databaseDocumentId: string | null;
   canEdit: boolean;
+  usePagePropertiesOnly?: boolean;
   suggesting?: boolean;
   enteringSuggestion?: boolean;
   onPrimaryFieldAvailabilityChange?: (
@@ -276,6 +277,7 @@ export function DocumentBlockFields({
   databaseId,
   databaseDocumentId,
   canEdit,
+  usePagePropertiesOnly = false,
   suggesting = false,
   enteringSuggestion = false,
   onPrimaryFieldAvailabilityChange,
@@ -288,21 +290,26 @@ export function DocumentBlockFields({
     () => documentPropertiesPlaceholder(documentId, databaseId, pageProperties),
     [databaseId, documentId, pageProperties],
   );
-  const query = useDocumentProperties(documentId, databaseId, { placeholder });
+  const query = useDocumentProperties(documentId, databaseId, {
+    enabled: !usePagePropertiesOnly,
+    placeholder,
+  });
+  const propertiesData = usePagePropertiesOnly ? placeholder : query.data;
+  const hasQueryError = !usePagePropertiesOnly && query.isError;
   const canEditFields =
     canEdit &&
-    query.data?.canEditValues === true &&
+    propertiesData?.canEditValues === true &&
     databaseId !== null &&
     databaseDocumentId !== null;
-  const properties = query.data?.properties ?? [];
+  const properties = propertiesData?.properties ?? [];
   const blockFields = useMemo(
     () => blockFieldsFromProperties(properties),
     [properties],
   );
 
-  const loaded = isLoadedForDocument(documentId, databaseId, query.data);
+  const loaded = isLoadedForDocument(documentId, databaseId, propertiesData);
   const state = blockFieldsRenderState({ loaded, blockFields });
-  const primaryAvailable = !query.isError && primaryBlocksFieldAvailable(state);
+  const primaryAvailable = !hasQueryError && primaryBlocksFieldAvailable(state);
   const scope = `${documentId}:${databaseId ?? ""}:${databaseDocumentId ?? ""}`;
   useLayoutEffect(() => {
     onPrimaryFieldAvailabilityChange?.(scope, primaryAvailable);
@@ -310,7 +317,7 @@ export function DocumentBlockFields({
 
   // A failed property read is not an empty field list. Rendering the editor in
   // that state could bind the body before we know which storage target owns it.
-  if (query.isError) {
+  if (hasQueryError) {
     return (
       <div
         className={cn(BLOCK_FIELDS_GRID, "gap-1")}