@portel/photon 1.16.0 → 1.16.1

package/dist/beam.bundle.js

@@ -5,16 +5,16 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
-var __export = (target, all) => {
+var __export = (target2, all) => {
   for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
+    __defProp(target2, name2, { get: all[name2], enumerable: true });
 };
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+var __decorateClass = (decorators, target2, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target2, key) : target2;
   for (var i7 = decorators.length - 1, decorator; i7 >= 0; i7--)
     if (decorator = decorators[i7])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
+      result = (kind ? decorator(target2, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target2, key, result);
   return result;
 };
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -654,14 +654,14 @@ function clone3(source3) {
     return source3.map(clone3);
   }
   if (isObject(source3)) {
-    const target = /* @__PURE__ */ Object.create(null);
+    const target2 = /* @__PURE__ */ Object.create(null);
     const keys2 = Object.keys(source3);
     const klen = keys2.length;
     let k3 = 0;
     for (; k3 < klen; ++k3) {
-      target[keys2[k3]] = clone3(source3[keys2[k3]]);
+      target2[keys2[k3]] = clone3(source3[keys2[k3]]);
     }
-    return target;
+    return target2;
   }
   return source3;
 }
@@ -672,25 +672,25 @@ function isValidKey(key) {
     "constructor"
   ].indexOf(key) === -1;
 }
