@agent-native/core 0.121.2 → 0.122.0

package/corpus/templates/design/.generated/bridge/motion-preview.generated.ts

@@ -0,0 +1,571 @@
+// AUTO-GENERATED by bridge/codegen.ts — do not edit manually.
+// Run: pnpm exec tsx app/components/design/bridge/codegen.ts
+
+/** Compiled IIFE string for motion-preview.bridge.ts — inject into an iframe via srcdoc or a <script> tag. */
+export const motionPreviewBridgeScript: string = `"use strict";
+(() => {
+  // app/components/design/bridge/motion-preview.bridge.ts
+  (function() {
+    var loadedTracks = [];
+    var loadedDefaultEase = "ease";
+    var loadedTimelineDurationMs = null;
+    var touchedProps = {};
+    var originalInlineValues = {};
+    var elementCache = {};
+    function resolveTrackElement(nodeId) {
+      var cached = elementCache[nodeId];
+      if (cached && document.contains(cached)) return cached;
+      var el = document.querySelector(
+        '[data-agent-native-node-id="' + nodeId + '"]'
+      );
+      elementCache[nodeId] = el;
+      return el;
+    }
+    function camelizeProp(prop) {
+      return String(prop).replace(/-([a-z])/g, function(_m, c) {
+        return c.toUpperCase();
+      });
+    }
+    function formatNum(n) {
+      if (!Number.isFinite(n)) return "0";
+      return (Math.round(n * 1e4) / 1e4).toString();
+    }
+    function clamp255(x) {
+      return x < 0 ? 0 : x > 255 ? 255 : x;
+    }
+    function clamp01(x) {
+      return x < 0 ? 0 : x > 1 ? 1 : x;
+    }
+    function parseAlpha(s) {
+      if (typeof s === "string" && s.indexOf("%") >= 0)
+        return parseFloat(s) / 100;
+      return parseFloat(s);
+    }
+    function hueToRgb(p, q, h) {
+      if (h < 0) h += 1;
+      if (h > 1) h -= 1;
+      if (h < 1 / 6) return p + (q - p) * 6 * h;
+      if (h < 1 / 2) return q;
+      if (h < 2 / 3) return p + (q - p) * (2 / 3 - h) * 6;
+      return p;
+    }
+    function hslToRgb(h, s, l) {
+      h = (h % 360 + 360) % 360 / 360;
+      s = clamp01(s);
+      l = clamp01(l);
+      if (s === 0) return [l * 255, l * 255, l * 255];
+      var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      var p = 2 * l - q;
+      return [
+        hueToRgb(p, q, h + 1 / 3) * 255,
+        hueToRgb(p, q, h) * 255,
+        hueToRgb(p, q, h - 1 / 3) * 255
+      ];
+    }
+    function parseColor(str) {
+      if (typeof str !== "string") return null;
+      var s = str.trim();
+      var hex = /^#([0-9a-fA-F]{3,8})$/.exec(s);
+      if (hex) {
+        var h = hex[1];
+        if (h.length === 3 || h.length === 4) {
+          return [
+            parseInt(h.charAt(0) + h.charAt(0), 16),
+            parseInt(h.charAt(1) + h.charAt(1), 16),
+            parseInt(h.charAt(2) + h.charAt(2), 16),
+            h.length === 4 ? parseInt(h.charAt(3) + h.charAt(3), 16) / 255 : 1
+          ];
+        }
+        if (h.length === 6 || h.length === 8) {
+          return [
+            parseInt(h.slice(0, 2), 16),
+            parseInt(h.slice(2, 4), 16),
+            parseInt(h.slice(4, 6), 16),
+            h.length === 8 ? parseInt(h.slice(6, 8), 16) / 255 : 1
+          ];
+        }
+        return null;
+      }
+      var rgb = /^rgba?\\(([^)]+)\\)$/i.exec(s);
+      if (rgb) {
+        var rp = rgb[1].split(/[\\s,\\/]+/).filter(function(x) {
+          return x.length;
+        });
+        if (rp.length >= 3) {
+          return [
+            parseFloat(rp[0]),
+            parseFloat(rp[1]),
+            parseFloat(rp[2]),
+            rp.length >= 4 ? parseAlpha(rp[3]) : 1
+          ];
+        }
+        return null;
+      }
+      var hsl = /^hsla?\\(([^)]+)\\)$/i.exec(s);
+      if (hsl) {
+        var hp = hsl[1].split(/[\\s,\\/]+/).filter(function(x) {
+          return x.length;
+        });
+        if (hp.length >= 3) {
+          var c = hslToRgb(
+            parseFloat(hp[0]),
+            parseFloat(hp[1]) / 100,
+            parseFloat(hp[2]) / 100
+          );
+          return [c[0], c[1], c[2], hp.length >= 4 ? parseAlpha(hp[3]) : 1];
+        }
+        return null;
+      }
+      return null;
+    }
+    function lerpColorArr(a, b, ratio) {
+      return [
+        a[0] + (b[0] - a[0]) * ratio,
+        a[1] + (b[1] - a[1]) * ratio,
+        a[2] + (b[2] - a[2]) * ratio,
+        a[3] + (b[3] - a[3]) * ratio
+      ];
+    }
+    function formatColor(c) {
+      var r = Math.round(clamp255(c[0]));
+      var g = Math.round(clamp255(c[1]));
+      var b = Math.round(clamp255(c[2]));
+      var a = clamp01(c[3]);
+      if (a >= 1) return "rgb(" + r + ", " + g + ", " + b + ")";
+      return "rgba(" + r + ", " + g + ", " + b + ", " + Math.round(a * 1e3) / 1e3 + ")";
+    }
+    function tokenizeSegments(str) {
+      if (typeof str !== "string") return null;
+      var segs = [];
+      var i = 0;
+      var n = str.length;
+      var litStart = 0;
+      var colorRe = /^(#[0-9a-fA-F]{3,8}|rgba?\\([^)]*\\)|hsla?\\([^)]*\\))/i;
+      var numRe = /^[+-]?(?:\\d+\\.?\\d*|\\.\\d+)/;
+      while (i < n) {
+        var rest = str.slice(i);
+        var cm = colorRe.exec(rest);
+        if (cm) {
+          var parsed = parseColor(cm[0]);
+          if (parsed) {
+            if (i > litStart) segs.push({ lit: str.slice(litStart, i) });
+            segs.push({ type: "color", value: parsed });
+            i += cm[0].length;
+            litStart = i;
+            continue;
+          }
+        }
+        var prevCh = i > 0 ? str.charAt(i - 1) : "";
+        if (!/[a-zA-Z]/.test(prevCh)) {
+          var nm = numRe.exec(rest);
+          if (nm) {
+            var numText = nm[0];
+            var unit = "";
+            var um = /^[a-z%]+/i.exec(str.slice(i + numText.length));
+            if (um) unit = um[0];
+            if (i > litStart) segs.push({ lit: str.slice(litStart, i) });
+            segs.push({ type: "num", value: parseFloat(numText), unit });
+            i += numText.length + unit.length;
+            litStart = i;
+            continue;
+          }
+        }
+        i++;
+      }
+      if (n > litStart) segs.push({ lit: str.slice(litStart, n) });
+      return segs;
+    }
+    function segShape(segs) {
+      var parts = [];
+      for (var i = 0; i < segs.length; i++) {
+        var s = segs[i];
+        parts.push("lit" in s ? "L" + s.lit : "T" + s.type);
+      }
+      return parts.join("");
+    }
+    function cubicBezierY(x1, y1, x2, y2, x) {
+      if (x <= 0) return 0;
+      if (x >= 1) return 1;
+      var cx = 3 * x1;
+      var bx = 3 * (x2 - x1) - cx;
+      var ax = 1 - cx - bx;
+      var cy = 3 * y1;
+      var by = 3 * (y2 - y1) - cy;
+      var ay = 1 - cy - by;
+      function sampleX(u2) {
+        return ((ax * u2 + bx) * u2 + cx) * u2;
+      }
+      function sampleY(u2) {
+        return ((ay * u2 + by) * u2 + cy) * u2;
+      }
+      function sampleDX(u2) {
+        return (3 * ax * u2 + 2 * bx) * u2 + cx;
+      }
+      var u = x;
+      for (var i = 0; i < 8; i++) {
+        var err = sampleX(u) - x;
+        if (Math.abs(err) < 1e-6) return sampleY(u);
+        var d = sampleDX(u);
+        if (Math.abs(d) < 1e-6) break;
+        u = Math.min(1, Math.max(0, u - err / d));
+      }
+      var lo = 0;
+      var hi = 1;
+      u = x;
+      while (hi - lo > 1e-6) {
+        u = (lo + hi) / 2;
+        if (sampleX(u) < x) lo = u;
+        else hi = u;
+      }
+      return sampleY(u);
+    }
+    function evalEase(ease, x) {
+      var clamped = x <= 0 ? 0 : x >= 1 ? 1 : x;
+      var raw = String(ease == null ? "ease" : ease).trim().toLowerCase();
+      if (raw === "linear") return clamped;
+      if (raw === "step-start") return clamped > 0 ? 1 : 0;
+      if (raw === "step-end") return clamped >= 1 ? 1 : 0;
+      if (raw === "ease") return cubicBezierY(0.25, 0.1, 0.25, 1, clamped);
+      if (raw === "ease-in") return cubicBezierY(0.42, 0, 1, 1, clamped);
+      if (raw === "ease-out") return cubicBezierY(0, 0, 0.58, 1, clamped);
+      if (raw === "ease-in-out") return cubicBezierY(0.42, 0, 0.58, 1, clamped);
+      var bezier = /^cubic-bezier\\(([^)]+)\\)$/.exec(raw);
+      if (bezier) {
+        var parts = bezier[1].split(",");
+        if (parts.length === 4) {
+          var p0 = parseFloat(parts[0]);
+          var p1 = parseFloat(parts[1]);
+          var p2 = parseFloat(parts[2]);
+          var p3 = parseFloat(parts[3]);
+          if (Number.isFinite(p0) && Number.isFinite(p1) && Number.isFinite(p2) && Number.isFinite(p3)) {
+            return cubicBezierY(
+              Math.min(1, Math.max(0, p0)),
+              p1,
+              Math.min(1, Math.max(0, p2)),
+              p3,
+              clamped
+            );
+          }
+        }
+      }
+      var steps = /^steps\\(([^)]+)\\)$/.exec(raw);
+      if (steps) {
+        var stepArgs = steps[1].split(",");
+        var count = parseInt(stepArgs[0], 10);
+        if (Number.isFinite(count) && count > 0) {
+          if (clamped >= 1) return 1;
+          var pos = (stepArgs[1] || "").trim();
+          var jumpStart = pos === "start" || pos === "jump-start";
+          return Math.min(
+            1,
+            (Math.floor(clamped * count) + (jumpStart ? 1 : 0)) / count
+          );
+        }
+      }
+      if (raw.indexOf("spring") === 0) {
+        var spr = parseSpringEase(raw);
+        if (spr) return sampleSpringAt(spr[0], spr[1], clamped);
+        return clamped;
+      }
+      if (raw.indexOf("linear(") === 0) {
+        var lin = evalCssLinear(raw, clamped);
+        if (lin !== null) return lin;
+      }
+      return clamped;
+    }
+    function parseSpringEase(raw) {
+      if (/^spring$/.test(raw)) return [0.25, 1];
+      var m = /^spring\\(\\s*([+-]?[\\d.]+)\\s*(?:,\\s*([+-]?[\\d.]+)\\s*)?\\)$/.exec(
+        raw
+      );
+      if (!m) return null;
+      var bounce = parseFloat(m[1]);
+      if (!Number.isFinite(bounce)) return null;
+      var settle = m[2] === void 0 ? 1 : parseFloat(m[2]);
+      if (!Number.isFinite(settle)) return null;
+      if (settle < 0.05) settle = 0.05;
+      if (settle > 1) settle = 1;
+      return [clamp01(bounce), settle];
+    }
+    function sampleSpringAt(bounce, settle, x) {
+      if (x <= 0) return 0;
+      var u = x / settle;
+      if (u >= 1) return 1;
+      var zeta = 1 - clamp01(bounce);
+      if (zeta < 0.02) zeta = 0.02;
+      if (zeta > 1) zeta = 1;
+      var omega = Math.log(1 / 1e-3) / zeta;
+      if (zeta >= 1) {
+        return 1 - Math.exp(-omega * u) * (1 + omega * u);
+      }
+      var omegaD = omega * Math.sqrt(1 - zeta * zeta);
+      var decay = Math.exp(-zeta * omega * u);
+      return 1 - decay * (Math.cos(omegaD * u) + zeta * omega / omegaD * Math.sin(omegaD * u));
+    }
+    function evalCssLinear(raw, x) {
+      var m = /^linear\\(([^)]*)\\)$/.exec(raw);
+      if (!m) return null;
+      var entries = m[1].split(",");
+      var values = [];
+      var positions = [];
+      for (var i = 0; i < entries.length; i++) {
+        var entry = entries[i].trim();
+        if (!entry) continue;
+        var parts = entry.split(/\\s+/);
+        var value = parseFloat(parts[0]);
+        if (!Number.isFinite(value)) return null;
+        var found = 0;
+        for (var j = 1; j < parts.length && j <= 2; j++) {
+          if (!/%$/.test(parts[j])) return null;
+          var pct = parseFloat(parts[j]);
+          if (!Number.isFinite(pct)) return null;
+          values.push(value);
+          positions.push(pct / 100);
+          found++;
+        }
+        if (found === 0) {
+          values.push(value);
+          positions.push(null);
+        }
+      }
+      if (values.length < 2) return null;
+      if (positions[0] === null) positions[0] = 0;
+      if (positions[positions.length - 1] === null) {
+        positions[positions.length - 1] = 1;
+      }
+      var runningMax = positions[0];
+      for (var k = 0; k < positions.length; k++) {
+        var pos = positions[k];
+        if (pos !== null) {
+          var clampedPos = pos < runningMax ? runningMax : pos;
+          positions[k] = clampedPos;
+          runningMax = clampedPos;
+          continue;
+        }
+        var nextIdx = k + 1;
+        while (nextIdx < positions.length && positions[nextIdx] === null) {
+          nextIdx++;
+        }
+        var prevPos = runningMax;
+        var nextPosRaw = positions[nextIdx];
+        var nextPos = nextPosRaw < prevPos ? prevPos : nextPosRaw;
+        var span = nextIdx - (k - 1);
+        for (var q = k; q < nextIdx; q++) {
+          positions[q] = prevPos + (q - (k - 1)) / span * (nextPos - prevPos);
+        }
+        k = nextIdx - 1;
+        runningMax = nextPos;
+      }
+      var cx = clamp01(x);
+      if (cx <= positions[0]) return values[0];
+      for (var p = 0; p < values.length - 1; p++) {
+        var aPos = positions[p];
+        var bPos = positions[p + 1];
+        if (cx > bPos) continue;
+        if (bPos === aPos) return values[p + 1];
+        return values[p] + (values[p + 1] - values[p]) * (cx - aPos) / (bPos - aPos);
+      }
+      return values[values.length - 1];
+    }
+    function identityForFunctions(value) {
+      var fnRe = /([a-zA-Z][a-zA-Z0-9]*)\\(([^)]*)\\)/g;
+      var out = "";
+      var lastIndex = 0;
+      var matched = false;
+      var m;
+      while ((m = fnRe.exec(value)) !== null) {
+        if (value.slice(lastIndex, m.index).trim() !== "") return null;
+        var fn = m[1].toLowerCase();
+        var args = m[2];
+        var identity = null;
+        if (/^translate/.test(fn) || /^skew/.test(fn)) {
+          identity = args.replace(/[+-]?(?:\\d+\\.?\\d*|\\.\\d+)([a-z%]*)/gi, "0$1");
+        } else if (/^scale/.test(fn)) {
+          identity = args.replace(/[+-]?(?:\\d+\\.?\\d*|\\.\\d+)/g, "1");
+        } else if (/^rotate/.test(fn) || fn === "hue-rotate") {
+          identity = args.replace(/[+-]?(?:\\d+\\.?\\d*|\\.\\d+)([a-z%]*)/gi, "0$1");
+        } else if (fn === "matrix") {
+          identity = "1, 0, 0, 1, 0, 0";
+        } else if (fn === "blur" || fn === "grayscale" || fn === "sepia" || fn === "invert") {
+          identity = args.replace(/[+-]?(?:\\d+\\.?\\d*|\\.\\d+)([a-z%]*)/gi, "0$1");
+        } else if (fn === "brightness" || fn === "contrast" || fn === "saturate" || fn === "opacity") {
+          identity = args.indexOf("%") >= 0 ? "100%" : "1";
+        } else {
+          return null;
+        }
+        out += (out ? " " : "") + m[1] + "(" + identity + ")";
+        lastIndex = m.index + m[0].length;
+        matched = true;
+      }
+      if (!matched) return null;
+      if (value.slice(lastIndex).trim() !== "") return null;
+      return out;
+    }
+    function lerp(a, b, ratio) {
+      a = a == null ? "" : String(a);
+      b = b == null ? "" : String(b);
+      if (a === b) return a;
+      if (a.trim() === "none") {
+        var identA = identityForFunctions(b);
+        if (identA) a = identA;
+      } else if (b.trim() === "none") {
+        var identB = identityForFunctions(a);
+        if (identB) b = identB;
+      }
+      if (a === b) return a;
+      var ca = parseColor(a);
+      var cb = parseColor(b);
+      if (ca && cb) return formatColor(lerpColorArr(ca, cb, ratio));
+      var aSegs = tokenizeSegments(a);
+      var bSegs = tokenizeSegments(b);
+      if (aSegs && bSegs && aSegs.length === bSegs.length && segShape(aSegs) === segShape(bSegs)) {
+        var out = "";
+        var ok = true;
+        var touched = false;
+        for (var k = 0; k < aSegs.length; k++) {
+          var seg = aSegs[k];
+          if ("lit" in seg) {
+            out += seg.lit;
+            continue;
+          }
+          var other = bSegs[k];
+          if (!other || !("type" in other) || other.type !== seg.type) {
+            ok = false;
+            break;
+          }
+          touched = true;
+          if (seg.type === "color" && "value" in seg && "value" in other) {
+            out += formatColor(
+              lerpColorArr(
+                seg.value,
+                other.value,
+                ratio
+              )
+            );
+          } else if ("value" in seg && "value" in other) {
+            var unit = ("unit" in seg ? seg.unit : "") || ("unit" in other ? other.unit : "") || "";
+            out += formatNum(
+              seg.value + (other.value - seg.value) * ratio
+            ) + unit;
+          }
+        }
+        if (ok && touched) return out;
+      }
+      return ratio < 0.5 ? a : b;
+    }
+    function interpolate(keyframes, t) {
+      if (!keyframes || keyframes.length === 0) return "";
+      if (keyframes.length === 1) return keyframes[0].value;
+      var prev = keyframes[0];
+      var next = keyframes[keyframes.length - 1];
+      for (var i = 0; i < keyframes.length - 1; i++) {
+        if (t >= keyframes[i].t && t <= keyframes[i + 1].t) {
+          prev = keyframes[i];
+          next = keyframes[i + 1];
+          break;
+        }
+      }
+      var span = next.t - prev.t;
+      if (span <= 0) return prev.value;
+      var ratio = Math.max(0, Math.min(1, (t - prev.t) / span));
+      var kfEase = prev.ease == null ? loadedDefaultEase : prev.ease;
+      var eased = evalEase(kfEase, ratio);
+      return lerp(prev.value, next.value, eased);
+    }
+    function trackLocalT(track, t) {
+      var delay = typeof track.delayMs === "number" && track.delayMs > 0 ? track.delayMs : 0;
+      var dur = typeof track.durationMs === "number" && track.durationMs > 0 ? track.durationMs : null;
+      if (loadedTimelineDurationMs === null || delay === 0 && dur === null) {
+        return t;
+      }
+      var timeMs = t * loadedTimelineDurationMs;
+      var span = dur === null ? loadedTimelineDurationMs : dur;
+      if (span <= 0) return 0;
+      var local = (timeMs - delay) / span;
+      return local < 0 ? 0 : local > 1 ? 1 : local;
+    }
+    function applyPreview(t) {
+      for (var i = 0; i < loadedTracks.length; i++) {
+        var track = loadedTracks[i];
+        var el = resolveTrackElement(track.targetNodeId);
+        if (!el) continue;
+        var value = interpolate(track.keyframes, trackLocalT(track, t));
+        if (value === "") continue;
+        var prop = camelizeProp(track.property);
+        if (!originalInlineValues[track.targetNodeId])
+          originalInlineValues[track.targetNodeId] = {};
+        if (!(prop in originalInlineValues[track.targetNodeId])) {
+          originalInlineValues[track.targetNodeId][prop] = el.style[prop] || "";
+        }
+        el.style[prop] = value;
+        if (!touchedProps[track.targetNodeId])
+          touchedProps[track.targetNodeId] = [];
+        if (touchedProps[track.targetNodeId].indexOf(prop) === -1) {
+          touchedProps[track.targetNodeId].push(prop);
+        }
+      }
+    }
+    function clearPreview() {
+      var nodeIds = Object.keys(touchedProps);
+      for (var i = 0; i < nodeIds.length; i++) {
+        var el = resolveTrackElement(nodeIds[i]);
+        if (!el) continue;
+        var props = touchedProps[nodeIds[i]];
+        for (var j = 0; j < props.length; j++) {
+          var originals = originalInlineValues[nodeIds[i]] || {};
+          el.style[props[j]] = Object.prototype.hasOwnProperty.call(originals, props[j]) ? originals[props[j]] : "";
+        }
+      }
+      touchedProps = {};
+      originalInlineValues = {};
+      loadedTracks = [];
+      loadedDefaultEase = "ease";
+      loadedTimelineDurationMs = null;
+      elementCache = {};
+    }
+    var lastPreviewT = null;
+    window.addEventListener("message", function(e) {
+      if (e.source !== window.parent) return;
+      if (!e.data || typeof e.data.type !== "string") return;
+      if (e.data.type === "motion-load-tracks") {
+        clearPreview();
+        loadedTracks = Array.isArray(e.data.tracks) ? e.data.tracks : [];
+        loadedDefaultEase = typeof e.data.defaultEase === "string" && e.data.defaultEase ? e.data.defaultEase : "ease";
+        var loadDur = Number(e.data.durationMs);
+        if (Number.isFinite(loadDur) && loadDur > 0) {
+          loadedTimelineDurationMs = loadDur;
+        }
+        for (var i = 0; i < loadedTracks.length; i++) {
+          var kfs = loadedTracks[i] && loadedTracks[i].keyframes;
+          if (Array.isArray(kfs)) {
+            kfs.sort(function(a, b) {
+              return (a && a.t) - (b && b.t);
+            });
+          }
+        }
+        if (lastPreviewT !== null && loadedTracks.length > 0) {
+          applyPreview(lastPreviewT);
+        }
+        return;
+      }
+      if (e.data.type === "motion-preview") {
+        var t = Number(e.data.t);
+        if (!Number.isFinite(t)) return;
+        t = Math.max(0, Math.min(1, t));
+        var tickDur = Number(e.data.durationMs);
+        if (Number.isFinite(tickDur) && tickDur > 0) {
+          loadedTimelineDurationMs = tickDur;
+        }
+        lastPreviewT = t;
+        applyPreview(t);
+        return;
+      }
+      if (e.data.type === "motion-preview-clear") {
+        clearPreview();
+        lastPreviewT = null;
+        return;
+      }
+    });
+  })();
+})();
+`;

