@agent-native/core-corpus 0.216.0 → 0.218.0

package/corpus/templates/content/shared/suggestion-formatting.ts

@@ -650,12 +650,21 @@ function resolveVerbatimRun(
 export type SuggestionFormattingSlicePart =
   | { type: "text"; text: string; marks: NonNullable<PMNode["marks"]> }
   | { type: "break"; text: string }
-  | { type: "indent"; text: string };
+  | { type: "indent"; text: string }
+  | { type: "block"; text: string };
 
+const EMPTY_BLOCK = "<empty-block/>";
+// The syntax that opens a line's block: a heading, list item, task, or quote.
+const BLOCK_MARKER = /^(?:#{1,6} |(?:> )+|[-*+] (?:\[[ xX]\] )?|\d+[.)] )/;
+
+// `blocks` admits block syntax and empty paragraphs. Without it a gap holds
+// only line breaks and indentation, which is what places a zero-width
+// boundary on one side of a gap or the other.
 function structuralGapParts(
   source: string,
   from: number,
   to: number,
+  blocks = true,
 ): SuggestionFormattingSlicePart[] | null {
   const parts: SuggestionFormattingSlicePart[] = [];
   let offset = from;
@@ -678,15 +687,36 @@ function structuralGapParts(
         source.lastIndexOf("\r", offset - 1),
       ) + 1;
     const atLineStart = /^\t*$/.test(source.slice(lineStart, offset));
-    if (!atLineStart || source[offset] !== "\t") return null;
-    const indentFrom = offset;
-    while (offset < to && source[offset] === "\t") offset += 1;
-    parts.push({
-      type: "indent",
-      text: "⇥".repeat(offset - indentFrom),
-    });
-    const heading = /^(?:#{1,6}) /.exec(source.slice(offset, to));
-    if (heading) offset += heading[0].length;
+    if (!atLineStart) return null;
+    if (source[offset] === "\t") {
+      const indentFrom = offset;
+      while (offset < to && source[offset] === "\t") offset += 1;
+      parts.push({
+        type: "indent",
+        text: "⇥".repeat(offset - indentFrom),
+      });
+      const heading = /^(?:#{1,6}) /.exec(source.slice(offset, to));
+      if (heading) offset += heading[0].length;
+      continue;
+    }
+    if (!blocks) return null;
+    // An empty paragraph or a block's opening syntax has no text of its own,
+    // so it is shown as written: a pilcrow for the paragraph, the marker
+    // otherwise. A marker is only whole when the slice holds all of it.
+    const lineEnd = offset + EMPTY_BLOCK.length;
+    if (
+      source.startsWith(EMPTY_BLOCK, offset) &&
+      lineEnd <= to &&
+      (lineEnd === source.length || /[\r\n]/.test(source[lineEnd]!))
+    ) {
+      parts.push({ type: "block", text: "¶" });
+      offset = lineEnd;
+      continue;
+    }
+    const marker = BLOCK_MARKER.exec(source.slice(offset, to));
+    if (!marker) return null;
+    parts.push({ type: "block", text: marker[0] });
+    offset += marker[0].length;
   }
   return parts;
 }
@@ -894,7 +924,7 @@ export function suggestionFormattingSourceRange(
         sourceTo: run.sourceFrom,
         offset: run.from,
         structural: Boolean(
-          structuralGapParts(source, previousSourceTo, run.sourceFrom),
+          structuralGapParts(source, previousSourceTo, run.sourceFrom, false),
         ),
         afterText: index > 0,
         beforeText: true,
@@ -910,7 +940,7 @@ export function suggestionFormattingSourceRange(
       sourceTo: source.length,
       offset: previousTextTo,
       structural: Boolean(
-        structuralGapParts(source, previousSourceTo, source.length),
+        structuralGapParts(source, previousSourceTo, source.length, false),
       ),
       afterText: mapped.runs.length > 0,
       beforeText: false,
@@ -983,13 +1013,13 @@ export function suggestionFormattingSourceRange(
       if (
         gap.afterText &&
         offset > gap.sourceFrom &&
-        structuralGapParts(source, gap.sourceFrom, offset)
+        structuralGapParts(source, gap.sourceFrom, offset, false)
       )
         candidates.push({ offset: gap.offset, affinity: "left" });
       if (
         gap.beforeText &&
         offset < gap.sourceTo &&
-        (structuralGapParts(source, offset, gap.sourceTo) ||
+        (structuralGapParts(source, offset, gap.sourceTo, false) ||
           !/[\r\n]/.test(opening) ||
           (gap.beforeCode && /^[^\r\n]*\r?\n$/.test(opening)))
       )

package/corpus/templates/content/shared/suggestion-text.ts

@@ -11,6 +11,8 @@ export type SuggestionPresentationContext = {
 export type SuggestionPresentationNode =
   | { type: "text"; value: string }
   | { type: "indent"; value: string }
+  | { type: "block"; value: string }
+  | { type: "lineBreak" }
   | {
       type: "strong" | "emphasis" | "strike" | "code" | "underline";
       children: SuggestionPresentationNode[];
@@ -120,7 +122,12 @@ function stripInlineContext(
       const value = node.value.slice(context.length);
       return value ? { type: "text", value } : null;
     }
-    if (node.type === "indent") return node;
+    if (
+      node.type === "indent" ||
+      node.type === "block" ||
+      node.type === "lineBreak"
+    )
+      return node;
     const children = node.children.flatMap((child) => {
       const strippedChild = stripNode(child);
       return strippedChild ? [strippedChild] : [];
@@ -246,11 +253,19 @@ function computeSuggestionTextPresentationForSource(
       ? text.replace(/ /g, "·").replace(/\t/g, "⇥")
       : text
     ).replace(/\n/g, "↵");
-  return parts.flatMap((part) =>
-    part.type === "indent"
-      ? [{ type: "indent" as const, value: part.text }]
+  // A line break beside text breaks the line; on its own it stays a visible ↵.
+  const breaksLines = parts.some(
+    (part) => part.type === "text" && /\S/.test(part.text),
+  );
+  return parts.flatMap((part): SuggestionPresentationNode[] =>
+    part.type === "indent" || part.type === "block"
+      ? [{ type: part.type, value: part.text }]
       : part.type === "break"
-        ? [{ type: "text" as const, value: part.text }]
+        ? [
+            breaksLines
+              ? { type: "lineBreak" }
+              : { type: "text", value: part.text },
+          ]
         : presentationNode(
             { type: "text", text: visibleText(part.text), marks: part.marks },
             (text) => text,

package/corpus/templates/design/.agents/skills/design-templates/SKILL.md

@@ -20,7 +20,11 @@ description: >-
 1. **Resolve the starting point.** When the user mentions a template, past
    design, or prior work, call both `list-design-templates` and `list-designs`
    before generating. Match the requested name or id; ask only when multiple
-   plausible results remain.
+   plausible results remain. To look through a template before using it, call
+   `get-design-template --templateId="<id>"` (read-only); in the UI a template
+   card opens the same read-only preview, and its "Use template" button is the
+   copy step. Built-in starters include app screens (analytics dashboard,
+   messaging app, project tasks, design studio) beside ads, posters and pages.
 2. **Save a reusable template.** Call `save-design-as-template` with the source
    `designId`. The action snapshots inline screens, canvas dimensions,
    defaults, linked design system, and locked layers.

package/corpus/templates/design/.generated/bridge/shader-runtime.generated.ts

@@ -26,8 +26,10 @@ export const shaderRuntimeBridgeScript: string = `"use strict";
     const registry = {};
     const mounts = [];
     let rafId = null;
+    let lastFrameTs = null;
     let needsRender = false;
     let scanTimer = null;
+    let viewScale = 1;
     function nowMs() {
       return W.performance && W.performance.now ? W.performance.now() : Date.now();
     }
@@ -285,9 +287,10 @@ export const shaderRuntimeBridgeScript: string = `"use strict";
       const rect = el.getBoundingClientRect();
       const wCss = Math.max(1, Math.round(rect.width));
       const hCss = Math.max(1, Math.round(rect.height));
-      const dpr = Math.min(2, W.devicePixelRatio || 1);
-      const wPx = Math.max(1, Math.round(wCss * dpr));
-      const hPx = Math.max(1, Math.round(hCss * dpr));
+      const deviceRatio = Math.min(2, W.devicePixelRatio || 1);
+      const ratio = Math.max(Math.min(1, deviceRatio), deviceRatio * viewScale);
+      const wPx = Math.max(1, Math.round(wCss * ratio));
+      const hPx = Math.max(1, Math.round(hCss * ratio));
       if (canvas.width !== wPx || canvas.height !== hPx) {
         canvas.width = wPx;
         canvas.height = hPx;
@@ -319,8 +322,15 @@ export const shaderRuntimeBridgeScript: string = `"use strict";
       gl.clear(gl.COLOR_BUFFER_BIT);
       gl.drawArrays(gl.TRIANGLES, 0, 3);
     }
-    function frame() {
+    function frame(ts) {
       rafId = null;
+      if (typeof ts === "number") {
+        if (ts === lastFrameTs) {
+          startLoop();
+          return;
+        }
+        lastFrameTs = ts;
+      }
       const t = (nowMs() - t0) / 1e3;
       const animate = !reducedMotion && !document.hidden;
       for (let i = mounts.length - 1; i >= 0; i--) {
@@ -414,6 +424,17 @@ export const shaderRuntimeBridgeScript: string = `"use strict";
     document.addEventListener("visibilitychange", function() {
       if (!document.hidden) requestRender();
     });
+    W.addEventListener("message", function(event) {
+      if (W.parent === W || event.source !== W.parent) return;
+      const data = event.data;
+      if (!data || data.type !== "set-editor-chrome-scale") return;
+      const scale = Math.max(Number(data.scaleX) || 0, Number(data.scaleY) || 0);
+      if (!(scale > 0)) return;
+      const next = Math.min(1, Math.ceil(scale * 8) / 8);
+      if (next === viewScale) return;
+      viewScale = next;
+      requestRender();
+    });
     try {
       new MutationObserver(function() {
         scheduleScan();

package/corpus/templates/design/CHANGELOG.md

@@ -7,16 +7,20 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Fixed
 
+- Collapsed shader layers no longer interrupt other shaders on the canvas
+- Shader fills keep rendering when other screen content cannot be captured
 - Shader fills and effects render correctly on canvas elements created or updated in the editor.
 
 ## 2026-10-21
 
 ### Added
 
+- A Getting started checklist at the bottom of the sidebar tracks your first design, brand, sharing, teammates, and templates, and checks steps off as you finish them
 - Pulsing Border adds moving color highlights along an element’s outline, with concentrated bright cores, colored falloff, and controls for motion and shape.
 
 ### Improved
 
+- Templates now open a read-only preview from the card, and the home library shows more starters, including dashboard, messaging, task board and design studio screens.
 - Effect thumbnails now show how shaders treat the Agent-Native mark against a quiet tonal background, making their differences easier to judge.
 - Native shader previews use less GPU memory when many mesh effects are visible.
 - Pulsing Border uses the standard Linear and Angular gradient picker for its moving border colors, with up to eight editable stops and a separate Background color. Thickness sets the bright edge, Softness feathers it, Bloom adjusts glow brightness, and Glow spread sets the halo radius. Smoke, margins, offsets, and layout settings stay grouped in collapsible sections.
@@ -126,6 +130,7 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Improved
 
+- Design pages use localized visibility badges and a shared ownership filter.
 - Animated shader fills render together more efficiently and pause work outside the visible canvas.
 - Shader property sliders preview changes while dragging
 - Canvas selection, layer controls, text insertion, grouping, and auto-layout behave more predictably.

package/corpus/templates/design/actions/get-getting-started.ts

@@ -0,0 +1,53 @@
+import { defineAction } from "@agent-native/core/action";
+import {
+  getOnboardingStepStatuses,
+  readOnboardingDismissed,
+} from "@agent-native/core/onboarding/status";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server/request-context";
+import { z } from "zod";
+
+import {
+  GETTING_STARTED_CHECKLIST,
+  registerGettingStartedSteps,
+} from "../server/lib/getting-started.js";
+
+export default defineAction({
+  description:
+    "Read the user's Getting started checklist: each step with whether the user has completed it and the in-app path that completes it. Use it to tell the user what is left or what to do next.",
+  schema: z.object({}),
+  http: { method: "GET" },
+  readOnly: true,
+  run: async () => {
+    const userEmail = getRequestUserEmail();
+    if (!userEmail) {
+      throw Object.assign(new Error("Not authenticated"), { statusCode: 401 });
+    }
+    registerGettingStartedSteps();
+    const context = {
+      sessionId: userEmail,
+      userEmail,
+      orgId: getRequestOrgId() ?? null,
+    };
+    const [steps, dismissed] = await Promise.all([
+      getOnboardingStepStatuses(context, {
+        checklist: GETTING_STARTED_CHECKLIST,
+      }),
+      readOnboardingDismissed(userEmail, GETTING_STARTED_CHECKLIST),
+    ]);
+    return {
+      dismissed,
+      completeCount: steps.filter((step) => step.complete).length,
+      totalCount: steps.length,
+      steps: steps.map(({ id, title, description, complete, href }) => ({
+        id,
+        title,
+        description,
+        complete,
+        href,
+      })),
+    };
+  },
+});

package/corpus/templates/design/app/components/design/DesignCanvas.tsx

@@ -79,6 +79,7 @@ import {
   type ReviewFocusRequest,
 } from "@/components/visual-editor";
 import { sendToDesignAgentChatAndConfirm } from "@/lib/agent-chat";
+import { useCanvasLoadOutcome } from "@/lib/canvas-load-outcome";
 import {
   resolveDesktopDesignSnapshotLayer,
   useDesktopDesignNativePreview,
@@ -2336,6 +2337,12 @@ export function DesignCanvas({
   const liveEditRestartAttemptRef = useRef(0);
   const liveEditSameInstanceElapsedMsRef = useRef(0);
   const liveEditSameInstanceDelayRef = useRef(LIVE_EDIT_READY_TIMEOUT_MS);
+  // Snapshots and localhost or Fusion previews may never report ready; timing
+  // them would count a missing bridge as a stalled load.
+  const markCanvasLoadReady = useCanvasLoadOutcome({
+    designId,
+    measure: !snapshotOnly && (sourceType ?? "inline") === "inline",
+  });
   const liveEditSameInstanceRearmTimerRef = useRef<number | undefined>(
     undefined,
   );
@@ -4614,6 +4621,7 @@ export function DesignCanvas({
       if (trustedCurrentFrame && !bridgeReadyRef.current) {
         bridgeReadyRef.current = true;
         onBridgeReady?.();
+        markCanvasLoadReady();
         setReadyIframeDocumentIdentity(readyDocumentIdentity);
         flushPendingOneShotMessages();
       }
@@ -4741,6 +4749,7 @@ export function DesignCanvas({
         bridgeReadyRef.current = true;
         editorChromeReadyRef.current = true;
         onBridgeReady?.();
+        markCanvasLoadReady();
         setReadyIframeDocumentIdentity(readyDocumentIdentity);
         if (shouldRefreshRuntimeLayerSnapshot) {
           refreshRuntimeLayerSnapshotAfterReady();
@@ -6225,6 +6234,7 @@ export function DesignCanvas({
       bridgeReadyRef.current = true;
       editorChromeReadyRef.current = true;
       onBridgeReady?.();
+      markCanvasLoadReady();
       refreshRuntimeLayerSnapshotAfterReady();
       flushPendingOneShotMessages();
     }

package/corpus/templates/design/app/components/design/bridge/native-shader-runtime.bridge.ts

@@ -367,6 +367,7 @@ import {
 import { NativeWorkerHostError } from "./native-worker-host";
 import {
   NativeWorkerSceneHost,
+  NativeWorkerSceneSourceError,
   type NativeWorkerSceneEntry,
 } from "./native-worker-scene-host";
 
@@ -1204,6 +1205,8 @@ class NativeShaderRuntime {
   private workerPreviewBase: EffectInstance | null = null;
   private legacyDraftSession = false;
   private workerCapabilityBlocked = false;
+  private workerRootSourceBlocked = false;
+  private workerSourceRetryTimer = 0;
   private workerRecoveryAttempts = 0;
   private workerRecoveryQueued = false;
   private cameraReportedState = "idle";
@@ -5201,6 +5204,88 @@ class NativeShaderRuntime {
     );
   }
 
+  private hasWorkerPresentationToRetire(): boolean {
+    return Boolean(
+      this.retiringWorkerScene || this.mounts.size || this.scenePresentation,
+    );
+  }
+
+  private prepareWorkerSceneCommit(): void {
+    if (this.retiringWorkerScene) {
+      this.retiringWorkerScene.dispose({ preservePresentationState: true });
+      this.retiringWorkerScene = null;
+    }
+    for (const [id, mount] of this.mounts) {
+      this.unmount(mount);
+      this.mounts.delete(id);
+    }
+    if (this.scenePresentation) this.releaseScenePresentation();
+  }
+
+  private onWorkerSceneFailure = (error: Error): void => {
+    const code =
+      error instanceof NativeWorkerSceneSourceError
+        ? error.captureFailure.code
+        : error instanceof NativeSourceError ||
+            error instanceof NativeWorkerHostError
+          ? error.code
+          : "worker-scene-failed";
+    if (
+      error instanceof NativeWorkerSceneSourceError ||
+      [
+        "worker-continuous-source-unsupported",
+        "worker-unavailable",
+        "gpu-unavailable",
+        "canvas-unavailable",
+      ].includes(code)
+    ) {
+      if (error instanceof NativeWorkerSceneSourceError) {
+        this.workerRootSourceBlocked = true;
+        clearTimeout(this.workerSourceRetryTimer);
+        this.workerSourceRetryTimer = 0;
+      } else this.workerCapabilityBlocked = true;
+      queueMicrotask(() => this.requestScan());
+    }
+    if (
+      [
+        "gpu-device-lost",
+        "gpu-uncaptured-error",
+        "worker-failed",
+        "worker-init-timeout",
+      ].includes(code) &&
+      this.workerRecoveryAttempts < 2 &&
+      !this.workerRecoveryQueued
+    ) {
+      this.workerRecoveryAttempts += 1;
+      this.workerRecoveryQueued = true;
+      queueMicrotask(() => {
+        const failed = this.workerScene;
+        if (failed?.committedScene()) {
+          this.retiringWorkerScene?.dispose();
+          this.retiringWorkerScene = failed;
+          failed.holdLastFrame();
+        } else failed?.dispose();
+        if (this.workerScene === failed) this.workerScene = null;
+        this.workerRecoveryQueued = false;
+        window.setTimeout(
+          () => this.requestScan(),
+          100 * this.workerRecoveryAttempts,
+        );
+      });
+    }
+    this.issue(code, error.message);
+    for (const entry of this.workerEntries) {
+      const status = this.workerScene?.committedScene() ? "last-good" : "error";
+      entry.target.setAttribute("data-an-native-status", status);
+      entry.target.setAttribute("data-an-native-error", code);
+      this.postStatus(entry.instance.id, entry.instance.nodeId, status, {
+        code,
+        message: error.message,
+        instanceId: entry.instance.id,
+      });
+    }
+  };
+
   private scanOnce = async (): Promise<void> => {
     if (this.disposed) return;
     if (this.running) await this.running;
@@ -5549,6 +5634,7 @@ class NativeShaderRuntime {
       this.dynamicRangeRequested === "sdr" &&
       !this.legacyDraftSession &&
       !this.workerCapabilityBlocked &&
+      !this.workerRootSourceBlocked &&
       !window.frameElement?.hasAttribute(
         "data-native-catalog-preview-renderer",
       ) &&
@@ -5597,20 +5683,6 @@ class NativeShaderRuntime {
           },
           (_publication, message) => {
             this.workerRecoveryAttempts = 0;
-            if (this.retiringWorkerScene) {
-              this.retiringWorkerScene.dispose({
-                preservePresentationState: true,
-              });
-              this.retiringWorkerScene = null;
-            }
-            if (this.mounts.size || this.scenePresentation) {
-              for (const [id, mount] of this.mounts) {
-                this.unmount(mount);
-                this.mounts.delete(id);
-              }
-              if (this.scenePresentation) this.releaseScenePresentation();
-              this.workerScene?.setEntries(this.workerEntries);
-            }
             if (message.contentChanged)
               for (const committed of message.committedInstances) {
                 const entry = this.workerEntries.find(
@@ -5624,69 +5696,7 @@ class NativeShaderRuntime {
                   );
               }
           },
-          (error) => {
-            const code =
-              error instanceof NativeSourceError ||
-              error instanceof NativeWorkerHostError
-                ? error.code
-                : "worker-scene-failed";
-            if (
-              [
-                "worker-continuous-source-unsupported",
-                "worker-unavailable",
-                "gpu-unavailable",
-                "canvas-unavailable",
-              ].includes(code)
-            ) {
-              this.workerCapabilityBlocked = true;
-              queueMicrotask(() => this.requestScan());
-            }
-            if (
-              [
-                "gpu-device-lost",
-                "gpu-uncaptured-error",
-                "worker-failed",
-                "worker-init-timeout",
-              ].includes(code) &&
-              this.workerRecoveryAttempts < 2 &&
-              !this.workerRecoveryQueued
-            ) {
-              this.workerRecoveryAttempts += 1;
-              this.workerRecoveryQueued = true;
-              queueMicrotask(() => {
-                const failed = this.workerScene;
-                if (failed?.committedScene()) {
-                  this.retiringWorkerScene?.dispose();
-                  this.retiringWorkerScene = failed;
-                  failed.holdLastFrame();
-                } else failed?.dispose();
-                if (this.workerScene === failed) this.workerScene = null;
-                this.workerRecoveryQueued = false;
-                window.setTimeout(
-                  () => this.requestScan(),
-                  100 * this.workerRecoveryAttempts,
-                );
-              });
-            }
-            this.issue(code, error.message);
-            for (const entry of this.workerEntries) {
-              const status = this.workerScene?.committedScene()
-                ? "last-good"
-                : "error";
-              entry.target.setAttribute("data-an-native-status", status);
-              entry.target.setAttribute("data-an-native-error", code);
-              this.postStatus(
-                entry.instance.id,
-                entry.instance.nodeId,
-                status,
-                {
-                  code,
-                  message: error.message,
-                  instanceId: entry.instance.id,
-                },
-              );
-            }
-          },
+          this.onWorkerSceneFailure,
           nativePresentationTargetLayout,
           () => {
             this.refreshPreviewViewport();
@@ -5706,6 +5716,8 @@ class NativeShaderRuntime {
             compact: this.previewPolicy.isOverviewCompact(),
           }),
           () => this.clockOrigin,
+          () => this.hasWorkerPresentationToRetire(),
+          () => this.prepareWorkerSceneCommit(),
         );
         this.workerScene.setVisible(
           document.visibilityState !== "hidden" &&
@@ -20540,6 +20552,30 @@ class NativeShaderRuntime {
             "composition-instance-stale",
             "The requested native scene differs from the worker preview.",
           );
+        const committedScene = workerScene.committedScene();
+        const presentedInstances = new Map(
+          committedScene?.scene.instances.map((instance) => [
+            instance.id,
+            instance,
+          ]),
+        );
+        if (
+          !committedScene ||
+          presentedInstances.size !== committedScene.scene.instances.length ||
+          committedScene.scene.instances.some((instance) => {
+            const current = this.workerEntries.find(
+              (entry) => entry.instance.id === instance.id,
+            );
+            return (
+              !current ||
+              JSON.stringify(current.instance) !== JSON.stringify(instance)
+            );
+          })
+        )
+          throw new NativeSourceError(
+            "composition-instance-stale",
+            "The committed worker scene differs from its authored effects.",
+          );
         const timeSeconds = this.currentTime();
         const exported = await workerScene.captureExportScene({
           cropRect: region.region,
@@ -20565,7 +20601,14 @@ class NativeShaderRuntime {
               ))) ||
           exported.width !== region.width ||
           exported.height !== region.height ||
-          exported.rgba.byteLength !== region.width * region.height * 4
+          exported.rgba.byteLength !== region.width * region.height * 4 ||
+          exported.committedInstances.length !== presentedInstances.size ||
+          new Set(
+            exported.committedInstances.map((instance) => instance.instanceId),
+          ).size !== exported.committedInstances.length ||
+          exported.committedInstances.some(
+            (instance) => !presentedInstances.has(instance.instanceId),
+          )
         )
           throw new NativeSourceError(
             "composition-preview-stale",
@@ -20604,7 +20647,7 @@ class NativeShaderRuntime {
             };
           }),
         );
-        if (committedInstances.length !== this.workerEntries.length)
+        if (committedInstances.length !== presentedInstances.size)
           throw new NativeSourceError(
             "composition-instance-stale",
             "The worker still omitted a native effect.",
@@ -22674,6 +22717,15 @@ class NativeShaderRuntime {
         record.target !== this.runtimeScript &&
         !isNativeSourceOmittedMutation(record),
     );
+    if (this.workerRootSourceBlocked && authoredRecords.length) {
+      clearTimeout(this.workerSourceRetryTimer);
+      this.workerSourceRetryTimer = window.setTimeout(() => {
+        this.workerSourceRetryTimer = 0;
+        if (this.disposed || !this.workerRootSourceBlocked) return;
+        this.workerRootSourceBlocked = false;
+        this.requestScan();
+      }, 100);
+    }
     if (this.compositionAbort && authoredRecords.length)
       this.compositionAbort.abort(
         new NativeSourceError(
@@ -22902,6 +22954,7 @@ class NativeShaderRuntime {
       this.previewHostParent = null;
       window.removeEventListener("message", this.onMessage);
       clearTimeout(this.rescanTimer);
+      clearTimeout(this.workerSourceRetryTimer);
       clearTimeout(this.deviceRetryTimer);
       if (
         this.scenePresentation &&