-function _merger(key, target, source3, options) {
+function _merger(key, target2, source3, options) {
   if (!isValidKey(key)) {
     return;
   }
-  const tval = target[key];
+  const tval = target2[key];
   const sval = source3[key];
   if (isObject(tval) && isObject(sval)) {
     merge(tval, sval, options);
   } else {
-    target[key] = clone3(sval);
+    target2[key] = clone3(sval);
   }
 }
-function merge(target, source3, options) {
+function merge(target2, source3, options) {
   const sources = isArray(source3) ? source3 : [
     source3
   ];
   const ilen = sources.length;
-  if (!isObject(target)) {
-    return target;
+  if (!isObject(target2)) {
+    return target2;
   }
   options = options || {};
   const merger = options.merger || _merger;
@@ -702,26 +702,26 @@ function merge(target, source3, options) {
     }
     const keys2 = Object.keys(current);
     for (let k3 = 0, klen = keys2.length; k3 < klen; ++k3) {
-      merger(keys2[k3], target, current, options);
+      merger(keys2[k3], target2, current, options);
     }
   }
-  return target;
+  return target2;
 }
-function mergeIf(target, source3) {
-  return merge(target, source3, {
+function mergeIf(target2, source3) {
+  return merge(target2, source3, {
     merger: _mergerIf
   });
 }
-function _mergerIf(key, target, source3) {
+function _mergerIf(key, target2, source3) {
   if (!isValidKey(key)) {
     return;
   }
-  const tval = target[key];
+  const tval = target2[key];
   const sval = source3[key];
   if (isObject(tval) && isObject(sval)) {
     mergeIf(tval, sval);
-  } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
-    target[key] = clone3(sval);
+  } else if (!Object.prototype.hasOwnProperty.call(target2, key)) {
+    target2[key] = clone3(sval);
   }
 }
 function _splitKey(key) {
@@ -798,13 +798,13 @@ function almostWhole(x3, epsilon) {
   const rounded = Math.round(x3);
   return rounded - epsilon <= x3 && rounded + epsilon >= x3;
 }
-function _setMinAndMaxByKey(array2, target, property2) {
+function _setMinAndMaxByKey(array2, target2, property2) {
   let i7, ilen, value;
   for (i7 = 0, ilen = array2.length; i7 < ilen; i7++) {
     value = array2[i7][property2];
     if (!isNaN(value)) {
-      target.min = Math.min(target.min, value);
-      target.max = Math.max(target.max, value);
+      target2.min = Math.min(target2.min, value);
+      target2.max = Math.max(target2.max, value);
     }
   }
 }
@@ -1444,26 +1444,26 @@ function clipArea(ctx, area) {
 function unclipArea(ctx) {
   ctx.restore();
 }
-function _steppedLineTo(ctx, previous, target, flip, mode) {
+function _steppedLineTo(ctx, previous, target2, flip, mode) {
   if (!previous) {
-    return ctx.lineTo(target.x, target.y);
+    return ctx.lineTo(target2.x, target2.y);
   }
   if (mode === "middle") {
-    const midpoint = (previous.x + target.x) / 2;
+    const midpoint = (previous.x + target2.x) / 2;
     ctx.lineTo(midpoint, previous.y);
-    ctx.lineTo(midpoint, target.y);
+    ctx.lineTo(midpoint, target2.y);
   } else if (mode === "after" !== !!flip) {
-    ctx.lineTo(previous.x, target.y);
+    ctx.lineTo(previous.x, target2.y);
   } else {
-    ctx.lineTo(target.x, previous.y);
+    ctx.lineTo(target2.x, previous.y);
   }
-  ctx.lineTo(target.x, target.y);
+  ctx.lineTo(target2.x, target2.y);
 }
-function _bezierCurveTo(ctx, previous, target, flip) {
+function _bezierCurveTo(ctx, previous, target2, flip) {
   if (!previous) {
-    return ctx.lineTo(target.x, target.y);
+    return ctx.lineTo(target2.x, target2.y);
   }
-  ctx.bezierCurveTo(flip ? previous.cp1x : previous.cp2x, flip ? previous.cp1y : previous.cp2y, flip ? target.cp2x : target.cp1x, flip ? target.cp2y : target.cp1y, target.x, target.y);
+  ctx.bezierCurveTo(flip ? previous.cp1x : previous.cp2x, flip ? previous.cp1y : previous.cp2y, flip ? target2.cp2x : target2.cp1x, flip ? target2.cp2y : target2.cp1y, target2.x, target2.y);
 }
 function setRenderOpts(ctx, opts) {
   if (opts.translation) {
@@ -1673,24 +1673,24 @@ function _createResolver(scopes, prefixes = [
     /**
     * A trap for the delete operator.
     */
-    deleteProperty(target, prop) {
-      delete target[prop];
-      delete target._keys;
+    deleteProperty(target2, prop) {
+      delete target2[prop];
+      delete target2._keys;
       delete scopes[0][prop];
       return true;
     },
     /**
     * A trap for getting property values.
     */
-    get(target, prop) {
-      return _cached(target, prop, () => _resolveWithPrefixes(prop, prefixes, scopes, target));
+    get(target2, prop) {
+      return _cached(target2, prop, () => _resolveWithPrefixes(prop, prefixes, scopes, target2));
     },
     /**
     * A trap for Object.getOwnPropertyDescriptor.
     * Also used by Object.hasOwnProperty.
     */
-    getOwnPropertyDescriptor(target, prop) {
-      return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);
+    getOwnPropertyDescriptor(target2, prop) {
+      return Reflect.getOwnPropertyDescriptor(target2._scopes[0], prop);
     },
     /**
     * A trap for Object.getPrototypeOf.
@@ -1701,22 +1701,22 @@ function _createResolver(scopes, prefixes = [
     /**
     * A trap for the in operator.
     */
-    has(target, prop) {
-      return getKeysFromAllScopes(target).includes(prop);
+    has(target2, prop) {
+      return getKeysFromAllScopes(target2).includes(prop);
     },
     /**
     * A trap for Object.getOwnPropertyNames and Object.getOwnPropertySymbols.
     */
-    ownKeys(target) {
-      return getKeysFromAllScopes(target);
+    ownKeys(target2) {
+      return getKeysFromAllScopes(target2);
     },
     /**
     * A trap for setting property values.
     */
-    set(target, prop, value) {
-      const storage = target._storage || (target._storage = getTarget());
-      target[prop] = storage[prop] = value;
-      delete target._keys;
+    set(target2, prop, value) {
+      const storage = target2._storage || (target2._storage = getTarget());
+      target2[prop] = storage[prop] = value;
+      delete target2._keys;
       return true;
     }
   });
@@ -1736,23 +1736,23 @@ function _attachContext(proxy, context, subProxy, descriptorDefaults) {
     /**
     * A trap for the delete operator.
     */
-    deleteProperty(target, prop) {
-      delete target[prop];
+    deleteProperty(target2, prop) {
+      delete target2[prop];
       delete proxy[prop];
       return true;
     },
     /**
     * A trap for getting property values.
     */
-    get(target, prop, receiver) {
-      return _cached(target, prop, () => _resolveWithContext(target, prop, receiver));
+    get(target2, prop, receiver) {
+      return _cached(target2, prop, () => _resolveWithContext(target2, prop, receiver));
     },
     /**
     * A trap for Object.getOwnPropertyDescriptor.
     * Also used by Object.hasOwnProperty.
     */
-    getOwnPropertyDescriptor(target, prop) {
-      return target._descriptors.allKeys ? Reflect.has(proxy, prop) ? {
+    getOwnPropertyDescriptor(target2, prop) {
+      return target2._descriptors.allKeys ? Reflect.has(proxy, prop) ? {
         enumerable: true,
         configurable: true
       } : void 0 : Reflect.getOwnPropertyDescriptor(proxy, prop);
@@ -1766,7 +1766,7 @@ function _attachContext(proxy, context, subProxy, descriptorDefaults) {
     /**
     * A trap for the in operator.
     */
-    has(target, prop) {
+    has(target2, prop) {
       return Reflect.has(proxy, prop);
     },
     /**
@@ -1778,9 +1778,9 @@ function _attachContext(proxy, context, subProxy, descriptorDefaults) {
     /**
     * A trap for setting property values.
     */
-    set(target, prop, value) {
+    set(target2, prop, value) {
       proxy[prop] = value;
-      delete target[prop];
+      delete target2[prop];
       return true;
     }
   });
@@ -1798,30 +1798,30 @@ function _descriptors(proxy, defaults4 = {
     isIndexable: isFunction(_indexable) ? _indexable : () => _indexable
   };
 }
-function _cached(target, prop, resolve2) {
-  if (Object.prototype.hasOwnProperty.call(target, prop) || prop === "constructor") {
-    return target[prop];
+function _cached(target2, prop, resolve2) {
+  if (Object.prototype.hasOwnProperty.call(target2, prop) || prop === "constructor") {
+    return target2[prop];
   }
   const value = resolve2();
-  target[prop] = value;
+  target2[prop] = value;
   return value;
 }
-function _resolveWithContext(target, prop, receiver) {
-  const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target;
+function _resolveWithContext(target2, prop, receiver) {
+  const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target2;
   let value = _proxy[prop];
   if (isFunction(value) && descriptors2.isScriptable(prop)) {
-    value = _resolveScriptable(prop, value, target, receiver);
+    value = _resolveScriptable(prop, value, target2, receiver);
   }
   if (isArray(value) && value.length) {
-    value = _resolveArray(prop, value, target, descriptors2.isIndexable);
+    value = _resolveArray(prop, value, target2, descriptors2.isIndexable);
   }
   if (needsSubResolver(prop, value)) {
     value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors2);
   }
   return value;
 }
-function _resolveScriptable(prop, getValue, target, receiver) {
-  const { _proxy, _context, _subProxy, _stack } = target;
+function _resolveScriptable(prop, getValue, target2, receiver) {
+  const { _proxy, _context, _subProxy, _stack } = target2;
   if (_stack.has(prop)) {
     throw new Error("Recursion detected: " + Array.from(_stack).join("->") + "->" + prop);
   }
@@ -1833,8 +1833,8 @@ function _resolveScriptable(prop, getValue, target, receiver) {
   }
   return value;
 }
-function _resolveArray(prop, value, target, isIndexable) {
-  const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target;
+function _resolveArray(prop, value, target2, isIndexable) {
+  const { _proxy, _context, _subProxy, _descriptors: descriptors2 } = target2;
   if (typeof _context.index !== "undefined" && isIndexable(prop)) {
     return value[_context.index % value.length];
   } else if (isObject(value[0])) {
@@ -1900,11 +1900,11 @@ function subGetTarget(resolver, prop, value) {
   if (!(prop in parent)) {
     parent[prop] = {};
   }
-  const target = parent[prop];
-  if (isArray(target) && isObject(value)) {
+  const target2 = parent[prop];
+  if (isArray(target2) && isObject(value)) {
     return value;
   }
-  return target || {};
+  return target2 || {};
 }
 function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
   let value;
@@ -1926,10 +1926,10 @@ function _resolve(key, scopes) {
     }
   }
 }
-function getKeysFromAllScopes(target) {
-  let keys2 = target._keys;
+function getKeysFromAllScopes(target2) {
+  let keys2 = target2._keys;
   if (!keys2) {
-    keys2 = target._keys = resolveKeysFromAllScopes(target._scopes);
+    keys2 = target2._keys = resolveKeysFromAllScopes(target2._scopes);
   }
   return keys2;
 }
@@ -2892,11 +2892,11 @@ var init_helpers_dataset = __esm({
             enumerable: true,
             get() {
               const local = this[privateName];
-              const target = targetScopeObject[targetName];
+              const target2 = targetScopeObject[targetName];
               if (isObject(local)) {
-                return Object.assign({}, target, local);
+                return Object.assign({}, target2, local);
               }
-              return valueOrDefault(local, target);
+              return valueOrDefault(local, target2);
             },
             set(value) {
               this[privateName] = value;
@@ -2939,7 +2939,7 @@ var init_helpers_dataset = __esm({
       "bottom",
       "left"
     ];
-    useOffsetPos = (x3, y5, target) => (x3 > 0 || y5 > 0) && (!target || !target.shadowRoot);
+    useOffsetPos = (x3, y5, target2) => (x3 > 0 || y5 > 0) && (!target2 || !target2.shadowRoot);
     round1 = (v2) => Math.round(v2 * 10) / 10;
     supportsEventListenerOptions = (function() {
       let passiveSupported = false;
@@ -3063,17 +3063,17 @@ function awaitAll(animations, properties) {
   }
   return Promise.all(running);
 }
-function resolveTargetOptions(target, newOptions) {
+function resolveTargetOptions(target2, newOptions) {
   if (!newOptions) {
     return;
   }
-  let options = target.options;
+  let options = target2.options;
   if (!options) {
-    target.options = newOptions;
+    target2.options = newOptions;
     return;
   }
   if (options.$shared) {
-    target.options = options = Object.assign({}, options, {
+    target2.options = options = Object.assign({}, options, {
       $shared: false,
       $animations: {}
     });
@@ -4801,8 +4801,8 @@ function setStyle(ctx, options, style = options) {
   ctx.lineWidth = valueOrDefault(style.borderWidth, options.borderWidth);
   ctx.strokeStyle = valueOrDefault(style.borderColor, options.borderColor);
 }
-function lineTo(ctx, previous, target) {
-  ctx.lineTo(target.x, target.y);
+function lineTo(ctx, previous, target2) {
+  ctx.lineTo(target2.x, target2.y);
 }
 function getLineMethod(options) {
   if (options.stepped) {
@@ -5244,16 +5244,16 @@ function getStartAndCountOfVisiblePointsSimplified(meta4, points) {
     count
   };
 }
-function _segments(line, target, property2) {
+function _segments(line, target2, property2) {
   const segments = line.segments;
   const points = line.points;
-  const tpoints = target.points;
+  const tpoints = target2.points;
   const parts = [];
   for (const segment of segments) {
     let { start, end } = segment;
     end = _findSegmentEnd(start, end, points);
     const bounds = _getBounds(property2, points[start], points[end], segment.loop);
-    if (!target.segments) {
+    if (!target2.segments) {
       parts.push({
         source: segment,
         target: bounds,
@@ -5262,7 +5262,7 @@ function _segments(line, target, property2) {
       });
       continue;
     }
-    const targetSegments = _boundSegments(target, bounds);
+    const targetSegments = _boundSegments(target2, bounds);
     for (const tgt of targetSegments) {
       const subBounds = _getBounds(property2, tpoints[tgt.start], tpoints[tgt.end], tgt.loop);
       const fillSources = _boundSegment(segment, points, subBounds);
@@ -5370,7 +5370,7 @@ function _resolveTarget(sources, index2, propagate) {
   const visited = [
     index2
   ];
-  let target;
+  let target2;
   if (!propagate) {
     return fill2;
   }
@@ -5378,15 +5378,15 @@ function _resolveTarget(sources, index2, propagate) {
     if (!isNumberFinite(fill2)) {
       return fill2;
     }
-    target = sources[fill2];
-    if (!target) {
+    target2 = sources[fill2];
+    if (!target2) {
       return false;
     }
-    if (target.visible) {
+    if (target2.visible) {
       return fill2;
     }
     visited.push(fill2);
-    fill2 = target.fill;
+    fill2 = target2.fill;
   }
   return false;
 }
@@ -5395,9 +5395,9 @@ function _decodeFill(line, index2, count) {
   if (isObject(fill2)) {
     return isNaN(fill2.value) ? false : fill2;
   }
-  let target = parseFloat(fill2);
-  if (isNumberFinite(target) && Math.floor(target) === target) {
-    return decodeTargetIndex(fill2[0], index2, target, count);
+  let target2 = parseFloat(fill2);
+  if (isNumberFinite(target2) && Math.floor(target2) === target2) {
+    return decodeTargetIndex(fill2[0], index2, target2, count);
   }
   return [
     "origin",
@@ -5407,14 +5407,14 @@ function _decodeFill(line, index2, count) {
     "shape"
   ].indexOf(fill2) >= 0 && fill2;
 }
-function decodeTargetIndex(firstCh, index2, target, count) {
+function decodeTargetIndex(firstCh, index2, target2, count) {
   if (firstCh === "-" || firstCh === "+") {
-    target = index2 + target;
+    target2 = index2 + target2;
   }
-  if (target === index2 || target < 0 || target >= count) {
+  if (target2 === index2 || target2 < 0 || target2 >= count) {
     return false;
   }
-  return target;
+  return target2;
 }
 function _getTargetPixel(fill2, scale) {
   let pixel = null;
@@ -5584,7 +5584,7 @@ function computeCircularBoundary(source3) {
   const length = scale.getLabels().length;
   const start = options.reverse ? scale.max : scale.min;
   const value = _getTargetValue(fill2, scale, start);
-  const target = [];
+  const target2 = [];
   if (options.grid.circular) {
     const center = scale.getPointPositionForValue(0, start);
     return new simpleArc({
@@ -5594,12 +5594,12 @@ function computeCircularBoundary(source3) {
     });
   }
   for (let i7 = 0; i7 < length; ++i7) {
-    target.push(scale.getPointPositionForValue(i7, value));
+    target2.push(scale.getPointPositionForValue(i7, value));
   }
-  return target;
+  return target2;
 }
 function _drawfill(ctx, source3, area) {
-  const target = _getTarget(source3);
+  const target2 = _getTarget(source3);
   const { chart, index: index2, line, scale, axis } = source3;
   const lineOpts = line.options;
   const fillOption = lineOpts.fill;
@@ -5607,11 +5607,11 @@ function _drawfill(ctx, source3, area) {
   const { above = color2, below = color2 } = fillOption || {};
   const meta4 = chart.getDatasetMeta(index2);
   const clip2 = getDatasetClipArea(chart, meta4);
-  if (target && line.points.length) {
+  if (target2 && line.points.length) {
     clipArea(ctx, area);
     doFill(ctx, {
       line,
-      target,
+      target: target2,
       above,
       below,
       area,
@@ -5623,16 +5623,16 @@ function _drawfill(ctx, source3, area) {
   }
 }
 function doFill(ctx, cfg) {
-  const { line, target, above, below, area, scale, clip: clip2 } = cfg;
+  const { line, target: target2, above, below, area, scale, clip: clip2 } = cfg;
   const property2 = line._loop ? "angle" : cfg.axis;
   ctx.save();
   let fillColor = below;
   if (below !== above) {
     if (property2 === "x") {
-      clipVertical(ctx, target, area.top);
+      clipVertical(ctx, target2, area.top);
       fill(ctx, {
         line,
-        target,
+        target: target2,
         color: above,
         scale,
         property: property2,
@@ -5640,12 +5640,12 @@ function doFill(ctx, cfg) {
       });
       ctx.restore();
       ctx.save();
-      clipVertical(ctx, target, area.bottom);
+      clipVertical(ctx, target2, area.bottom);
     } else if (property2 === "y") {
-      clipHorizontal(ctx, target, area.left);
+      clipHorizontal(ctx, target2, area.left);
       fill(ctx, {
         line,
-        target,
+        target: target2,
         color: below,
         scale,
         property: property2,
@@ -5653,13 +5653,13 @@ function doFill(ctx, cfg) {
       });
       ctx.restore();
       ctx.save();
-      clipHorizontal(ctx, target, area.right);
+      clipHorizontal(ctx, target2, area.right);
       fillColor = above;
     }
   }
   fill(ctx, {
     line,
-    target,
+    target: target2,
     color: fillColor,
     scale,
     property: property2,
@@ -5667,8 +5667,8 @@ function doFill(ctx, cfg) {
   });
   ctx.restore();
 }
-function clipVertical(ctx, target, clipY) {
-  const { segments, points } = target;
+function clipVertical(ctx, target2, clipY) {
+  const { segments, points } = target2;
   let first = true;
   let lineLoop = false;
   ctx.beginPath();
@@ -5683,7 +5683,7 @@ function clipVertical(ctx, target, clipY) {
       ctx.lineTo(firstPoint.x, clipY);
       ctx.lineTo(firstPoint.x, firstPoint.y);
     }
-    lineLoop = !!target.pathSegment(ctx, segment, {
+    lineLoop = !!target2.pathSegment(ctx, segment, {
       move: lineLoop
     });
     if (lineLoop) {
@@ -5692,12 +5692,12 @@ function clipVertical(ctx, target, clipY) {
       ctx.lineTo(lastPoint.x, clipY);
     }
   }
-  ctx.lineTo(target.first().x, clipY);
+  ctx.lineTo(target2.first().x, clipY);
   ctx.closePath();
   ctx.clip();
 }
-function clipHorizontal(ctx, target, clipX) {
-  const { segments, points } = target;
+function clipHorizontal(ctx, target2, clipX) {
+  const { segments, points } = target2;
   let first = true;
   let lineLoop = false;
   ctx.beginPath();
@@ -5712,7 +5712,7 @@ function clipHorizontal(ctx, target, clipX) {
       ctx.lineTo(clipX, firstPoint.y);
       ctx.lineTo(firstPoint.x, firstPoint.y);
     }
-    lineLoop = !!target.pathSegment(ctx, segment, {
+    lineLoop = !!target2.pathSegment(ctx, segment, {
       move: lineLoop
     });
     if (lineLoop) {
@@ -5721,16 +5721,16 @@ function clipHorizontal(ctx, target, clipX) {
       ctx.lineTo(clipX, lastPoint.y);
     }
   }
-  ctx.lineTo(clipX, target.first().y);
+  ctx.lineTo(clipX, target2.first().y);
   ctx.closePath();
   ctx.clip();
 }
 function fill(ctx, cfg) {
-  const { line, target, property: property2, color: color2, scale, clip: clip2 } = cfg;
-  const segments = _segments(line, target, property2);
+  const { line, target: target2, property: property2, color: color2, scale, clip: clip2 } = cfg;
+  const segments = _segments(line, target2, property2);
   for (const { source: src, target: tgt, start, end } of segments) {
     const { style: { backgroundColor = color2 } = {} } = src;
-    const notShape = target !== true;
+    const notShape = target2 !== true;
     ctx.save();
     ctx.fillStyle = backgroundColor;
     clipBounds(ctx, scale, clip2, notShape && _getBounds(property2, start, end));
@@ -5741,15 +5741,15 @@ function fill(ctx, cfg) {
       if (lineLoop) {
         ctx.closePath();
       } else {
-        interpolatedLineTo(ctx, target, end, property2);
+        interpolatedLineTo(ctx, target2, end, property2);
       }
-      const targetLoop = !!target.pathSegment(ctx, tgt, {
+      const targetLoop = !!target2.pathSegment(ctx, tgt, {
         move: lineLoop,
         reverse: true
       });
       loop = lineLoop && targetLoop;
       if (!loop) {
-        interpolatedLineTo(ctx, target, start, property2);
+        interpolatedLineTo(ctx, target2, start, property2);
       }
     }
     ctx.closePath();
@@ -5784,8 +5784,8 @@ function clipBounds(ctx, scale, clip2, bounds) {
     ctx.clip();
   }
 }
-function interpolatedLineTo(ctx, target, point, property2) {
-  const interpolatedPoint = target.interpolate(point, property2);
+function interpolatedLineTo(ctx, target2, point, property2) {
+  const interpolatedPoint = target2.interpolate(point, property2);
   if (interpolatedPoint) {
     ctx.lineTo(interpolatedPoint.x, interpolatedPoint.y);
   }
@@ -6723,8 +6723,8 @@ var init_chart = __esm({
       }
     };
     Animation = class {
-      constructor(cfg, target, prop, to3) {
-        const currentValue = target[prop];
+      constructor(cfg, target2, prop, to3) {
+        const currentValue = target2[prop];
         to3 = resolve([
           cfg.to,
           to3,
@@ -6742,7 +6742,7 @@ var init_chart = __esm({
         this._start = Math.floor(Date.now() + (cfg.delay || 0));
         this._duration = this._total = Math.floor(cfg.duration);
         this._loop = !!cfg.loop;
-        this._target = target;
+        this._target = target2;
         this._prop = prop;
         this._from = from2;
         this._to = to3;
@@ -6851,25 +6851,25 @@ var init_chart = __esm({
           });
         });
       }
-      _animateOptions(target, values) {
+      _animateOptions(target2, values) {
         const newOptions = values.options;
-        const options = resolveTargetOptions(target, newOptions);
+        const options = resolveTargetOptions(target2, newOptions);
         if (!options) {
           return [];
         }
         const animations = this._createAnimations(options, newOptions);
         if (newOptions.$shared) {
-          awaitAll(target.options.$animations, newOptions).then(() => {
-            target.options = newOptions;
+          awaitAll(target2.options.$animations, newOptions).then(() => {
+            target2.options = newOptions;
           }, () => {
           });
         }
         return animations;
       }
-      _createAnimations(target, values) {
+      _createAnimations(target2, values) {
         const animatedProps = this._properties;
         const animations = [];
-        const running = target.$animations || (target.$animations = {});
+        const running = target2.$animations || (target2.$animations = {});
         const props = Object.keys(values);
         const date4 = Date.now();
         let i7;
@@ -6879,7 +6879,7 @@ var init_chart = __esm({
             continue;
           }
           if (prop === "options") {
-            animations.push(...this._animateOptions(target, values));
+            animations.push(...this._animateOptions(target2, values));
             continue;
           }
           const value = values[prop];
@@ -6894,20 +6894,20 @@ var init_chart = __esm({
             }
           }
           if (!cfg || !cfg.duration) {
-            target[prop] = value;
+            target2[prop] = value;
             continue;
           }
-          running[prop] = animation = new Animation(cfg, target, prop, value);
+          running[prop] = animation = new Animation(cfg, target2, prop, value);
           animations.push(animation);
         }
         return animations;
       }
-      update(target, values) {
+      update(target2, values) {
         if (this._properties.size === 0) {
-          Object.assign(target, values);
+          Object.assign(target2, values);
           return;
         }
-        const animations = this._createAnimations(target, values);
+        const animations = this._createAnimations(target2, values);
         if (animations.length) {
           animator.add(this._chart, animations);
           return true;
@@ -19692,7 +19692,7 @@ var BeamApp = class extends i4 {
       await this._openForkDialog();
     };
     this._handleForkConfirm = async (e8) => {
-      const { target } = e8.detail;
+      const { target: target2 } = e8.detail;
       const name2 = this._forkPhotonName;
       if (!name2) return;
       this._showForkDialog = false;
@@ -19701,7 +19701,7 @@ var BeamApp = class extends i4 {
         const res = await fetch("/api/marketplace/fork", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ name: name2, target }),
+          body: JSON.stringify({ name: name2, target: target2 }),
           signal: AbortSignal.timeout(3e4)
         });
         const result = await res.json();
@@ -19874,11 +19874,11 @@ var BeamApp = class extends i4 {
           if (selected === "__auto__") {
             this._instanceSelectorMode = "auto";
             await this._fetchInstances(photonName);
-            const target2 = this._autoInstance || "default";
-            if (target2 !== this._currentInstance) {
+            const target3 = this._autoInstance || "default";
+            if (target3 !== this._currentInstance) {
               try {
-                await mcpClient.callTool(`${photonName}/_use`, { name: target2 });
-                this._setCurrentInstance(photonName, target2);
+                await mcpClient.callTool(`${photonName}/_use`, { name: target3 });
+                this._setCurrentInstance(photonName, target3);
                 if (this._selectedMethod) {
                   void this._handleExecute(new CustomEvent("execute", { detail: { args: {} } }));
                 }
@@ -19890,12 +19890,12 @@ var BeamApp = class extends i4 {
             break;
           }
           this._instanceSelectorMode = "manual";
-          const target = selected;
-          if (target === this._currentInstance) return;
+          const target2 = selected;
+          if (target2 === this._currentInstance) return;
           try {
-            await mcpClient.callTool(`${photonName}/_use`, { name: target });
-            this._setCurrentInstance(photonName, target);
-            showToast(`Switched to: ${target === "default" ? "(default)" : target}`, "success");
+            await mcpClient.callTool(`${photonName}/_use`, { name: target2 });
+            this._setCurrentInstance(photonName, target2);
+            showToast(`Switched to: ${target2 === "default" ? "(default)" : target2}`, "success");
             if (this._selectedMethod) {
               void this._handleExecute(new CustomEvent("execute", { detail: { args: {} } }));
             }
@@ -20709,22 +20709,22 @@ var BeamApp = class extends i4 {
   }
   _handleMakerAction(e8) {
     const action = e8.detail.action;
-    let target = this._photons.find((p5) => p5.name === "maker");
+    let target2 = this._photons.find((p5) => p5.name === "maker");
     let targetName = "maker";
-    if ((action === "sync" || action === "init") && !target?.methods?.find((m3) => m3.name === action)) {
-      target = this._photons.find((p5) => p5.name === "marketplace");
+    if ((action === "sync" || action === "init") && !target2?.methods?.find((m3) => m3.name === action)) {
+      target2 = this._photons.find((p5) => p5.name === "marketplace");
       targetName = "marketplace";
     }
-    if (!target) {
+    if (!target2) {
       this._showError("Photon not found", `${targetName} photon not found`);
       return;
     }
-    this._selectedPhoton = target;
+    this._selectedPhoton = target2;
     if (action === "new" || action === "wizard") {
       this._pendingStudioOpen = true;
       this._pendingTemplateSource = e8.detail.templateSource;
     }
-    const method = target.methods?.find((m3) => m3.name === action);
+    const method = target2.methods?.find((m3) => m3.name === action);
     if (method) {
       this._selectedMethod = method;
       this._view = "form";
@@ -22994,12 +22994,12 @@ ${photon.errorMessage || "Unknown error"}</pre
     } else {
       this._instanceSelectorMode = "manual";
     }
-    const target = selected === "__auto__" ? this._autoInstance || "default" : selected;
-    if (target === this._currentInstance) return;
+    const target2 = selected === "__auto__" ? this._autoInstance || "default" : selected;
+    if (target2 === this._currentInstance) return;
     try {
-      await mcpClient.callTool(`${photonName}/_use`, { name: target });
-      this._currentInstance = target;
-      sessionStorage.setItem(`photon-instance:${photonName}`, target);
+      await mcpClient.callTool(`${photonName}/_use`, { name: target2 });
+      this._currentInstance = target2;
+      sessionStorage.setItem(`photon-instance:${photonName}`, target2);
       if (this._selectedMethod) {
         void this._handleExecute(new CustomEvent("execute", { detail: { args: {} } }));
       }
@@ -28950,8 +28950,8 @@ var MethodCard = class extends i4 {
     e8.stopPropagation();
     this._editingIcon = !this._editingIcon;
     if (this._editingIcon) {
-      const target = e8.currentTarget || e8.target;
-      const rect = target.getBoundingClientRect();
+      const target2 = e8.currentTarget || e8.target;
+      const rect = target2.getBoundingClientRect();
       const pickerHeight = 220;
       const spaceBelow = window.innerHeight - rect.bottom;
       this._pickerPos = {
@@ -31901,6 +31901,138 @@ ActivityLog = __decorateClass([
   t4("activity-log")
 ], ActivityLog);
 
+// src/auto-ui/frontend/services/motion.ts
+var ENTER_EFFECTS = /* @__PURE__ */ new Set([
+  "fade-in",
+  "slide-up",
+  "slide-down",
+  "slide-in-right",
+  "slide-in-left",
+  "scale-in",
+  "scale-up",
+  "flip-in",
+  "drop-in",
+  "stagger",
+  "stagger-fast"
+]);
+var DEPTH_PRESETS = {
+  front: "motion-depth-front",
+  back: "motion-depth-back",
+  float: "motion-depth-float",
+  tilt: "motion-tilt",
+  "tilt-right": "motion-tilt-right"
+};
+function parseDepthDirective(value) {
+  const preset = DEPTH_PRESETS[value];
+  if (preset) return { className: preset };
+  const tiltMatch = value.match(/^tilt\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/);
+  if (tiltMatch) {
+    const rotY = tiltMatch[1];
+    const rotX = tiltMatch[2];
+    return { style: `transform: rotateY(${rotY}deg) rotateX(${rotX}deg)` };
+  }
+  const zMatch = value.match(/^z\(\s*([-\d.]+)\s*\)$/);
+  if (zMatch) {
+    return { style: `transform: translateZ(${zMatch[1]}px)` };
+  }
+  return {};
+}
+var MotionObserver = class {
+  constructor() {
+    this._mutationObserver = null;
+    this._intersectionObserver = null;
+    this._root = null;
+    this._observed = /* @__PURE__ */ new WeakSet();
+  }
+  /**
+   * Start observing a root element (typically a shadow root) for motion attributes
+   */
+  observe(root) {
+    this._root = root;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      return;
+    }
+    this._processExistingElements(root);
+    this._mutationObserver = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (node instanceof HTMLElement) {
+            this._processElement(node);
+            for (const child of node.querySelectorAll("[data-enter], [data-depth]")) {
+              this._processElement(child);
+            }
+          }
+        }
+      }
+    });
+    this._mutationObserver.observe(root instanceof HTMLElement ? root : root.host, {
+      childList: true,
+      subtree: true
+    });
+    this._intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            const el2 = entry.target;
+            const enterEffect = el2.dataset.enterOnVisible;
+            if (enterEffect && ENTER_EFFECTS.has(enterEffect)) {
+              el2.classList.add(`motion-${enterEffect}`);
+              this._intersectionObserver?.unobserve(el2);
+            }
+          }
+        }
+      },
+      { threshold: 0.1 }
+    );
+  }
+  /**
+   * Stop observing
+   */
+  disconnect() {
+    this._mutationObserver?.disconnect();
+    this._intersectionObserver?.disconnect();
+    this._mutationObserver = null;
+    this._intersectionObserver = null;
+    this._root = null;
+  }
+  _processExistingElements(root) {
+    const elements2 = root.querySelectorAll?.(
+      "[data-enter], [data-depth], [data-enter-on-visible]"
+    );
+    if (elements2) {
+      for (const el2 of elements2) {
+        this._processElement(el2);
+      }
+    }
+  }
+  _processElement(el2) {
+    if (this._observed.has(el2)) return;
+    this._observed.add(el2);
+    const enterEffect = el2.dataset.enter;
+    if (enterEffect && ENTER_EFFECTS.has(enterEffect)) {
+      el2.classList.add(`motion-${enterEffect}`);
+    }
+    const enterOnVisible = el2.dataset.enterOnVisible;
+    if (enterOnVisible && ENTER_EFFECTS.has(enterOnVisible)) {
+      this._intersectionObserver?.observe(el2);
+    }
+    const depthDirective = el2.dataset.depth;
+    if (depthDirective) {
+      const parent = el2.parentElement;
+      if (parent && !parent.classList.contains("motion-perspective")) {
+        parent.classList.add("motion-perspective");
+      }
+      const { className, style } = parseDepthDirective(depthDirective);
+      if (className) {
+        el2.classList.add(className);
+      }
+      if (style) {
+        el2.style.cssText += `;${style}`;
+      }
+    }
+  }
+};
+
 // src/auto-ui/frontend/components/result-viewer.ts
 var CHART_PALETTE = {
   dark: ["#6366f1", "#22c55e", "#f97316", "#06b6d4", "#a855f7", "#ec4899", "#eab308", "#14b8a6"],
@@ -31952,6 +32084,7 @@ var ResultViewer = class extends i4 {
     this._previousResult = null;
     // Recency heat: track when items were last added/updated
     this._itemHeatTimestamps = /* @__PURE__ */ new Map();
+    this._motion = new MotionObserver();
     // Audit trail expansion state: track which items have expanded audit trails
     this._expandedAuditTrails = /* @__PURE__ */ new Set();
     // The detected ID field for the current result (shared across diff, animation, warmth)
@@ -31974,26 +32107,28 @@ var ResultViewer = class extends i4 {
         this._closeFullscreen();
       }
       if (this.outputFormat === "slides" && this._slidesParsed?.length > 0) {
-        const total = this._slidesParsed.length;
-        if (e8.key === "ArrowRight" || e8.key === "PageDown") {
-          e8.preventDefault();
-          if (this._slidesCurrentIndex < total - 1) {
+        const active = document.activeElement;
+        const isInput = active instanceof HTMLElement && (active.tagName === "INPUT" || active.tagName === "TEXTAREA" || active.tagName === "SELECT" || active.isContentEditable);
+        if (!isInput) {
+          const total = this._slidesParsed.length;
+          let handled = true;
+          if (e8.key === "ArrowRight" || e8.key === "PageDown") {
             this._slidesNavigate(this._slidesCurrentIndex + 1, total);
-          }
-        } else if (e8.key === "ArrowLeft" || e8.key === "PageUp") {
-          e8.preventDefault();
-          if (this._slidesCurrentIndex > 0) {
+          } else if (e8.key === "ArrowLeft" || e8.key === "PageUp") {
             this._slidesNavigate(this._slidesCurrentIndex - 1, total);
+          } else if (e8.key === "Home") {
+            this._slidesNavigate(0, total);
+          } else if (e8.key === "End") {
+            this._slidesNavigate(total - 1, total);
+          } else if (e8.key === "f" || e8.key === "F") {
+            this._slidesToggleFullscreen();
+          } else {
+            handled = false;
+          }
+          if (handled) {
+            e8.preventDefault();
+            e8.stopPropagation();
           }
-        } else if (e8.key === "Home") {
-          e8.preventDefault();
-          this._slidesNavigate(0, total);
-        } else if (e8.key === "End") {
-          e8.preventDefault();
-          this._slidesNavigate(total - 1, total);
-        } else if (e8.key === "f" || e8.key === "F") {
-          e8.preventDefault();
-          this._slidesToggleFullscreen();
         }
       }
       if (this._fullscreenImage || this._fullscreenMermaid) {
@@ -32061,12 +32196,22 @@ var ResultViewer = class extends i4 {
     this._slidesTransitions = /* @__PURE__ */ new Map();
     // per-slide transition overrides
     this._slidesDefaultTransition = "fade";
+    this._slidesBackgrounds = /* @__PURE__ */ new Map();
+    // per-slide bg (color, url, gradient)
+    this._slidesEffects = /* @__PURE__ */ new Map();
+    // per-slide element effect
+    this._slidesCols = /* @__PURE__ */ new Map();
+    // per-slide column count
+    this._slidesBuilds = /* @__PURE__ */ new Map();
+    // per-slide build (click-to-reveal)
     this._slidesBoundElements = /* @__PURE__ */ new Set();
     this._slidesRefreshTimers = [];
     this._slidesResizeObserver = null;
     this._slidesScaleDebounce = null;
     this._slidesScaling = false;
     this._slidesLastZoom = "";
+    this._slidesShaking = false;
+    // boundary shake animation guard
     // ── Bridge-powered slide rendering ──
     // Slide embeds run inside an iframe with the platform bridge loaded.
     // The bridge handles data-method binding, format rendering, streaming, and live updates.
@@ -32088,14 +32233,18 @@ var ResultViewer = class extends i4 {
   }
   connectedCallback() {
     super.connectedCallback();
-    window.addEventListener("keydown", this._handleGlobalKeydown);
+    window.addEventListener("keydown", this._handleGlobalKeydown, true);
     this._warmthTimer = window.setInterval(() => {
       if (this._itemHeatTimestamps.size > 0) this.requestUpdate();
     }, 6e4);
+    void this.updateComplete.then(() => {
+      if (this.shadowRoot) this._motion.observe(this.shadowRoot);
+    });
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    window.removeEventListener("keydown", this._handleGlobalKeydown);
+    window.removeEventListener("keydown", this._handleGlobalKeydown, true);
+    this._motion.disconnect();
     if (this._warmthTimer) clearInterval(this._warmthTimer);
     if (this._chartInstance) {
       this._chartInstance.destroy();
@@ -33848,29 +33997,29 @@ ${rows}`);
       }
     });
     for (const { id: id2, code } of blocks) {
-      const target = this.shadowRoot?.querySelector(`[data-mermaid-id="${id2}"]`);
-      if (!target) {
+      const target2 = this.shadowRoot?.querySelector(`[data-mermaid-id="${id2}"]`);
+      if (!target2) {
         console.warn("Mermaid placeholder not found:", id2);
         continue;
       }
       try {
         const renderSuffix = Math.random().toString(36).substr(2, 6);
         const { svg: svg2 } = await mermaid.render(`${id2}-${renderSuffix}-svg`, code);
-        if (target.classList.contains("mermaid-live-container")) {
-          let diagramDiv2 = target.querySelector(".mermaid-diagram");
+        if (target2.classList.contains("mermaid-live-container")) {
+          let diagramDiv2 = target2.querySelector(".mermaid-diagram");
           if (!diagramDiv2) {
             diagramDiv2 = document.createElement("div");
             diagramDiv2.className = "mermaid-diagram";
             diagramDiv2.style.transition = "opacity 0.2s ease";
-            target.appendChild(diagramDiv2);
-            this._addMermaidExpandBtn(target, code, id2);
+            target2.appendChild(diagramDiv2);
+            this._addMermaidExpandBtn(target2, code, id2);
           }
           diagramDiv2.style.opacity = "0.4";
           requestAnimationFrame(() => {
             diagramDiv2.innerHTML = svg2;
             diagramDiv2.style.opacity = "1";
           });
-          const btn = target.querySelector(".expand-btn");
+          const btn = target2.querySelector(".expand-btn");
           if (btn) btn.onclick = () => this._openMermaidFullscreen(code, id2);
           continue;
         }
@@ -33886,10 +34035,10 @@ ${rows}`);
         diagramDiv.innerHTML = svg2;
         wrapper.appendChild(diagramDiv);
         this._addMermaidExpandBtn(wrapper, code, id2);
-        target.replaceWith(wrapper);
+        target2.replaceWith(wrapper);
       } catch (e8) {
         console.error("Mermaid render error:", e8);
-        target.innerHTML = `<pre style="color: #ff6b6b; background: rgba(255,0,0,0.1); padding: 8px; border-radius: var(--radius-xs);">Mermaid Error: ${e8 instanceof Error ? e8.message : String(e8)}
+        target2.innerHTML = `<pre style="color: #ff6b6b; background: rgba(255,0,0,0.1); padding: 8px; border-radius: var(--radius-xs);">Mermaid Error: ${e8 instanceof Error ? e8.message : String(e8)}
 
 ${code}</pre>`;
       }
@@ -33949,15 +34098,49 @@ ${code}</pre>`;
     }
     const slides = content2.split(/\n---\s*\n/).map((s5) => s5.trim()).filter((s5) => s5.length > 0);
     this._slidesTransitions.clear();
+    this._slidesBackgrounds.clear();
+    this._slidesEffects.clear();
+    this._slidesCols.clear();
+    this._slidesBuilds.clear();
     slides.forEach((slide, i7) => {
-      const match = slide.match(/<!--\s*transition:\s*(\w+)\s*-->/);
-      if (match) {
-        this._slidesTransitions.set(i7, match[1]);
-      }
+      const tMatch = slide.match(/<!--\s*transition:\s*(\w+)\s*-->/);
+      if (tMatch) this._slidesTransitions.set(i7, tMatch[1]);
+      const bgMatch = slide.match(/<!--\s*bg:\s*(.+?)\s*-->/);
+      if (bgMatch) this._slidesBackgrounds.set(i7, bgMatch[1].trim());
+      const fxMatch = slide.match(/<!--\s*effect:\s*(\S+)\s*-->/);
+      if (fxMatch) this._slidesEffects.set(i7, fxMatch[1].trim());
+      const colMatch = slide.match(/<!--\s*cols:\s*(\d+)\s*-->/);
+      if (colMatch) this._slidesCols.set(i7, Math.min(Math.max(parseInt(colMatch[1], 10), 2), 4));
+      if (/<!--\s*build\s*-->/.test(slide)) this._slidesBuilds.set(i7, true);
     });
     const defaultTheme2 = "auto";
     return { slides, theme: config3.theme || defaultTheme2, config: config3 };
   }
+  /** Build HTML for a background layer (image, video, or gradient) inside bridge iframe */
+  _buildSlideBgHtml(bg2) {
+    if (!bg2) return "";
+    const isVideo = bg2.startsWith("video:") || /\.(mp4|webm|mov)(\?|$)/i.test(bg2);
+    if (isVideo) {
+      const src = bg2.replace(/^video:/, "");
+      return `<video class="slide-bg-video" src="${src}" autoplay muted loop playsinline></video>`;
+    }
+    const style = this._buildSlideBgStyle(bg2);
+    if (!style) return "";
+    return `<div class="slide-bg-layer" style="${style}"></div>`;
+  }
+  /** Convert a bg directive value into inline CSS for the background layer */
+  _buildSlideBgStyle(bg2) {
+    if (!bg2) return "";
+    if (bg2.startsWith("video:") || /\.(mp4|webm|mov)(\?|$)/i.test(bg2)) return "";
+    if (/^url\(/.test(bg2) || /\.(jpg|jpeg|png|gif|svg|webp|avif)(\?|$)/i.test(bg2)) {
+      const url2 = bg2.startsWith("url(") ? bg2 : `url(${bg2})`;
+      return `background-image:${url2};background-size:cover;background-position:center;`;
+    }
+    if (/^(linear|radial|conic)-gradient/i.test(bg2)) {
+      return `background:${bg2};`;
+    }
+    return `background:${bg2};`;
+  }
   /** Ensure the bridge script is loaded and cached */
   async _ensureBridgeScript() {
     if (this._slidesBridgeScript) return this._slidesBridgeScript;
@@ -33981,7 +34164,7 @@ ${code}</pre>`;
     return this._slidesBridgeScript || "";
   }
   /** Build an iframe srcdoc for a slide with the bridge loaded */
-  _buildSlideSrcdoc(slideHtml, codeBlocks, headerText, footerText, pageNum) {
+  _buildSlideSrcdoc(slideHtml, codeBlocks, headerText, footerText, pageNum, slideBg, slideEffect) {
     const bridge = this._slidesBridgeScript || "";
     const photonPrefix = this.photonName ? this.photonName + "/" : "";
     let html = slideHtml;
@@ -34034,6 +34217,42 @@ ${bridge}
     transform-origin: 50% 50%;
     display: flex; flex-direction: column;
     overflow: hidden;
+    z-index: 1;
+  }
+  /* Background layers (image, gradient, color) */
+  .slide-bg-layer {
+    position: absolute; inset: 0; z-index: 0;
+  }
+  .slide-bg-video {
+    position: absolute; inset: 0; z-index: 0;
+    width: 100%; height: 100%; object-fit: cover;
+  }
+  /* When bg is present, add a scrim for text readability */
+  .slide-bg-layer + .slide-canvas,
+  .slide-bg-video + .slide-canvas {
+    background: rgba(0,0,0,0.35);
+  }
+  /* Universal motion system \u2014 matches motion.ts keyframes via data-enter attribute */
+  @keyframes motion-slide-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
+  @keyframes motion-slide-down { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: none; } }
+  @keyframes motion-slide-in-right { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
+  @keyframes motion-slide-in-left { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: none; } }
+  @keyframes motion-scale-in { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: none; } }
+  @keyframes motion-scale-up { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: none; } }
+  @keyframes motion-flip-in { from { opacity: 0; transform: perspective(800px) rotateY(90deg); } to { opacity: 1; transform: none; } }
+  @keyframes motion-fade-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes motion-drop-in { from { opacity: 0; transform: translateY(-40px) scale(0.95); } 60% { opacity: 1; transform: translateY(4px) scale(1.01); } to { opacity: 1; transform: none; } }
+  [data-enter="slide-up"] { animation: motion-slide-up 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="slide-down"] { animation: motion-slide-down 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="slide-in-right"] { animation: motion-slide-in-right 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="slide-in-left"] { animation: motion-slide-in-left 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="scale-in"] { animation: motion-scale-in 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="scale-up"] { animation: motion-scale-up 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="flip-in"] { animation: motion-flip-in 0.5s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="fade-in"] { animation: motion-fade-in 0.3s cubic-bezier(0.16,1,0.3,1) both; }
+  [data-enter="drop-in"] { animation: motion-drop-in 0.5s cubic-bezier(0.16,1,0.3,1) both; }
+  @media (prefers-reduced-motion: reduce) {
+    [data-enter] { animation: none !important; opacity: 1 !important; }
   }
   .slide-header { padding: 4px 32px; font-size: 9px; opacity: 0.4;
     color: var(--color-on-surface-variant, inherit);
@@ -34054,11 +34273,33 @@ ${bridge}
     color: var(--color-on-surface-variant, inherit);
     border-top: 1px solid var(--color-outline-variant, rgba(128,128,128,0.1)); flex-shrink: 0; }
   h1, h2, h3 { color: var(--color-primary, var(--accent, #79aef0)); margin-top: 0; }
-  h1 { font-size: 1.6em; margin-bottom: 0.3em; }
-  p { margin: 0.4em 0; }
-  ul, ol { margin: 0.4em 0; padding-left: 1.2em; }
+  h1 { font-size: 2em; margin-bottom: 0.3em; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; }
+  .slide-body.title-slide h1 { font-size: 2.8em; letter-spacing: -0.03em; }
+  .slide-body.title-slide h3 { font-size: 1.1em; font-weight: 400; opacity: 0.7; margin-top: 0.3em; }
+  h2 { font-size: 1.5em; font-weight: 700; letter-spacing: -0.01em; }
+  h3 { font-size: 1.15em; font-weight: 600; }
+  p { margin: 0.4em 0; line-height: 1.65; }
+  ul, ol { margin: 0.5em 0; padding-left: 1.4em; }
+  li { margin: 0.25em 0; line-height: 1.55; }
+  li::marker { color: var(--color-primary, var(--accent, #79aef0)); }
   a { color: var(--color-primary, var(--accent, #79aef0)); }
   strong { color: var(--color-on-surface, var(--text-primary, inherit)); }
+  /* Columns */
+  .slide-cols { display: grid; gap: 24px; height: 100%; align-items: start; }
+  .slide-cols-2 { grid-template-columns: 1fr 1fr; }
+  .slide-cols-3 { grid-template-columns: 1fr 1fr 1fr; }
+  .slide-cols-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
+  .slide-col { min-width: 0; }
+  /* Build fragments */
+  .slide-fragment { transition: opacity 0.3s ease; }
+  .slide-fragment:not(.visible) { opacity: 0; pointer-events: none; }
+  .slide-fragment.visible { opacity: 1; }
+  /* Blockquote */
+  blockquote { border-left: 3px solid var(--color-primary, var(--accent, #79aef0)); padding: 4px 16px;
+    margin: 0.6em 0; font-size: 1.05em; font-style: italic;
+    color: var(--color-on-surface-variant, rgba(255,255,255,0.8)); }
+  /* Images */
+  img { max-width: 100%; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.25); }
   [data-method] { position: relative; overflow: hidden; }
   [data-method].loading::after {
     content: ''; display: inline-block; width: 14px; height: 14px;
@@ -34156,7 +34397,8 @@ ${bridge}
 <\/script>
 </head>
 <body>
-<div class="slide-canvas">
+${this._buildSlideBgHtml(slideBg || "")}
+<div class="slide-canvas"${slideEffect ? ` data-effect="${slideEffect}"` : ""}>
 ${headerText ? `<div class="slide-header">${headerText}</div>` : ""}
 <div class="slide-body">${html}</div>
 ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</span><span>${pageNum || ""}</span></div>` : ""}
@@ -34199,12 +34441,21 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       }
     }
   })();
+  // Build fragments: parent can call window.advanceFragment() to reveal next
+  window.advanceFragment = function() {
+    var frags = document.querySelectorAll('.slide-fragment:not(.visible)');
+    if (frags.length > 0) { frags[0].classList.add('visible'); return true; }
+    return false;
+  };
+  window.allFragmentsRevealed = function() {
+    return document.querySelectorAll('.slide-fragment:not(.visible)').length === 0;
+  };
 <\/script>
 </body>
 </html>`;
   }
   /** Render a single slide's markdown to HTML (shared by live render + pre-render) */
-  _renderSlideHtml(slideMarkdown) {
+  _renderSlideHtml(slideMarkdown, slideIndex) {
     let md = slideMarkdown;
     if (this._slidesBaseUrl) {
       md = md.replace(
@@ -34216,10 +34467,33 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         (_3, pre, relPath, post) => `${pre}${this._slidesBaseUrl}${relPath}${post}`
       );
     }
-    return this._parseRichMarkdown(md, {
+    const colCount = slideIndex !== void 0 ? this._slidesCols.get(slideIndex) : void 0;
+    if (colCount && md.includes("|||")) {
+      const parts = md.split(/\n\|\|\|\s*\n/);
+      const rendered = parts.map(
+        (part) => this._parseRichMarkdown(part.trim(), { stripFrontMatter: false, includeInlineStyles: true })
+      );
+      const colHtml = rendered.map((r7) => `<div class="slide-col">${r7.html}</div>`).join("");
+      return {
+        html: `<div class="slide-cols slide-cols-${colCount}">${colHtml}</div>`,
+        mermaidBlocks: rendered.flatMap((r7) => r7.mermaidBlocks),
+        codeBlocks: rendered.flatMap((r7) => r7.codeBlocks)
+      };
+    }
+    const result = this._parseRichMarkdown(md, {
       stripFrontMatter: false,
       includeInlineStyles: true
     });
+    const hasBuild = slideIndex !== void 0 ? this._slidesBuilds.get(slideIndex) : false;
+    if (hasBuild) {
+      const chunks = result.html.split(/<!--\s*build\s*-->/);
+      if (chunks.length > 1) {
+        result.html = chunks.map(
+          (chunk, i7) => `<div class="slide-fragment${i7 === 0 ? " visible" : ""}" data-fragment="${i7}">${chunk}</div>`
+        ).join("");
+      }
+    }
+    return result;
   }
   _renderSlides(data) {
     const raw = String(data);
@@ -34247,7 +34521,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     const stripQuotes = (s5) => s5.replace(/^["']|["']$/g, "");
     const rawBaseUrl = stripQuotes(config3.baseUrl || "");
     this._slidesBaseUrl = rawBaseUrl || (this.photonName ? `/api/assets/${encodeURIComponent(this.photonName)}/` : "");
-    const { html: slideHtml, mermaidBlocks, codeBlocks } = this._renderSlideHtml(current);
+    const { html: slideHtml, mermaidBlocks, codeBlocks } = this._renderSlideHtml(current, idx);
     this._pendingMermaidBlocks = mermaidBlocks;
     this._pendingCodeBlocks = codeBlocks;
     const resolvedTheme = rawTheme === "auto" || rawTheme === "default" ? this.theme === "light" ? "uncover" : "default" : rawTheme;
@@ -34260,17 +34534,30 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     const headerText = stripQuotes(config3.header || "");
     const footerText = stripQuotes(config3.footer || "");
     const currentTransition = this._getSlideTransition(idx);
+    const slideBg = this._slidesBackgrounds.get(idx) || "";
+    const slideEffect = this._slidesEffects.get(idx) || "";
+    const slideBgStyle = this._buildSlideBgStyle(slideBg);
+    const isVideoBg = /\.(mp4|webm|mov)(\?|$)/i.test(slideBg) || slideBg.startsWith("video:");
     return b2`
       <div
         class="slides-container ${themeClass}"
         id="slides-root"
         data-transition="${currentTransition}"
         data-direction="${this._slidesDirection}"
+        data-effect="${slideEffect}"
         @keydown=${(e8) => this._slidesKeydown(e8, total)}
         tabindex="0"
         style="${viewportStyle}"
       >
         <div class="slides-viewport">
+          ${slideBg ? isVideoBg ? b2`<video
+                  class="slides-bg-video"
+                  src="${slideBg.replace(/^video:/, "")}"
+                  autoplay
+                  muted
+                  loop
+                  playsinline
+                ></video>` : b2`<div class="slides-bg-layer" style="${slideBgStyle}"></div>` : ""}
           <div class="slides-content">
             ${this._slidesBridgeScript ? b2`<iframe
                   class="slide-bridge-frame"
@@ -34279,7 +34566,9 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       codeBlocks,
       headerText,
       footerText,
-      showPaginate ? `${idx + 1} / ${total}` : ""
+      showPaginate ? `${idx + 1} / ${total}` : "",
+      slideBg,
+      slideEffect
     )}
                   sandbox="allow-scripts allow-same-origin allow-popups"
                   frameborder="0"
@@ -34287,11 +34576,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
                 ></iframe>` : o5(slideHtml)}
           </div>
           <div class="slides-controls">
-            <button
-              class="slides-btn"
-              ?disabled=${idx === 0}
-              @click=${() => this._slidesNavigate(idx - 1, total)}
-            >
+            <button class="slides-btn" @click=${() => this._slidesNavigate(idx - 1, total)}>
               <svg
                 width="14"
                 height="14"
@@ -34306,11 +34591,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
               </svg>
             </button>
             <span class="slides-counter">${idx + 1} / ${total}</span>
-            <button
-              class="slides-btn"
-              ?disabled=${idx === total - 1}
-              @click=${() => this._slidesNavigate(idx + 1, total)}
-            >
+            <button class="slides-btn" @click=${() => this._slidesNavigate(idx + 1, total)}>
               <svg
                 width="14"
                 height="14"
@@ -34345,6 +34626,16 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
               </svg>
             </button>
           </div>
+          <!-- Progress bar -->
+          <div class="slides-progress">
+            ${Array.from(
+      { length: total },
+      (_3, i7) => b2`<div
+                  class="slides-progress-segment ${i7 <= idx ? "visited" : ""} ${i7 === idx ? "current" : ""}"
+                  @click=${() => this._slidesNavigate(i7, total)}
+                ></div>`
+    )}
+          </div>
         </div>
         ${footerText && !this._slidesBridgeScript ? b2`<div class="slides-footer">
               <span>${footerText}</span>
@@ -34383,6 +34674,30 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         .slides-container:fullscreen .slides-viewport:has(.slide-bridge-frame) {
           padding: 0;
         }
+        /* ═══ BACKGROUND LAYERS ═══ */
+        .slides-bg-layer {
+          position: absolute;
+          inset: 0;
+          z-index: 0;
+          border-radius: inherit;
+        }
+        .slides-bg-video {
+          position: absolute;
+          inset: 0;
+          z-index: 0;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          border-radius: inherit;
+        }
+        /* Scrim for readability when bg image/video is present */
+        .slides-viewport:has(.slides-bg-layer) .slides-content,
+        .slides-viewport:has(.slides-bg-video) .slides-content {
+          position: relative;
+          z-index: 1;
+          text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
+        }
+
         .slides-content {
           width: 100%;
           max-width: 960px;
@@ -34411,20 +34726,25 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         .slides-content h1 {
           font-size: 2.4em;
           margin: 0 0 0.4em;
-          font-weight: 700;
+          font-weight: 800;
+          letter-spacing: -0.02em;
+          line-height: 1.15;
         }
         .slides-content h2 {
           font-size: 1.8em;
           margin: 0 0 0.4em;
-          font-weight: 600;
+          font-weight: 700;
+          letter-spacing: -0.01em;
         }
         .slides-content h3 {
           font-size: 1.3em;
           margin: 0 0 0.3em;
+          font-weight: 600;
         }
         .slides-content p {
           margin: 0.5em 0;
           font-size: 1.15em;
+          line-height: 1.65;
         }
         .slides-content ul,
         .slides-content ol {
@@ -34434,6 +34754,10 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         }
         .slides-content li {
           margin: 0.3em 0;
+          line-height: 1.55;
+        }
+        .slides-content li::marker {
+          color: var(--color-primary, rgba(125, 211, 252, 0.7));
         }
         .slides-content code {
           background: rgba(255, 255, 255, 0.1);
@@ -34454,12 +34778,47 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         .slides-content img {
           max-width: 100%;
           border-radius: 8px;
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
         }
         .slides-content blockquote {
-          border-left: 4px solid rgba(255, 255, 255, 0.3);
-          padding-left: 16px;
-          margin: 0.5em 0;
-          opacity: 0.85;
+          border-left: 3px solid var(--color-primary, rgba(125, 211, 252, 0.6));
+          padding: 4px 16px;
+          margin: 0.6em 0;
+          font-style: italic;
+          color: var(--color-on-surface-variant, rgba(255, 255, 255, 0.8));
+        }
+        /* ═══ COLUMNS ═══ */
+        .slides-content .slide-cols {
+          display: grid;
+          gap: 24px;
+          align-items: start;
+        }
+        .slides-content .slide-cols-2 {
+          grid-template-columns: 1fr 1fr;
+        }
+        .slides-content .slide-cols-3 {
+          grid-template-columns: 1fr 1fr 1fr;
+        }
+        .slides-content .slide-cols-4 {
+          grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
+        .slides-content .slide-col {
+          min-width: 0;
+        }
+        /* ═══ BUILD FRAGMENTS ═══ */
+        .slides-content .slide-fragment {
+          transition:
+            opacity 0.3s ease,
+            transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
+        }
+        .slides-content .slide-fragment:not(.visible) {
+          opacity: 0;
+          transform: translateY(8px);
+          pointer-events: none;
+        }
+        .slides-content .slide-fragment.visible {
+          opacity: 1;
+          transform: none;
         }
         .slides-content table {
           border-collapse: collapse;
@@ -34519,6 +34878,77 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
           opacity: 0.3;
           cursor: default;
         }
+
+        /* ═══ BOUNDARY SHAKE ═══ */
+        @keyframes slides-shake {
+          10%,
+          90% {
+            transform: translateX(-1px);
+          }
+          20%,
+          80% {
+            transform: translateX(2px);
+          }
+          30%,
+          50%,
+          70% {
+            transform: translateX(-4px);
+          }
+          40%,
+          60% {
+            transform: translateX(4px);
+          }
+        }
+        .slides-shake {
+          animation: slides-shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+        }
+
+        /* Element stagger uses universal data-enter from motion system — no custom keyframes */
+
+        /* ═══ PROGRESS BAR ═══ */
+        .slides-progress {
+          display: flex;
+          gap: 2px;
+          padding: 0 16px;
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          height: 4px;
+          z-index: 11;
+          opacity: 0;
+          transition: opacity 0.3s ease;
+        }
+        .slides-container:hover .slides-progress,
+        .slides-container:focus-within .slides-progress {
+          opacity: 1;
+        }
+        .slides-progress-segment {
+          flex: 1;
+          background: rgba(255, 255, 255, 0.15);
+          border-radius: 2px;
+          cursor: pointer;
+          transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+        .slides-progress-segment.visited {
+          background: var(--color-primary, rgba(125, 211, 252, 0.5));
+        }
+        .slides-progress-segment.current {
+          background: var(--color-primary, #7dd3fc);
+        }
+        .slides-progress-segment:hover {
+          background: var(--color-primary, #7dd3fc);
+          opacity: 0.8;
+        }
+        .slides-theme-uncover .slides-progress-segment {
+          background: rgba(0, 0, 0, 0.08);
+        }
+        .slides-theme-uncover .slides-progress-segment.visited {
+          background: var(--color-primary, rgba(26, 26, 46, 0.4));
+        }
+        .slides-theme-uncover .slides-progress-segment.current {
+          background: var(--color-primary, #1a1a2e);
+        }
         .slides-counter {
           font-size: 13px;
           opacity: 0.7;
@@ -34743,72 +35173,79 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
 
         /* Transition: fade (default) */
         ::view-transition-old(slide-content) {
-          animation: fadeOut 0.4s ease;
+          animation: fadeOut 0.2s ease;
         }
         ::view-transition-new(slide-content) {
-          animation: fadeIn 0.4s ease;
+          animation: fadeIn 0.2s ease;
         }
 
         /* Transition: slide forward */
         :host([data-slides-transition='slide'][data-slides-direction='forward'])
           ::view-transition-old(slide-content) {
-          animation: slideOutLeft 0.4s ease;
+          animation: slideOutLeft 0.2s ease;
         }
         :host([data-slides-transition='slide'][data-slides-direction='forward'])
           ::view-transition-new(slide-content) {
-          animation: slideInRight 0.4s ease;
+          animation: slideInRight 0.2s ease;
         }
         :host([data-slides-transition='slide'][data-slides-direction='backward'])
           ::view-transition-old(slide-content) {
-          animation: slideOutRight 0.4s ease;
+          animation: slideOutRight 0.2s ease;
         }
         :host([data-slides-transition='slide'][data-slides-direction='backward'])
           ::view-transition-new(slide-content) {
-          animation: slideInLeft 0.4s ease;
+          animation: slideInLeft 0.2s ease;
         }
 
         /* Transition: cover */
         :host([data-slides-transition='cover'][data-slides-direction='forward'])
           ::view-transition-old(slide-content) {
-          animation: stayPut 0.4s ease;
+          animation: stayPut 0.2s ease;
         }
         :host([data-slides-transition='cover'][data-slides-direction='forward'])
           ::view-transition-new(slide-content) {
-          animation: coverIn 0.4s ease;
+          animation: coverIn 0.2s ease;
         }
         :host([data-slides-transition='cover'][data-slides-direction='backward'])
           ::view-transition-old(slide-content) {
-          animation: stayPut 0.4s ease;
+          animation: stayPut 0.2s ease;
         }
         :host([data-slides-transition='cover'][data-slides-direction='backward'])
           ::view-transition-new(slide-content) {
-          animation: coverInReverse 0.4s ease;
+          animation: coverInReverse 0.2s ease;
         }
 
         /* Transition: reveal */
         :host([data-slides-transition='reveal'][data-slides-direction='forward'])
           ::view-transition-old(slide-content) {
-          animation: revealOut 0.4s ease;
+          animation: revealOut 0.2s ease;
         }
         :host([data-slides-transition='reveal'][data-slides-direction='forward'])
           ::view-transition-new(slide-content) {
-          animation: stayPut 0.4s ease;
+          animation: stayPut 0.2s ease;
         }
         :host([data-slides-transition='reveal'][data-slides-direction='backward'])
           ::view-transition-old(slide-content) {
-          animation: revealOutReverse 0.4s ease;
+          animation: revealOutReverse 0.2s ease;
         }
         :host([data-slides-transition='reveal'][data-slides-direction='backward'])
           ::view-transition-new(slide-content) {
-          animation: stayPut 0.4s ease;
+          animation: stayPut 0.2s ease;
         }
 
         /* Transition: zoom */
         :host([data-slides-transition='zoom']) ::view-transition-old(slide-content) {
-          animation: zoomOut 0.4s ease;
+          animation: zoomOut 0.2s ease;
         }
         :host([data-slides-transition='zoom']) ::view-transition-new(slide-content) {
-          animation: zoomIn 0.4s ease;
+          animation: zoomIn 0.2s ease;
+        }
+
+        /* ═══ REDUCED MOTION (slides) ═══ */
+        @media (prefers-reduced-motion: reduce) {
+          .slides-shake {
+            animation: none !important;
+          }
         }
 
         /* ═══ DECLARATIVE BINDING STYLES ═══ */
@@ -34910,8 +35347,99 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     }
     return true;
   }
+  /** Shake the slide viewport to signal boundary (first/last slide) */
+  _slidesBoundaryShake() {
+    if (this._slidesShaking) return;
+    const viewport = this.shadowRoot?.querySelector(".slides-viewport");
+    if (!viewport) return;
+    this._slidesShaking = true;
+    viewport.classList.add("slides-shake");
+    viewport.addEventListener(
+      "animationend",
+      () => {
+        viewport.classList.remove("slides-shake");
+        this._slidesShaking = false;
+      },
+      { once: true }
+    );
+  }
+  /** Trigger stagger-in animation on slide content children after transition.
+   *  Uses the universal data-enter attribute from the motion system. */
+  _slidesStaggerIn() {
+    const slideEffect = this._slidesEffects.get(this._slidesCurrentIndex) || "";
+    const enterValue = ResultViewer._EFFECT_MAP[slideEffect] || (slideEffect ? slideEffect : "slide-up");
+    const CHILD_SELECTOR = ":scope > h1, :scope > h2, :scope > h3, :scope > p, :scope > ul, :scope > ol, :scope > table, :scope > blockquote, :scope > pre, :scope > div:not(.slide-header):not(.slide-footer), :scope > figure, :scope > img, :scope > .slide-content-area";
+    const applyToChildren = (container) => {
+      const children = container.querySelectorAll(CHILD_SELECTOR);
+      children.forEach((el2, i7) => {
+        const htmlEl = el2;
+        htmlEl.removeAttribute("data-enter");
+        void htmlEl.offsetWidth;
+        htmlEl.setAttribute("data-enter", enterValue);
+        htmlEl.style.animationDelay = `${i7 * 60}ms`;
+      });
+    };
+    const iframe = this.shadowRoot?.querySelector(".slide-bridge-frame");
+    if (iframe) {
+      const applyStagger = () => {
+        try {
+          const iframeDoc = iframe.contentDocument;
+          if (!iframeDoc) return;
+          const body = iframeDoc.querySelector(".slide-body") || iframeDoc.body;
+          if (body) applyToChildren(body);
+        } catch {
+        }
+      };
+      iframe.addEventListener("load", applyStagger, { once: true });
+      return;
+    }
+    const content2 = this.shadowRoot?.querySelector(".slides-content");
+    if (content2) applyToChildren(content2);
+  }
+  /** Advance the next hidden build fragment. Returns true if a fragment was revealed. */
+  _slidesAdvanceBuild() {
+    const hasBuild = this._slidesBuilds.get(this._slidesCurrentIndex);
+    if (!hasBuild) return false;
+    const iframe = this.shadowRoot?.querySelector(".slide-bridge-frame");
+    if (iframe?.contentWindow) {
+      try {
+        return iframe.contentWindow.advanceFragment?.() === true;
+      } catch {
+        return false;
+      }
+    }
+    const fragments = this.shadowRoot?.querySelectorAll(".slide-fragment:not(.visible)");
+    if (fragments && fragments.length > 0) {
+      fragments[0].classList.add("visible");
+      return true;
+    }
+    return false;
+  }
+  /** Check if all build fragments are visible (or no builds exist) */
+  _slidesAllBuildsRevealed() {
+    const hasBuild = this._slidesBuilds.get(this._slidesCurrentIndex);
+    if (!hasBuild) return true;
+    const iframe = this.shadowRoot?.querySelector(".slide-bridge-frame");
+    if (iframe?.contentWindow) {
+      try {
+        return iframe.contentWindow.allFragmentsRevealed?.() !== false;
+      } catch {
+        return true;
+      }
+    }
+    const hidden = this.shadowRoot?.querySelectorAll(".slide-fragment:not(.visible)");
+    return !hidden || hidden.length === 0;
+  }
   _slidesNavigate(newIndex, total) {
-    if (newIndex < 0 || newIndex >= total || newIndex === this._slidesCurrentIndex) return;
+    if (newIndex > this._slidesCurrentIndex && !this._slidesAllBuildsRevealed()) {
+      this._slidesAdvanceBuild();
+      return;
+    }
+    if (newIndex < 0 || newIndex >= total) {
+      this._slidesBoundaryShake();
+      return;
+    }
+    if (newIndex === this._slidesCurrentIndex) return;
     this._slidesDirection = newIndex > this._slidesCurrentIndex ? "forward" : "backward";
     const transition = this._getSlideTransition(newIndex);
     try {
@@ -34931,6 +35459,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       } else {
         this._afterSlideRender();
       }
+      this._slidesStaggerIn();
     };
     if (transition === "none" || !("startViewTransition" in document) || this._slidesBridgeScript) {
       this._slidesCurrentIndex = newIndex;
@@ -34988,9 +35517,9 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
         this._slidesPrerendered.delete(cached2);
       }
     }
-    for (const target of targets) {
-      if (this._slidesPrerendered.has(target) || this._slidesPrerendering.has(target)) continue;
-      void this._preRenderSlide(target);
+    for (const target2 of targets) {
+      if (this._slidesPrerendered.has(target2) || this._slidesPrerendering.has(target2)) continue;
+      void this._preRenderSlide(target2);
     }
   }
   async _preRenderSlide(slideIndex) {
@@ -35003,7 +35532,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       if (!root) return;
       const viewport = root.querySelector(".slides-viewport");
       if (!viewport) return;
-      const { html: slideHtml } = this._renderSlideHtml(markdown);
+      const { html: slideHtml } = this._renderSlideHtml(markdown, target);
       const container = document.createElement("div");
       container.className = "slides-prerender";
       container.innerHTML = slideHtml;
@@ -35232,21 +35761,21 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       } catch {
       }
       const invoke = async () => {
-        const target = targetSel ? root.querySelector(targetSel) ?? el2 : el2;
-        target.classList.add("loading");
-        target.classList.remove("error");
+        const target2 = targetSel ? root.querySelector(targetSel) ?? el2 : el2;
+        target2.classList.add("loading");
+        target2.classList.remove("error");
         try {
           const result = await mcpClient.callTool(method, args);
           const data = mcpClient.parseToolResult(result);
-          target.classList.remove("loading");
+          target2.classList.remove("loading");
           if (result.isError) {
-            target.classList.add("error");
-            target.textContent = String(data) || "Error";
+            target2.classList.add("error");
+            target2.textContent = String(data) || "Error";
             return;
           }
-          this._renderBindingResult(target, data, format, field);
+          this._renderBindingResult(target2, data, format, field);
         } catch {
-          target.classList.remove("loading");
+          target2.classList.remove("loading");
         }
       };
       if (trigger === "load") {
@@ -35259,11 +35788,11 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       if (embedPhoton && embedMethod) {
         const renderHandler = (data) => {
           if (data?.photon === embedPhoton && data?.method === embedMethod) {
-            const target = targetSel ? root.querySelector(targetSel) ?? el2 : el2;
-            target.classList.remove("loading");
+            const target2 = targetSel ? root.querySelector(targetSel) ?? el2 : el2;
+            target2.classList.remove("loading");
             const renderFormat = data.format || format;
             if (renderFormat && data.value !== void 0) {
-              this._renderSlideFormat(target, data.value, renderFormat);
+              this._renderSlideFormat(target2, data.value, renderFormat);
             }
           }
         };
@@ -35293,7 +35822,7 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
     if (unit === "m") return num * 6e4;
     return num * 1e3;
   }
-  _renderBindingResult(target, data, format, field) {
+  _renderBindingResult(target2, data, format, field) {
     let value = data;
     if (field && typeof data === "object" && data !== null) {
       const parts = field.split(".");
@@ -35305,27 +35834,27 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
       value = current;
     }
     if (format === "text" || !format) {
-      target.textContent = value == null ? "" : typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
+      target2.textContent = value == null ? "" : typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
     } else if (format === "json") {
       const pre = document.createElement("pre");
       const code = document.createElement("code");
       code.textContent = JSON.stringify(value, null, 2);
       pre.appendChild(code);
-      target.innerHTML = "";
-      target.appendChild(pre);
+      target2.innerHTML = "";
+      target2.appendChild(pre);
     } else if (format === "html") {
-      target.innerHTML = String(value);
+      target2.innerHTML = String(value);
     } else {
-      this._renderSlideFormat(target, value, format);
+      this._renderSlideFormat(target2, value, format);
     }
   }
-  _renderSlideFormat(target, data, format) {
+  _renderSlideFormat(target2, data, format) {
     const win = window;
     const doRender = () => {
       if (win._photonRenderers?.render) {
-        win._photonRenderers.render(target, data, format);
+        win._photonRenderers.render(target2, data, format);
       } else {
-        target.textContent = typeof data === "object" ? JSON.stringify(data, null, 2) : String(data ?? "");
+        target2.textContent = typeof data === "object" ? JSON.stringify(data, null, 2) : String(data ?? "");
       }
     };
     if (win._photonRenderers) {
@@ -35354,14 +35883,10 @@ ${footerText || pageNum ? `<div class="slide-footer"><span>${footerText || ""}</
   _slidesKeydown(e8, total) {
     if (e8.key === "ArrowRight" || e8.key === " " || e8.key === "PageDown") {
       e8.preventDefault();
-      if (this._slidesCurrentIndex < total - 1) {
-        this._slidesNavigate(this._slidesCurrentIndex + 1, total);
-      }
+      this._slidesNavigate(this._slidesCurrentIndex + 1, total);
     } else if (e8.key === "ArrowLeft" || e8.key === "PageUp") {
       e8.preventDefault();
-      if (this._slidesCurrentIndex > 0) {
-        this._slidesNavigate(this._slidesCurrentIndex - 1, total);
-      }
+      this._slidesNavigate(this._slidesCurrentIndex - 1, total);
     } else if (e8.key === "Home") {
       e8.preventDefault();
       this._slidesNavigate(0, total);
@@ -38767,6 +39292,25 @@ ResultViewer._TIMESTAMP_FIELDS = [
   "_addedAt"
   // ReactiveArray auto-stamp (fallback for creation)
 ];
+// Map slide effect directives to universal motion data-enter values
+ResultViewer._EFFECT_MAP = {
+  "fade-up": "slide-up",
+  "fade-down": "slide-down",
+  "fade-left": "slide-in-left",
+  "fade-right": "slide-in-right",
+  "scale-in": "scale-in",
+  "zoom-in": "scale-up",
+  "flip-up": "flip-in",
+  "drop-in": "drop-in",
+  "fade-in": "fade-in",
+  // Also accept motion names directly
+  "slide-up": "slide-up",
+  "slide-down": "slide-down",
+  "slide-in-left": "slide-in-left",
+  "slide-in-right": "slide-in-right",
+  "scale-up": "scale-up",
+  "flip-in": "flip-in"
+};
 __decorateClass([
   n4({ type: Object })
 ], ResultViewer.prototype, "result", 2);
@@ -42062,8 +42606,8 @@ function defineLazy(object3, key, getter) {
 function objectClone(obj) {
   return Object.create(Object.getPrototypeOf(obj), Object.getOwnPropertyDescriptors(obj));
 }
-function assignProp(target, prop, value) {
-  Object.defineProperty(target, prop, {
+function assignProp(target2, prop, value) {
+  Object.defineProperty(target2, prop, {
     value,
     writable: true,
     enumerable: true,
@@ -42232,35 +42776,35 @@ function normalizeParams(_params) {
   return params;
 }
 function createTransparentProxy(getter) {
-  let target;
+  let target2;
   return new Proxy({}, {
     get(_3, prop, receiver) {
-      target ?? (target = getter());
-      return Reflect.get(target, prop, receiver);
+      target2 ?? (target2 = getter());
+      return Reflect.get(target2, prop, receiver);
     },
     set(_3, prop, value, receiver) {
-      target ?? (target = getter());
-      return Reflect.set(target, prop, value, receiver);
+      target2 ?? (target2 = getter());
+      return Reflect.set(target2, prop, value, receiver);
     },
     has(_3, prop) {
-      target ?? (target = getter());
-      return Reflect.has(target, prop);
+      target2 ?? (target2 = getter());
+      return Reflect.has(target2, prop);
     },
     deleteProperty(_3, prop) {
-      target ?? (target = getter());
-      return Reflect.deleteProperty(target, prop);
+      target2 ?? (target2 = getter());
+      return Reflect.deleteProperty(target2, prop);
     },
     ownKeys(_3) {
-      target ?? (target = getter());
-      return Reflect.ownKeys(target);
+      target2 ?? (target2 = getter());
+      return Reflect.ownKeys(target2);
     },
     getOwnPropertyDescriptor(_3, prop) {
-      target ?? (target = getter());
-      return Reflect.getOwnPropertyDescriptor(target, prop);
+      target2 ?? (target2 = getter());
+      return Reflect.getOwnPropertyDescriptor(target2, prop);
     },
     defineProperty(_3, prop, descriptor) {
-      target ?? (target = getter());
-      return Reflect.defineProperty(target, prop, descriptor);
+      target2 ?? (target2 = getter());
+      return Reflect.defineProperty(target2, prop, descriptor);
     }
   });
 }
@@ -46415,15 +46959,15 @@ function _stringFormat(Class2, format, fnOrRegex, _params = {}) {
 
 // node_modules/zod/v4/core/to-json-schema.js
 function initializeContext(params) {
-  let target = params?.target ?? "draft-2020-12";
-  if (target === "draft-4")
-    target = "draft-04";
-  if (target === "draft-7")
-    target = "draft-07";
+  let target2 = params?.target ?? "draft-2020-12";
+  if (target2 === "draft-4")
+    target2 = "draft-04";
+  if (target2 === "draft-7")
+    target2 = "draft-07";
   return {
     processors: params.processors ?? {},
     metadataRegistry: params?.metadata ?? globalRegistry,
-    target,
+    target: target2,
     unrepresentable: params?.unrepresentable ?? "throw",
     override: params?.override ?? (() => {
     }),
@@ -46758,8 +47302,8 @@ var createToJSONSchemaMethod = (schema, processors = {}) => (params) => {
   return finalize(ctx, schema);
 };
 var createStandardJSONSchemaMethod = (schema, io2, processors = {}) => (params) => {
-  const { libraryOptions, target } = params ?? {};
-  const ctx = initializeContext({ ...libraryOptions ?? {}, target, io: io2, processors });
+  const { libraryOptions, target: target2 } = params ?? {};
+  const ctx = initializeContext({ ...libraryOptions ?? {}, target: target2, io: io2, processors });
   process2(schema, ctx);
   extractDefs(ctx, schema);
   return finalize(ctx, schema);
@@ -47597,7 +48141,7 @@ var ZodType = /* @__PURE__ */ $constructor("ZodType", (inst, def) => {
   inst.default = (def2) => _default(inst, def2);
   inst.prefault = (def2) => prefault(inst, def2);
   inst.catch = (params) => _catch(inst, params);
-  inst.pipe = (target) => pipe(inst, target);
+  inst.pipe = (target2) => pipe(inst, target2);
   inst.readonly = () => readonly(inst);
   inst.describe = (description) => {
     const cl2 = inst.clone();
@@ -50942,8 +51486,8 @@ var ZodType2 = class {
       description
     });
   }
-  pipe(target) {
-    return ZodPipeline.create(this, target);
+  pipe(target2) {
+    return ZodPipeline.create(this, target2);
   }
   readonly() {
     return ZodReadonly2.create(this);
@@ -62482,28 +63026,28 @@ var TextLeaf = class _TextLeaf extends Text {
   get children() {
     return null;
   }
-  lineInner(target, isLine, line, offset) {
+  lineInner(target2, isLine, line, offset) {
     for (let i7 = 0; ; i7++) {
       let string4 = this.text[i7], end = offset + string4.length;
-      if ((isLine ? line : end) >= target)
+      if ((isLine ? line : end) >= target2)
         return new Line(offset, end, line, string4);
       offset = end + 1;
       line++;
     }
   }
-  decompose(from2, to3, target, open) {
+  decompose(from2, to3, target2, open) {
     let text = from2 <= 0 && to3 >= this.length ? this : new _TextLeaf(sliceText(this.text, from2, to3), Math.min(to3, this.length) - Math.max(0, from2));
     if (open & 1) {
-      let prev = target.pop();
+      let prev = target2.pop();
       let joined = appendText(text.text, prev.text.slice(), 0, text.length);
       if (joined.length <= 32) {
-        target.push(new _TextLeaf(joined, prev.length + text.length));
+        target2.push(new _TextLeaf(joined, prev.length + text.length));
       } else {
         let mid = joined.length >> 1;
-        target.push(new _TextLeaf(joined.slice(0, mid)), new _TextLeaf(joined.slice(mid)));
+        target2.push(new _TextLeaf(joined.slice(0, mid)), new _TextLeaf(joined.slice(mid)));
       }
     } else {
-      target.push(text);
+      target2.push(text);
     }
   }
   replace(from2, to3, text) {
@@ -62529,27 +63073,27 @@ var TextLeaf = class _TextLeaf extends Text {
     }
     return result;
   }
-  flatten(target) {
+  flatten(target2) {
     for (let line of this.text)
-      target.push(line);
+      target2.push(line);
   }
   scanIdentical() {
     return 0;
   }
-  static split(text, target) {
+  static split(text, target2) {
     let part = [], len = -1;
     for (let line of text) {
       part.push(line);
       len += line.length + 1;
       if (part.length == 32) {
-        target.push(new _TextLeaf(part, len));
+        target2.push(new _TextLeaf(part, len));
         part = [];
         len = -1;
       }
     }
     if (len > -1)
-      target.push(new _TextLeaf(part, len));
-    return target;
+      target2.push(new _TextLeaf(part, len));
+    return target2;
   }
 };
 var TextNode = class _TextNode extends Text {
@@ -62561,24 +63105,24 @@ var TextNode = class _TextNode extends Text {
     for (let child of children)
       this.lines += child.lines;
   }
-  lineInner(target, isLine, line, offset) {
+  lineInner(target2, isLine, line, offset) {
     for (let i7 = 0; ; i7++) {
       let child = this.children[i7], end = offset + child.length, endLine = line + child.lines - 1;
-      if ((isLine ? endLine : end) >= target)
-        return child.lineInner(target, isLine, line, offset);
+      if ((isLine ? endLine : end) >= target2)
+        return child.lineInner(target2, isLine, line, offset);
       offset = end + 1;
       line = endLine + 1;
     }
   }
-  decompose(from2, to3, target, open) {
+  decompose(from2, to3, target2, open) {
     for (let i7 = 0, pos = 0; pos <= to3 && i7 < this.children.length; i7++) {
       let child = this.children[i7], end = pos + child.length;
       if (from2 <= end && to3 >= pos) {
         let childOpen = open & ((pos <= from2 ? 1 : 0) | (end >= to3 ? 2 : 0));
         if (pos >= from2 && end <= to3 && !childOpen)
-          target.push(child);
+          target2.push(child);
         else
-          child.decompose(from2 - pos, to3 - pos, target, childOpen);
+          child.decompose(from2 - pos, to3 - pos, target2, childOpen);
       }
       pos = end + 1;
     }
@@ -62615,9 +63159,9 @@ var TextNode = class _TextNode extends Text {
     }
     return result;
   }
-  flatten(target) {
+  flatten(target2) {
     for (let child of this.children)
-      child.flatten(target);
+      child.flatten(target2);
   }
   scanIdentical(other, dir) {
     if (!(other instanceof _TextNode))
@@ -62689,7 +63233,7 @@ function textLength(text) {
     length += line.length + 1;
   return length;
 }
-function appendText(text, target, from2 = 0, to3 = 1e9) {
+function appendText(text, target2, from2 = 0, to3 = 1e9) {
   for (let pos = 0, i7 = 0, first = true; i7 < text.length && pos <= to3; i7++) {
     let line = text[i7], end = pos + line.length;
     if (end >= from2) {
@@ -62698,14 +63242,14 @@ function appendText(text, target, from2 = 0, to3 = 1e9) {
       if (pos < from2)
         line = line.slice(from2 - pos);
       if (first) {
-        target[target.length - 1] += line;
+        target2[target2.length - 1] += line;
         first = false;
       } else
-        target.push(line);
+        target2.push(line);
     }
     pos = end + 1;
   }
-  return target;
+  return target2;
 }
 function sliceText(text, from2, to3) {
   return appendText(text, [""], from2, to3);
@@ -65688,16 +66232,16 @@ var StyleModule = class {
     function splitSelector(selector) {
       return /^@/.test(selector) ? [selector] : selector.split(/,\s*/);
     }
-    function render(selectors, spec2, target, isKeyframes) {
+    function render(selectors, spec2, target2, isKeyframes) {
       let local = [], isAt = /^@(\w+)\b/.exec(selectors[0]), keyframes = isAt && isAt[1] == "keyframes";
-      if (isAt && spec2 == null) return target.push(selectors[0] + ";");
+      if (isAt && spec2 == null) return target2.push(selectors[0] + ";");
       for (let prop in spec2) {
         let value = spec2[prop];
         if (/&/.test(prop)) {
           render(
             prop.split(/,\s*/).map((part) => selectors.map((sel) => part.replace(/&/, sel))).reduce((a5, b3) => a5.concat(b3)),
             value,
-            target
+            target2
           );
         } else if (value && typeof value == "object") {
           if (!isAt) throw new RangeError("The value of a property (" + prop + ") should be a primitive value.");
@@ -65707,7 +66251,7 @@ var StyleModule = class {
         }
       }
       if (local.length || keyframes) {
-        target.push((finish && !isAt && !isKeyframes ? selectors.map(finish) : selectors).join(", ") + " {" + local.join(" ") + "}");
+        target2.push((finish && !isAt && !isKeyframes ? selectors.map(finish) : selectors).join(", ") + " {" + local.join(" ") + "}");
       }
     }
     for (let prop in spec) render(splitSelector(prop), spec[prop], this.rules);
@@ -65791,9 +66335,9 @@ var StyleSet = class {
       for (let i7 = 0; i7 < this.modules.length; i7++)
         text += this.modules[i7].getRules() + "\n";
       this.styleTag.textContent = text;
-      let target = root.head || root;
-      if (this.styleTag.parentNode != target)
-        target.insertBefore(this.styleTag, target.firstChild);
+      let target2 = root.head || root;
+      if (this.styleTag.parentNode != target2)
+        target2.insertBefore(this.styleTag, target2.firstChild);
     }
   }
   setNonce(nonce) {
@@ -65967,16 +66511,16 @@ var browser = {
   safari_version: safari ? +(/* @__PURE__ */ /\bVersion\/(\d+(\.\d+)?)/.exec(nav.userAgent) || [0, 0])[1] : 0,
   tabSize: doc.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
 };
-function combineAttrs(source3, target) {
+function combineAttrs(source3, target2) {
   for (let name2 in source3) {
-    if (name2 == "class" && target.class)
-      target.class += " " + source3.class;
-    else if (name2 == "style" && target.style)
-      target.style += ";" + source3.style;
+    if (name2 == "class" && target2.class)
+      target2.class += " " + source3.class;
+    else if (name2 == "style" && target2.style)
+      target2.style += ";" + source3.style;
     else
-      target[name2] = source3[name2];
+      target2[name2] = source3[name2];
   }
-  return target;
+  return target2;
 }
 var noAttrs = /* @__PURE__ */ Object.create(null);
 function attrsEq(a5, b3, ignore) {
@@ -66307,13 +66851,13 @@ var BlockWrapper = class _BlockWrapper extends RangeValue {
 };
 BlockWrapper.prototype.startSide = BlockWrapper.prototype.endSide = -1;
 function getSelection(root) {
-  let target;
+  let target2;
   if (root.nodeType == 11) {
-    target = root.getSelection ? root : root.ownerDocument;
+    target2 = root.getSelection ? root : root.ownerDocument;
   } else {
-    target = root;
+    target2 = root;
   }
-  return target.getSelection();
+  return target2.getSelection();
 }
 function contains(dom, node) {
   return node ? dom == node || dom.contains(node.nodeType != 1 ? node.parentNode : node) : false;
@@ -67674,8 +68218,8 @@ var LineTile = class _LineTile extends CompositeTile {
       }
     }
     scan(this, pos);
-    let target = (side < 0 ? before : after) || before || after;
-    return target ? { tile: target, offset: target == before ? beforeOff : afterOff } : null;
+    let target2 = (side < 0 ? before : after) || before || after;
+    return target2 ? { tile: target2, offset: target2 == before ? beforeOff : afterOff } : null;
   }
   coordsIn(pos, side) {
     let found = this.resolveInline(pos, side, true);
@@ -69047,22 +69591,22 @@ var DocView = class {
       this.dynamicDecorationMap[i7++] = false;
     this.blockWrappers = this.view.state.facet(blockWrappers).map((v2) => typeof v2 == "function" ? v2(this.view) : v2);
   }
-  scrollIntoView(target) {
-    if (target.isSnapshot) {
-      let ref = this.view.viewState.lineBlockAt(target.range.head);
-      this.view.scrollDOM.scrollTop = ref.top - target.yMargin;
-      this.view.scrollDOM.scrollLeft = target.xMargin;
+  scrollIntoView(target2) {
+    if (target2.isSnapshot) {
+      let ref = this.view.viewState.lineBlockAt(target2.range.head);
+      this.view.scrollDOM.scrollTop = ref.top - target2.yMargin;
+      this.view.scrollDOM.scrollLeft = target2.xMargin;
       return;
     }
     for (let handler of this.view.state.facet(scrollHandler)) {
       try {
-        if (handler(this.view, target.range, target))
+        if (handler(this.view, target2.range, target2))
           return true;
       } catch (e8) {
         logException(this.view.state, e8, "scroll handler");
       }
     }
-    let { range } = target;
+    let { range } = target2;
     let rect = this.coordsAt(range.head, range.empty ? range.assoc : range.head > range.anchor ? -1 : 1), other;
     if (!rect)
       return;
@@ -69081,7 +69625,7 @@ var DocView = class {
       bottom: rect.bottom + margins.bottom
     };
     let { offsetWidth, offsetHeight } = this.view.scrollDOM;
-    scrollRectIntoView(this.view.scrollDOM, targetRect, range.head < range.anchor ? -1 : 1, target.x, target.y, Math.max(Math.min(target.xMargin, offsetWidth), -offsetWidth), Math.max(Math.min(target.yMargin, offsetHeight), -offsetHeight), this.view.textDirection == Direction.LTR);
+    scrollRectIntoView(this.view.scrollDOM, targetRect, range.head < range.anchor ? -1 : 1, target2.x, target2.y, Math.max(Math.min(target2.xMargin, offsetWidth), -offsetWidth), Math.max(Math.min(target2.yMargin, offsetHeight), -offsetHeight), this.view.textDirection == Direction.LTR);
     if (window.visualViewport && window.innerHeight - window.visualViewport.height > 1 && (rect.top > window.pageYOffset + window.visualViewport.offsetTop + window.visualViewport.height || rect.bottom < window.pageYOffset + window.visualViewport.offsetTop)) {
       let line = this.view.docView.lineAt(range.head, 1);
       if (line)
@@ -70300,13 +70844,13 @@ function capturePaste(view) {
   let parent = view.dom.parentNode;
   if (!parent)
     return;
-  let target = parent.appendChild(document.createElement("textarea"));
-  target.style.cssText = "position: fixed; left: -10000px; top: 10px";
-  target.focus();
+  let target2 = parent.appendChild(document.createElement("textarea"));
+  target2.style.cssText = "position: fixed; left: -10000px; top: 10px";
+  target2.focus();
   setTimeout(() => {
     view.focus();
-    target.remove();
-    doPaste(view, target.value);
+    target2.remove();
+    doPaste(view, target2.value);
   }, 50);
 }
 function textFilter(state, facet, text) {
@@ -70549,14 +71093,14 @@ function captureCopy(view, text) {
   let parent = view.dom.parentNode;
   if (!parent)
     return;
-  let target = parent.appendChild(document.createElement("textarea"));
-  target.style.cssText = "position: fixed; left: -10000px; top: 10px";
-  target.value = text;
-  target.focus();
-  target.selectionEnd = text.length;
-  target.selectionStart = 0;
+  let target2 = parent.appendChild(document.createElement("textarea"));
+  target2.style.cssText = "position: fixed; left: -10000px; top: 10px";
+  target2.value = text;
+  target2.focus();
+  target2.selectionEnd = text.length;
+  target2.selectionStart = 0;
   setTimeout(() => {
-    target.remove();
+    target2.remove();
     view.focus();
   }, 50);
 }
@@ -71820,13 +72364,13 @@ var ViewState = class {
       let structure = lineStructure(line.from, line.to, this.stateDeco);
       if (structure.total < doubleMargin)
         return;
-      let target = this.scrollTarget ? this.scrollTarget.range.head : null;
+      let target2 = this.scrollTarget ? this.scrollTarget.range.head : null;
       let viewFrom, viewTo;
       if (wrapping) {
         let marginHeight = margin / this.heightOracle.lineLength * this.heightOracle.lineHeight;
         let top2, bot2;
-        if (target != null) {
-          let targetFrac = findFraction(structure, target);
+        if (target2 != null) {
+          let targetFrac = findFraction(structure, target2);
           let spaceFrac = ((this.visibleBottom - this.visibleTop) / 2 + marginHeight) / line.height;
           top2 = targetFrac - spaceFrac;
           bot2 = targetFrac + spaceFrac;
@@ -71847,8 +72391,8 @@ var ViewState = class {
           }
         let pxLeft = this.pixelViewport.left + horizOffset, pxRight = this.pixelViewport.right + horizOffset;
         let left, right;
-        if (target != null) {
-          let targetFrac = findFraction(structure, target);
+        if (target2 != null) {
+          let targetFrac = findFraction(structure, target2);
           let spaceFrac = ((pxRight - pxLeft) / 2 + marginWidth) / totalWidth;
           left = targetFrac - spaceFrac;
           right = targetFrac + spaceFrac;
@@ -76146,11 +76690,11 @@ var SingleGutterView = class {
     this.dom.className = "cm-gutter" + (this.config.class ? " " + this.config.class : "");
     for (let prop in config3.domEventHandlers) {
       this.dom.addEventListener(prop, (event) => {
-        let target = event.target, y5;
-        if (target != this.dom && this.dom.contains(target)) {
-          while (target.parentNode != this.dom)
-            target = target.parentNode;
-          let rect = target.getBoundingClientRect();
+        let target2 = event.target, y5;
+        if (target2 != this.dom && this.dom.contains(target2)) {
+          while (target2.parentNode != this.dom)
+            target2 = target2.parentNode;
+          let rect = target2.getBoundingClientRect();
           y5 = (rect.top + rect.bottom) / 2;
         } else {
           y5 = event.clientY;
@@ -78331,8 +78875,8 @@ var Stack = class _Stack {
       return false;
     if (!parser2.validAction(this.state, reduce)) {
       let depth = reduce >> 19, term = reduce & 65535;
-      let target = this.stack.length - depth * 3;
-      if (target < 0 || parser2.getGoto(this.stack[target], term, false) < 0) {
+      let target2 = this.stack.length - depth * 3;
+      if (target2 < 0 || parser2.getGoto(this.stack[target2], term, false) < 0) {
         let backup = this.findForcedReduction();
         if (backup == null)
           return false;
@@ -78361,8 +78905,8 @@ var Stack = class _Stack {
         else if (action & 65536) {
           let rDepth = (action >> 19) - depth;
           if (rDepth > 1) {
-            let term = action & 65535, target = this.stack.length - rDepth * 3;
-            if (target >= 0 && parser2.getGoto(this.stack[target], term, false) >= 0)
+            let term = action & 65535, target2 = this.stack.length - rDepth * 3;
+            if (target2 >= 0 && parser2.getGoto(this.stack[target2], term, false) >= 0)
               return rDepth << 19 | 65536 | term;
           }
         } else {
@@ -79541,12 +80085,12 @@ var LRParser = class _LRParser extends Parser {
       return -1;
     for (let pos = table[term + 1]; ; ) {
       let groupTag = table[pos++], last = groupTag & 1;
-      let target = table[pos++];
+      let target2 = table[pos++];
       if (last && loose)
-        return target;
+        return target2;
       for (let end = pos + (groupTag >> 1); pos < end; pos++)
         if (table[pos] == state)
-          return target;
+          return target2;
       if (last)
         return -1;
     }
@@ -84525,9 +85069,9 @@ var oneDarkHighlightStyle = /* @__PURE__ */ HighlightStyle.define([
 var oneDark = [oneDarkTheme, /* @__PURE__ */ syntaxHighlighting(oneDarkHighlightStyle)];
 
 // node_modules/@codemirror/commands/dist/index.js
-var toggleComment = (target) => {
-  let { state } = target, line = state.doc.lineAt(state.selection.main.from), config3 = getConfig(target.state, line.from);
-  return config3.line ? toggleLineComment(target) : config3.block ? toggleBlockCommentByLine(target) : false;
+var toggleComment = (target2) => {
+  let { state } = target2, line = state.doc.lineAt(state.selection.main.from), config3 = getConfig(target2.state, line.from);
+  return config3.line ? toggleLineComment(target2) : config3.block ? toggleBlockCommentByLine(target2) : false;
 };
 function command(f5, option) {
   return ({ state, dispatch }) => {
@@ -85089,14 +85633,14 @@ function toMatchingBracket(state, dispatch, extend2) {
   return true;
 }
 var cursorMatchingBracket = ({ state, dispatch }) => toMatchingBracket(state, dispatch, false);
-function extendSel(target, how) {
-  let selection2 = updateSel(target.state.selection, (range) => {
+function extendSel(target2, how) {
+  let selection2 = updateSel(target2.state.selection, (range) => {
     let head = how(range);
     return EditorSelection.range(range.anchor, head.head, head.goalColumn, head.bidiLevel || void 0);
   });
-  if (selection2.eq(target.state.selection))
+  if (selection2.eq(target2.state.selection))
     return false;
-  target.dispatch(setSel(target.state, selection2));
+  target2.dispatch(setSel(target2.state, selection2));
   return true;
 }
 function selectByChar(view, forward) {
@@ -85208,49 +85752,49 @@ var simplifySelection = ({ state, dispatch }) => {
   dispatch(setSel(state, selection2));
   return true;
 };
-function deleteBy(target, by) {
-  if (target.state.readOnly)
+function deleteBy(target2, by) {
+  if (target2.state.readOnly)
     return false;
-  let event = "delete.selection", { state } = target;
+  let event = "delete.selection", { state } = target2;
   let changes = state.changeByRange((range) => {
     let { from: from2, to: to3 } = range;
     if (from2 == to3) {
       let towards = by(range);
       if (towards < from2) {
         event = "delete.backward";
-        towards = skipAtomic(target, towards, false);
+        towards = skipAtomic(target2, towards, false);
       } else if (towards > from2) {
         event = "delete.forward";
-        towards = skipAtomic(target, towards, true);
+        towards = skipAtomic(target2, towards, true);
       }
       from2 = Math.min(from2, towards);
       to3 = Math.max(to3, towards);
     } else {
-      from2 = skipAtomic(target, from2, false);
-      to3 = skipAtomic(target, to3, true);
+      from2 = skipAtomic(target2, from2, false);
+      to3 = skipAtomic(target2, to3, true);
     }
     return from2 == to3 ? { range } : { changes: { from: from2, to: to3 }, range: EditorSelection.cursor(from2, from2 < range.head ? -1 : 1) };
   });
   if (changes.changes.empty)
     return false;
-  target.dispatch(state.update(changes, {
+  target2.dispatch(state.update(changes, {
     scrollIntoView: true,
     userEvent: event,
     effects: event == "delete.selection" ? EditorView.announce.of(state.phrase("Selection deleted")) : void 0
   }));
   return true;
 }
-function skipAtomic(target, pos, forward) {
-  if (target instanceof EditorView)
-    for (let ranges of target.state.facet(EditorView.atomicRanges).map((f5) => f5(target)))
+function skipAtomic(target2, pos, forward) {
+  if (target2 instanceof EditorView)
+    for (let ranges of target2.state.facet(EditorView.atomicRanges).map((f5) => f5(target2)))
       ranges.between(pos, pos, (from2, to3) => {
         if (from2 < pos && to3 > pos)
           pos = forward ? to3 : from2;
       });
   return pos;
 }
-var deleteByChar = (target, forward, byIndentUnit) => deleteBy(target, (range) => {
-  let pos = range.from, { state } = target, line = state.doc.lineAt(pos), before, targetPos;
+var deleteByChar = (target2, forward, byIndentUnit) => deleteBy(target2, (range) => {
+  let pos = range.from, { state } = target2, line = state.doc.lineAt(pos), before, targetPos;
   if (byIndentUnit && !forward && pos > line.from && pos < line.from + 200 && !/[^ \t]/.test(before = line.text.slice(0, pos - line.from))) {
     if (before[before.length - 1] == "	")
       return pos - 1;
@@ -85269,8 +85813,8 @@ var deleteByChar = (target, forward, byIndentUnit) => deleteBy(target, (range) =
 });
 var deleteCharBackward = (view) => deleteByChar(view, false, true);
 var deleteCharForward = (view) => deleteByChar(view, true, false);
-var deleteByGroup = (target, forward) => deleteBy(target, (range) => {
-  let pos = range.head, { state } = target, line = state.doc.lineAt(pos);
+var deleteByGroup = (target2, forward) => deleteBy(target2, (range) => {
+  let pos = range.head, { state } = target2, line = state.doc.lineAt(pos);
   let categorize = state.charCategorizer(pos);
   for (let cat = null; ; ) {
     if (pos == (forward ? line.to : line.from)) {
@@ -85289,8 +85833,8 @@ var deleteByGroup = (target, forward) => deleteBy(target, (range) => {
   }
   return pos;
 });
-var deleteGroupBackward = (target) => deleteByGroup(target, false);
-var deleteGroupForward = (target) => deleteByGroup(target, true);
+var deleteGroupBackward = (target2) => deleteByGroup(target2, false);
+var deleteGroupForward = (target2) => deleteByGroup(target2, true);
 var deleteToLineEnd = (view) => deleteBy(view, (range) => {
   let lineEnd = view.lineBlockAt(range.head).to;
   return range.head < lineEnd ? lineEnd : Math.min(view.state.doc.length, range.head + 1);
@@ -94176,15 +94720,15 @@ var ForkDialog = class extends i4 {
     `;
   }
   _confirm() {
-    let target;
+    let target2;
     if (this._selectedTarget === "create") {
-      target = `create:${this._newRepoName.trim()}`;
+      target2 = `create:${this._newRepoName.trim()}`;
     } else {
-      target = this._selectedTarget;
+      target2 = this._selectedTarget;
     }
     this.dispatchEvent(
       new CustomEvent("fork-confirm", {
-        detail: { target },
+        detail: { target: target2 },
         bubbles: true,
         composed: true
       })