package/corpus/templates/design/.generated/bridge/nav.generated.ts

@@ -0,0 +1,91 @@
+// AUTO-GENERATED by bridge/codegen.ts — do not edit manually.
+// Run: pnpm exec tsx app/components/design/bridge/codegen.ts
+
+/** Compiled IIFE string for nav.bridge.ts — inject into an iframe via srcdoc or a <script> tag. */
+export const navBridgeScript: string = `"use strict";
+(() => {
+  // app/components/design/bridge/nav.bridge.ts
+  (function() {
+    function classify(href) {
+      var h = (href || "").trim();
+      if (!h) return null;
+      var lower = h.toLowerCase();
+      if (lower.charAt(0) === "#") return null;
+      if (lower.indexOf("javascript:") === 0) return null;
+      if (lower.indexOf("mailto:") === 0 || lower.indexOf("tel:") === 0) {
+        return { external: true, href: h };
+      }
+      if (/^https?:\\/\\//i.test(h) || /^\\/\\//.test(h)) {
+        return { external: true, href: h };
+      }
+      var screen = h.replace(/^\\.?\\//, "").split(/[?#]/)[0];
+      return { external: false, href: h, screen };
+    }
+    document.addEventListener(
+      "click",
+      function(e) {
+        var t = e.target;
+        if (!t || !t.closest) return;
+        var a = t.closest("a[href], [data-screen]");
+        if (!a) return;
+        var ds = a.getAttribute && a.getAttribute("data-screen");
+        if (!ds) {
+          var rawHref = a.getAttribute("href");
+          if (rawHref != null) {
+            var hh = rawHref.trim();
+            if (hh === "" || hh.charAt(0) === "#") {
+              e.preventDefault();
+              var fid = hh.charAt(0) === "#" ? hh.slice(1) : "";
+              var tgt = fid ? document.getElementById(fid) : null;
+              if (tgt && tgt.scrollIntoView) {
+                tgt.scrollIntoView({ behavior: "smooth", block: "start" });
+              } else {
+                window.scrollTo({ top: 0, behavior: "smooth" });
+              }
+              return;
+            }
+          }
+        }
+        var info = ds ? {
+          external: false,
+          href: ds,
+          screen: ds.replace(/^\\.?\\//, "").split(/[?#]/)[0]
+        } : classify(a.getAttribute("href") || "");
+        if (!info) return;
+        if (info.external) {
+          try {
+            a.setAttribute("target", "_blank");
+            a.setAttribute("rel", "noopener noreferrer");
+          } catch (_err) {
+          }
+          return;
+        }
+        e.preventDefault();
+        try {
+          window.parent.postMessage(
+            {
+              type: "prototype-navigate",
+              href: info.href,
+              screen: info.screen || ""
+            },
+            "*"
+          );
+        } catch (_err) {
+        }
+      },
+      true
+    );
+    document.addEventListener(
+      "submit",
+      function(e) {
+        var f = e.target;
+        if (!f || f.tagName !== "FORM") return;
+        var action = f.getAttribute("action") || "";
+        if (/^https?:\\/\\//i.test(action)) return;
+        e.preventDefault();
+      },
+      true
+    );
+  })();
+})();
+`;

package/corpus/templates/design/.generated/bridge/sample.generated.ts

@@ -0,0 +1,23 @@
+// AUTO-GENERATED by bridge/codegen.ts — do not edit manually.
+// Run: pnpm exec tsx app/components/design/bridge/codegen.ts
+
+/** Compiled IIFE string for sample.bridge.ts — inject into an iframe via srcdoc or a <script> tag. */
+export const sampleBridgeScript: string = `"use strict";
+(() => {
+  // app/components/design/bridge/sample.bridge.ts
+  (function() {
+    window.addEventListener("message", function(e) {
+      if (e.source !== window.parent) return;
+      if (!e.data || e.data.type !== "agent-native:sample-ping") return;
+      var correlationId = e.data.correlationId ?? "";
+      try {
+        window.parent.postMessage(
+          { type: "agent-native:sample-pong", correlationId },
+          "*"
+        );
+      } catch (_err) {
+      }
+    });
+  })();
+})();
+`;