@pixerate/editor 0.202.0 → 0.204.0

package/dist/image-editor/index.cjs

@@ -10071,6 +10071,46 @@ var ImageEditorController = (_class13 = class {
     this.setSelection(sel, "replace");
     return _nullishCoalesce(this.state.selection, () => ( null));
   }
+  /**
+   * Asks the segmentation provider (which must be set) for `request.target` in the flattened image
+   * and returns its results with masks decoded to pixels.
+   */
+  async modelSegments(request) {
+    const provider = this.segmentation;
+    const { width, height } = this.naturalSize;
+    const image = await this.toDataURL({ format: "image/png" });
+    const results = await provider.segment({ ...request, image, width, height });
+    _optionalChain([request, 'access', _329 => _329.signal, 'optionalAccess', _330 => _330.throwIfAborted, 'call', _331 => _331()]);
+    const decoded = [];
+    for (const r of _nullishCoalesce(results, () => ( []))) decoded.push({ ...r, mask: r.mask !== void 0 ? await this.decodeMaskImage(r.mask) : void 0 });
+    return decoded;
+  }
+  /**
+   * The model's object for Object Selection: of what it returns, the pieces mostly inside the box
+   * (clipped to the box grown by a tenth) or those under the point. `null` when none fits.
+   */
+  async modelObject(target, signal) {
+    const { width, height } = this.naturalSize;
+    const decoded = await this.modelSegments(
+      "rect" in target ? { target: "the main object inside the box", box: target.rect, maxSegments: 4, signal } : { target: "the object at the point", point: target.point, maxSegments: 4, signal }
+    );
+    let union = null;
+    for (const r of decoded) {
+      const one = segmentsToSelection(width, height, [r]);
+      if (!_optionalChain([one, 'optionalAccess', _332 => _332.bounds])) continue;
+      if ("rect" in target) {
+        const r0 = target.rect;
+        const grow = 0.1 * Math.max(r0.width, r0.height);
+        const box = rectSelection(width, height, { x: r0.x - grow, y: r0.y - grow, width: r0.width + 2 * grow, height: r0.height + 2 * grow }, { antiAlias: false });
+        const inside = _chunkUYXL6ZWQcjs.combineSelections.call(void 0, one, box, "intersect");
+        if (!inside || _chunkUYXL6ZWQcjs.selectionArea.call(void 0, inside) < _chunkUYXL6ZWQcjs.selectionArea.call(void 0, one) * 0.5) continue;
+        union = _chunkUYXL6ZWQcjs.combineSelections.call(void 0, union, inside, "add");
+      } else if (_chunkUYXL6ZWQcjs.selectionValueAt.call(void 0, one, target.point.x, target.point.y) >= 0.5) {
+        union = _chunkUYXL6ZWQcjs.combineSelections.call(void 0, union, one, "add");
+      }
+    }
+    return union;
+  }
   /**
    * Object Selection: the object inside `target.rect` (natural pixels; what is outside the box is
    * background) or under `target.point`, found by GrabCut (colour models of object and background
@@ -10088,10 +10128,17 @@ var ImageEditorController = (_class13 = class {
     } else if (!(target.point.x >= 0 && target.point.y >= 0 && target.point.x < width && target.point.y < height)) {
       throw new Error(`(${target.point.x}, ${target.point.y}) is outside the image (0..${width - 1}, 0..${height - 1}); click on the object.`);
     }
+    if (this.segmentation && options.useModel !== false) {
+      const found = await this.modelObject(target, options.signal);
+      if (found) {
+        this.setSelection(found, _nullishCoalesce(options.mode, () => ( "replace")));
+        return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "model" };
+      }
+    }
     const pixels = await this.requirePixels({ sample: options.sampleAllLayers === false ? "active-layer" : "composite" });
     const region = selectObjectIn(pixels, target, { enhanceEdge: options.enhanceEdge });
     this.setSelection(region, _nullishCoalesce(options.mode, () => ( "replace")));
-    return _nullishCoalesce(this.state.selection, () => ( null));
+    return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "grabcut" };
   }
   /**
    * Select › Focus Area: selects the parts of the image that are in focus (fine detail above the
@@ -10111,11 +10158,18 @@ var ImageEditorController = (_class13 = class {
    * (the selection is then unchanged), why.
    */
   async selectSky(options = {}) {
+    if (this.segmentation && options.useModel !== false) {
+      const { width, height } = this.naturalSize;
+      const sky = segmentsToSelection(width, height, await this.modelSegments({ target: "the sky", signal: options.signal }));
+      if (!_optionalChain([sky, 'optionalAccess', _333 => _333.bounds])) return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "model", note: "The segmentation model found no sky." };
+      this.setSelection(sky, _nullishCoalesce(options.mode, () => ( "replace")));
+      return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "model" };
+    }
     const pixels = await this.requirePixels({ sample: options.sampleAllLayers === false ? "active-layer" : "composite" });
     const { selection, reason } = findSky(pixels, options);
-    if (!selection.bounds) return { selection: _nullishCoalesce(this.state.selection, () => ( null)), note: reason };
+    if (!selection.bounds) return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "classical", note: reason };
     this.setSelection(selection, _nullishCoalesce(options.mode, () => ( "replace")));
-    return { selection: _nullishCoalesce(this.state.selection, () => ( null)) };
+    return { selection: _nullishCoalesce(this.state.selection, () => ( null)), method: "classical" };
   }
   /**
    * Supplies the pixels the selection tools sample (natural size RGBA), e.g. decoded in a worker
@@ -10138,7 +10192,7 @@ var ImageEditorController = (_class13 = class {
       try {
         const canvas = await this.renderSource();
         const ctx = canvas.getContext("2d");
-        const data2 = _optionalChain([ctx, 'optionalAccess', _329 => _329.getImageData, 'optionalCall', _330 => _330(0, 0, width, height)]);
+        const data2 = _optionalChain([ctx, 'optionalAccess', _334 => _334.getImageData, 'optionalCall', _335 => _335(0, 0, width, height)]);
         if (data2 && data2.data && data2.data.length >= width * height * 4) {
           base = { width, height, data: data2.data };
           this.samplePixels = base;
@@ -10213,7 +10267,7 @@ var ImageEditorController = (_class13 = class {
   /** Select › Modify: grow, shrink, feather, border or smooth by `radius` pixels (one undo step). */
   modifySelection(op, radius) {
     const sel = this.state.selection;
-    if (!_optionalChain([sel, 'optionalAccess', _331 => _331.bounds])) return false;
+    if (!_optionalChain([sel, 'optionalAccess', _336 => _336.bounds])) return false;
     return this.setSelection(_chunkUYXL6ZWQcjs.modifySelection.call(void 0, sel, op, radius));
   }
   /**
@@ -10222,7 +10276,7 @@ var ImageEditorController = (_class13 = class {
    */
   async refineSelection(params, options = {}) {
     const sel = this.state.selection;
-    if (!_optionalChain([sel, 'optionalAccess', _332 => _332.bounds])) return false;
+    if (!_optionalChain([sel, 'optionalAccess', _337 => _337.bounds])) return false;
     const pixels = (_nullishCoalesce(params.radius, () => ( 0))) > 0 ? await this.requirePixels(options) : null;
     return this.setSelection(refineSelection(pixels, sel, params));
   }
@@ -10253,7 +10307,7 @@ var ImageEditorController = (_class13 = class {
     let mask;
     if (source === "selection") {
       const sel = this.state.selection;
-      if (!_optionalChain([sel, 'optionalAccess', _333 => _333.bounds])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Nothing is selected; select first, or export a channel or a layer mask.");
+      if (!_optionalChain([sel, 'optionalAccess', _338 => _338.bounds])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Nothing is selected; select first, or export a channel or a layer mask.");
       mask = sel;
     } else if ("channelId" in source) {
       mask = this.requireChannel(source.channelId).mask;
@@ -10277,7 +10331,7 @@ var ImageEditorController = (_class13 = class {
     const canvas = this.renderer.createCanvas(w, h);
     const ctx = canvas.getContext("2d");
     if (ctx) ctx.drawImage(img, 0, 0, w, h);
-    const data = _optionalChain([ctx, 'optionalAccess', _334 => _334.getImageData, 'optionalCall', _335 => _335(0, 0, w, h)]);
+    const data = _optionalChain([ctx, 'optionalAccess', _339 => _339.getImageData, 'optionalCall', _340 => _340(0, 0, w, h)]);
     if (!data) throw new Error("The mask image pixels are not available (no canvas access); pass pixels.");
     return { width: w, height: h, data: data.data };
   }
@@ -10293,7 +10347,7 @@ var ImageEditorController = (_class13 = class {
     const provider = this.segmentation;
     if (!provider) {
       const pixels = await this.requirePixels({});
-      _optionalChain([options, 'access', _336 => _336.signal, 'optionalAccess', _337 => _337.throwIfAborted, 'call', _338 => _338()]);
+      _optionalChain([options, 'access', _341 => _341.signal, 'optionalAccess', _342 => _342.throwIfAborted, 'call', _343 => _343()]);
       const { selection, reason } = findSubject(pixels, { enhanceEdge: options.enhanceEdge });
       if (selection.bounds) this.shapeCommand(selection, options);
       const unused = target.trim() ? ` "${target.trim()}" was not used to choose it.` : "";
@@ -10306,26 +10360,20 @@ var ImageEditorController = (_class13 = class {
     const description = target.trim();
     if (!description) throw new Error("Describe the subject to select.");
     const { width, height } = this.naturalSize;
-    const image = await this.toDataURL({ format: "image/png" });
-    const results = await provider.segment({ image, width, height, target: description, maxSegments: options.maxSegments, signal: options.signal });
-    _optionalChain([options, 'access', _339 => _339.signal, 'optionalAccess', _340 => _340.throwIfAborted, 'call', _341 => _341()]);
-    const decoded = [];
-    for (const r of _nullishCoalesce(results, () => ( []))) {
-      decoded.push({ ...r, mask: r.mask !== void 0 ? await this.decodeMaskImage(r.mask) : void 0 });
-    }
+    const decoded = await this.modelSegments({ target: description, maxSegments: options.maxSegments, signal: options.signal });
     const segments = decoded.map((r) => {
       const one = segmentsToSelection(width, height, [r]);
-      return { label: r.label || description, bounds: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _342 => _342.bounds]), () => ( null)), ...r.score !== void 0 ? { score: r.score } : {} };
+      return { label: r.label || description, bounds: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _344 => _344.bounds]), () => ( null)), ...r.score !== void 0 ? { score: r.score } : {} };
     });
     const mask = segmentsToSelection(width, height, decoded);
     if (mask && options.beforeApply) {
       const outlines = decoded.flatMap((r, i) => {
         const rings = segmentationOutlines(r);
-        const b = _optionalChain([segments, 'access', _343 => _343[i], 'optionalAccess', _344 => _344.bounds]);
+        const b = _optionalChain([segments, 'access', _345 => _345[i], 'optionalAccess', _346 => _346.bounds]);
         return rings.length ? rings : b ? [[{ x: b.x, y: b.y }, { x: b.x + b.width, y: b.y }, { x: b.x + b.width, y: b.y + b.height }, { x: b.x, y: b.y + b.height }]] : [];
       });
       await options.beforeApply(outlines);
-      _optionalChain([options, 'access', _345 => _345.signal, 'optionalAccess', _346 => _346.throwIfAborted, 'call', _347 => _347()]);
+      _optionalChain([options, 'access', _347 => _347.signal, 'optionalAccess', _348 => _348.throwIfAborted, 'call', _349 => _349()]);
     }
     if (mask) this.shapeCommand(mask, options);
     return { segments: segments.filter((s) => s.bounds), method: "model" };
@@ -10358,7 +10406,7 @@ var ImageEditorController = (_class13 = class {
     const view = this.state.maskView;
     if (!view) return null;
     const layer = this.getLayer(view.layerId);
-    return _optionalChain([layer, 'optionalAccess', _348 => _348.mask]) && !layer.mask.source ? view : null;
+    return _optionalChain([layer, 'optionalAccess', _350 => _350.mask]) && !layer.mask.source ? view : null;
   }
   /**
    * Shows a layer's mask on the canvas: `gray` alone in grey (Alt-click the mask thumbnail),
@@ -10381,7 +10429,7 @@ var ImageEditorController = (_class13 = class {
     if (!layer.mask) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)(`Layer "${layer.name || id}" has no mask to show; add one with add_layer_mask.`);
     if (layer.mask.source) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)(`Layer "${layer.name || id}" has a depth mask, which is computed, not painted, so it has no mask view.`);
     const cur = this.state.maskView;
-    if (_optionalChain([cur, 'optionalAccess', _349 => _349.layerId]) !== id || cur.mode !== mode) {
+    if (_optionalChain([cur, 'optionalAccess', _351 => _351.layerId]) !== id || cur.mode !== mode) {
       this.state.maskView = { layerId: id, mode };
       this.notify();
     }
@@ -10393,7 +10441,7 @@ var ImageEditorController = (_class13 = class {
     return _nullishCoalesce(this.state.channels, () => ( []));
   }
   getChannel(id) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _350 => _350.state, 'access', _351 => _351.channels, 'optionalAccess', _352 => _352.find, 'call', _353 => _353((c) => c.id === id)]), () => ( null));
+    return _nullishCoalesce(_optionalChain([this, 'access', _352 => _352.state, 'access', _353 => _353.channels, 'optionalAccess', _354 => _354.find, 'call', _355 => _355((c) => c.id === id)]), () => ( null));
   }
   requireChannel(id) {
     const channel = this.getChannel(id);
@@ -10422,14 +10470,14 @@ var ImageEditorController = (_class13 = class {
    */
   saveSelection(options = {}) {
     const sel = this.state.selection;
-    if (!_optionalChain([sel, 'optionalAccess', _354 => _354.bounds])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Nothing is selected; select first, then save the selection to a channel.");
+    if (!_optionalChain([sel, 'optionalAccess', _356 => _356.bounds])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Nothing is selected; select first, then save the selection to a channel.");
     const { width, height } = this.naturalSize;
     const sized = sel.width === width && sel.height === height ? sel : _chunkUYXL6ZWQcjs.resizeSelection.call(void 0, sel, width, height);
     const channels = [...this.getChannels()];
     if (options.channelId !== void 0) {
       const existing = this.requireChannel(options.channelId);
       const mask = _nullishCoalesce(_chunkUYXL6ZWQcjs.combineSelections.call(void 0, existing.mask.bounds ? existing.mask : null, sized, _nullishCoalesce(options.mode, () => ( "replace"))), () => ( _chunkUYXL6ZWQcjs.createSelectionMask.call(void 0, width, height)));
-      const next = { ...existing, mask, ..._optionalChain([options, 'access', _355 => _355.name, 'optionalAccess', _356 => _356.trim, 'call', _357 => _357()]) ? { name: options.name.trim() } : {} };
+      const next = { ...existing, mask, ..._optionalChain([options, 'access', _357 => _357.name, 'optionalAccess', _358 => _358.trim, 'call', _359 => _359()]) ? { name: options.name.trim() } : {} };
       this.setChannels(channels.map((c) => c.id === existing.id ? next : c));
       return next;
     }
@@ -10440,7 +10488,7 @@ var ImageEditorController = (_class13 = class {
     const channels = this.getChannels();
     const channel = {
       id: this.newChannelId(),
-      name: _optionalChain([name, 'optionalAccess', _358 => _358.trim, 'call', _359 => _359()]) || `Alpha ${channels.length + 1}`,
+      name: _optionalChain([name, 'optionalAccess', _360 => _360.trim, 'call', _361 => _361()]) || `Alpha ${channels.length + 1}`,
       mask,
       color: DEFAULT_CHANNEL_COLOR,
       opacity: 0.5,
@@ -10485,7 +10533,7 @@ var ImageEditorController = (_class13 = class {
   /** Duplicates an alpha channel just after it (one undo step). Returns the copy. */
   duplicateChannel(id, name) {
     const channel = this.requireChannel(id);
-    const copy = { ...channel, id: this.newChannelId(), name: _optionalChain([name, 'optionalAccess', _360 => _360.trim, 'call', _361 => _361()]) || `${channel.name} copy` };
+    const copy = { ...channel, id: this.newChannelId(), name: _optionalChain([name, 'optionalAccess', _362 => _362.trim, 'call', _363 => _363()]) || `${channel.name} copy` };
     const channels = [...this.getChannels()];
     channels.splice(channels.findIndex((c) => c.id === id) + 1, 0, copy);
     this.setChannels(channels);
@@ -10516,7 +10564,7 @@ var ImageEditorController = (_class13 = class {
   quickMaskSurface() {
     const { width, height } = this.naturalSize;
     const sel = this.state.selection;
-    if (!_optionalChain([sel, 'optionalAccess', _362 => _362.bounds])) return _chunkCWM3CUUXcjs.emptySurface.call(void 0, 1, 0);
+    if (!_optionalChain([sel, 'optionalAccess', _364 => _364.bounds])) return _chunkCWM3CUUXcjs.emptySurface.call(void 0, 1, 0);
     return (sel.width === width && sel.height === height ? sel : _chunkUYXL6ZWQcjs.resizeSelection.call(void 0, sel, width, height)).surface;
   }
   /** The selection a painted Quick Mask surface stands for (it shares the surface's tiles). */
@@ -10537,7 +10585,7 @@ var ImageEditorController = (_class13 = class {
    */
   applySelectionAsLayerMask(layerId, props = {}) {
     const sel = this.state.selection;
-    if (!_optionalChain([sel, 'optionalAccess', _363 => _363.bounds]) || !this.getAdjustmentLayer(layerId)) return false;
+    if (!_optionalChain([sel, 'optionalAccess', _365 => _365.bounds]) || !this.getAdjustmentLayer(layerId)) return false;
     return this.setLayerMask(layerId, this.maskFromSelection(sel, props));
   }
   setLayerMask(layerId, mask, commitToHistory = true) {
@@ -10577,7 +10625,7 @@ var ImageEditorController = (_class13 = class {
   /** A layer's painted mask over the canvas as a selection mask; null without one (or for a depth mask). */
   layerMaskCoverage(layerId) {
     const layer = this.getLayer(layerId);
-    if (!_optionalChain([layer, 'optionalAccess', _364 => _364.mask]) || layer.mask.source) return null;
+    if (!_optionalChain([layer, 'optionalAccess', _366 => _366.mask]) || layer.mask.source) return null;
     const { width, height } = this.naturalSize;
     const ox = layer.type === "pixel" ? layer.offset.x : 0;
     const oy = layer.type === "pixel" ? layer.offset.y : 0;
@@ -10612,7 +10660,7 @@ var ImageEditorController = (_class13 = class {
       this.state.layers = _chunkHGTDMKNEcjs.mapLayer.call(void 0, this.state.layers, target.id, (l) => {
         const next = { ...l };
         if (_chunkUYXL6ZWQcjs.isDefaultDepthMask.call(void 0, merged)) {
-          if (_optionalChain([next, 'access', _365 => _365.mask, 'optionalAccess', _366 => _366.source])) delete next.mask;
+          if (_optionalChain([next, 'access', _367 => _367.mask, 'optionalAccess', _368 => _368.source])) delete next.mask;
         } else next.mask = _chunkUYXL6ZWQcjs.depthRasterMask.call(void 0, merged);
         return next;
       });
@@ -10622,7 +10670,7 @@ var ImageEditorController = (_class13 = class {
   resetDepthMask() {
     this.recordHistory();
     const target = this.developLayer();
-    if (_optionalChain([target, 'optionalAccess', _367 => _367.mask, 'optionalAccess', _368 => _368.source])) {
+    if (_optionalChain([target, 'optionalAccess', _369 => _369.mask, 'optionalAccess', _370 => _370.source])) {
       this.state.layers = _chunkHGTDMKNEcjs.mapLayer.call(void 0, this.state.layers, target.id, (l) => {
         const next = { ...l };
         delete next.mask;
@@ -10634,7 +10682,7 @@ var ImageEditorController = (_class13 = class {
   // --- Annotations & Layers ---
   /** The layer showing annotation `id`: an annotation layer, or a shape layer migrated from it. */
   annotationLayer(id) {
-    return _chunkHGTDMKNEcjs.flattenLayers.call(void 0, this.state.layers).find((l) => (l.type === "annotation" || l.type === "shape" || l.type === "type") && _optionalChain([_chunkUYXL6ZWQcjs.annotationOfLayer.call(void 0, l), 'optionalAccess', _369 => _369.id]) === id);
+    return _chunkHGTDMKNEcjs.flattenLayers.call(void 0, this.state.layers).find((l) => (l.type === "annotation" || l.type === "shape" || l.type === "type") && _optionalChain([_chunkUYXL6ZWQcjs.annotationOfLayer.call(void 0, l), 'optionalAccess', _371 => _371.id]) === id);
   }
   /** What migrating an annotation needs: the canvas size, patterns and the text shaper. */
   annotationEnv() {
@@ -10652,7 +10700,7 @@ var ImageEditorController = (_class13 = class {
     const fullAnnotation = { ...annotation, id };
     const layer = _chunkUYXL6ZWQcjs.annotationLayerFor.call(void 0, fullAnnotation, this.annotationEnv());
     const loc = placement.aboveId ? _chunkHGTDMKNEcjs.findLayer.call(void 0, this.state.layers, placement.aboveId) : null;
-    this.state.layers = loc ? _chunkHGTDMKNEcjs.insertLayer.call(void 0, this.state.layers, layer, _nullishCoalesce(_optionalChain([loc, 'access', _370 => _370.parent, 'optionalAccess', _371 => _371.id]), () => ( null)), loc.index + 1) : _chunkHGTDMKNEcjs.insertLayer.call(void 0, this.state.layers, layer, null);
+    this.state.layers = loc ? _chunkHGTDMKNEcjs.insertLayer.call(void 0, this.state.layers, layer, _nullishCoalesce(_optionalChain([loc, 'access', _372 => _372.parent, 'optionalAccess', _373 => _373.id]), () => ( null)), loc.index + 1) : _chunkHGTDMKNEcjs.insertLayer.call(void 0, this.state.layers, layer, null);
     this.state.selectedAnnotationId = id;
     this.notify();
     return id;
@@ -10775,7 +10823,7 @@ var ImageEditorController = (_class13 = class {
       await this.renderer.renderToCanvas(targetCanvas, source, this.state, {
         ...options,
         // The clone source follows the brush cursor (both editors pass it).
-        cloneSourceMarker: _optionalChain([options, 'optionalAccess', _372 => _372.cloneSourceMarker]) !== void 0 ? options.cloneSourceMarker : _optionalChain([options, 'optionalAccess', _373 => _373.brushCursor]) ? this.cloneSourceMarker(options.brushCursor) : null,
+        cloneSourceMarker: _optionalChain([options, 'optionalAccess', _374 => _374.cloneSourceMarker]) !== void 0 ? options.cloneSourceMarker : _optionalChain([options, 'optionalAccess', _375 => _375.brushCursor]) ? this.cloneSourceMarker(options.brushCursor) : null,
         dirty: dirty === "all" ? void 0 : dirty,
         checkpointLayerId: this.state.activeLayerId
       });
@@ -10788,7 +10836,7 @@ var ImageEditorController = (_class13 = class {
       return this.renderer.createCanvas(1, 1);
     }
     this.syncViews();
-    if (_optionalChain([options, 'optionalAccess', _374 => _374.layerIds])) {
+    if (_optionalChain([options, 'optionalAccess', _376 => _376.layerIds])) {
       const keep = new Set(options.layerIds);
       const layers = _chunkHGTDMKNEcjs.flattenLayers.call(void 0, this.state.layers).filter((l) => keep.has(l.id));
       return this.renderer.renderExport(source, { ...this.state, layers }, options);
@@ -10942,7 +10990,7 @@ var ImageEditorController = (_class13 = class {
     let px2 = await this.decodeImage(newDataUrl);
     if (px2.width !== width || px2.height !== height) px2 = resizePixels(px2, width, height);
     const data = new Uint8ClampedArray(px2.data);
-    const sel = _optionalChain([this, 'access', _375 => _375.state, 'access', _376 => _376.selection, 'optionalAccess', _377 => _377.bounds]) ? this.state.selection : null;
+    const sel = _optionalChain([this, 'access', _377 => _377.state, 'access', _378 => _378.selection, 'optionalAccess', _379 => _379.bounds]) ? this.state.selection : null;
     if (sel) for (let p = 0, i = 3; p < width * height; p++, i += 4) data[i] = Math.round(data[i] * sel.data[p] / 255);
     return this.addPixelLayer({ name: "Inpaint", pixels: { width, height, data } });
   }
@@ -10989,7 +11037,7 @@ var ImageEditorController = (_class13 = class {
   }
   /** Font families the shaper offers (generic families at least). */
   listFonts() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _378 => _378.getTextShaper, 'call', _379 => _379(), 'optionalAccess', _380 => _380.families, 'optionalCall', _381 => _381()]), () => ( ["sans-serif", "serif", "monospace"]));
+    return _nullishCoalesce(_optionalChain([this, 'access', _380 => _380.getTextShaper, 'call', _381 => _381(), 'optionalAccess', _382 => _382.families, 'optionalCall', _383 => _383()]), () => ( ["sans-serif", "serif", "monospace"]));
   }
   typeInfo(id) {
     const layer = _chunkUYXL6ZWQcjs.requireTypeLayer.call(void 0, this.state.layers, id);
@@ -11063,8 +11111,8 @@ var ImageEditorController = (_class13 = class {
     const layer = this.layoutTypeLayer({ ...init, text, orientation: vertical ? "vertical" : "horizontal" });
     const { width, height } = this.naturalSize;
     const b = _chunkCWM3CUUXcjs.contentBounds.call(void 0, layer.surface);
-    const x0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _382 => _382.x]), () => ( 0)));
-    const y0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _383 => _383.y]), () => ( 0)));
+    const x0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _384 => _384.x]), () => ( 0)));
+    const y0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _385 => _385.y]), () => ( 0)));
     const x1 = Math.min(width, b ? b.x + b.width : 0);
     const y1 = Math.min(height, b ? b.y + b.height : 0);
     let mask;
@@ -11241,7 +11289,7 @@ var ImageEditorController = (_class13 = class {
     if (colors.size > 1) warnings.push("The text had several colours; the shape takes the first one.");
     const missing = _chunkBRKVNXDZcjs.layoutText.call(void 0, layer, shaper).missingFonts;
     if (missing.length) warnings.push(`Missing fonts were drawn with a fallback: ${missing.join(", ")}.`);
-    const first = _nullishCoalesce(_optionalChain([layer, 'access', _384 => _384.runs, 'access', _385 => _385.find, 'call', _386 => _386((r) => r.length > 0), 'optionalAccess', _387 => _387.style]), () => ( _chunkBRKVNXDZcjs.DEFAULT_TEXT_STYLE));
+    const first = _nullishCoalesce(_optionalChain([layer, 'access', _386 => _386.runs, 'access', _387 => _387.find, 'call', _388 => _388((r) => r.length > 0), 'optionalAccess', _389 => _389.style]), () => ( _chunkBRKVNXDZcjs.DEFAULT_TEXT_STYLE));
     const fill = first.opacity !== void 0 && first.opacity !== 1 ? { type: "color", color: first.color, opacity: first.opacity } : { type: "color", color: first.color };
     const shape = _chunkUYXL6ZWQcjs.createShapeLayer.call(void 0, { components: [{ op: "combine", subpaths }], fill, stroke: null, name: layer.name }, this.shapeEnv(), layer.id);
     const keep = { visible: layer.visible, opacity: layer.opacity, blend: layer.blend };
@@ -11274,7 +11322,7 @@ var ImageEditorController = (_class13 = class {
   // --- Shape layers ---
   /** What shape rendering needs: the canvas size and the document's patterns. */
   shapeEnv() {
-    return { ...this.naturalSize, pattern: (id) => _nullishCoalesce(_optionalChain([this, 'access', _388 => _388.state, 'access', _389 => _389.patterns, 'optionalAccess', _390 => _390.find, 'call', _391 => _391((p) => p.id === id)]), () => ( null)) };
+    return { ...this.naturalSize, pattern: (id) => _nullishCoalesce(_optionalChain([this, 'access', _390 => _390.state, 'access', _391 => _391.patterns, 'optionalAccess', _392 => _392.find, 'call', _393 => _393((p) => p.id === id)]), () => ( null)) };
   }
   /** One component from tool or UI input (validated). */
   componentFrom(spec, path) {
@@ -11317,9 +11365,9 @@ var ImageEditorController = (_class13 = class {
    * open path) and stroked with `stroke`. Goes above the active layer unless placed. Returns its id.
    */
   addShapeLayer(init) {
-    const specs = _optionalChain([init, 'access', _392 => _392.components, 'optionalAccess', _393 => _393.length]) ? init.components : [init];
-    if (_optionalChain([init, 'access', _394 => _394.components, 'optionalAccess', _395 => _395.length]) && (init.shape !== void 0 || init.subpaths !== void 0)) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Give components, or shape / subpaths, not both.");
-    const components = specs.map((c, i) => this.componentFrom(c, _optionalChain([init, 'access', _396 => _396.components, 'optionalAccess', _397 => _397.length]) ? `components[${i}].` : ""));
+    const specs = _optionalChain([init, 'access', _394 => _394.components, 'optionalAccess', _395 => _395.length]) ? init.components : [init];
+    if (_optionalChain([init, 'access', _396 => _396.components, 'optionalAccess', _397 => _397.length]) && (init.shape !== void 0 || init.subpaths !== void 0)) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)("Give components, or shape / subpaths, not both.");
+    const components = specs.map((c, i) => this.componentFrom(c, _optionalChain([init, 'access', _398 => _398.components, 'optionalAccess', _399 => _399.length]) ? `components[${i}].` : ""));
     const stroke = init.stroke ? _chunkUYXL6ZWQcjs.normalizeShapeStroke.call(void 0, init.stroke, "stroke") : null;
     const openOnly = components.every((c) => !c.live && c.subpaths.every((sp) => !sp.closed));
     const fill = init.fill === void 0 ? stroke && openOnly ? null : _chunkUYXL6ZWQcjs.normalizeShapePaint.call(void 0, this.state.paint.foreground, "fill") : init.fill === null ? null : _chunkUYXL6ZWQcjs.normalizeShapePaint.call(void 0, init.fill, "fill");
@@ -11430,7 +11478,7 @@ var ImageEditorController = (_class13 = class {
       if (layer.locks) next.locks = layer.locks;
       if (this.state.selectedAnnotationId === layer.annotation.id) this.state.selectedAnnotationId = null;
     } else if (layer.type === "pixel") {
-      if (!_optionalChain([layer, 'access', _398 => _398.filters, 'optionalAccess', _399 => _399.length])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)(`Layer "${layer.name || id}" is already pixels with no filters to bake.`);
+      if (!_optionalChain([layer, 'access', _400 => _400.filters, 'optionalAccess', _401 => _401.length])) throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)(`Layer "${layer.name || id}" is already pixels with no filters to bake.`);
       _chunkUYXL6ZWQcjs.requireUnlocked.call(void 0, layer, "pixels", "rasterize it");
       const spatial = layer.filters.some((f) => f.enabled && f.kind === "blur");
       const content = { ...layer, visible: true, opacity: 1, blend: "normal" };
@@ -11449,7 +11497,7 @@ var ImageEditorController = (_class13 = class {
       return this.rasterizeSmartObject(id);
     } else if (layer.type === "shape" || layer.type === "type") {
       next = layer.type === "shape" ? _chunkUYXL6ZWQcjs.shapeAsPixelLayer.call(void 0, layer) : _chunkUYXL6ZWQcjs.typeAsPixelLayer.call(void 0, layer);
-      if (this.state.selectedAnnotationId && this.state.selectedAnnotationId === _optionalChain([layer, 'access', _400 => _400.annotation, 'optionalAccess', _401 => _401.id])) this.state.selectedAnnotationId = null;
+      if (this.state.selectedAnnotationId && this.state.selectedAnnotationId === _optionalChain([layer, 'access', _402 => _402.annotation, 'optionalAccess', _403 => _403.id])) this.state.selectedAnnotationId = null;
     } else {
       throw new (0, _chunkUYXL6ZWQcjs.LayerOperationError)(`Only shape, type and annotation layers, smart objects and pixel layers with filters rasterize; "${layer.name || id}" is a ${layer.type} layer. Merge it down or flatten instead.`);
     }
@@ -11463,8 +11511,8 @@ var ImageEditorController = (_class13 = class {
     const doc = this.state.colorProfile;
     const p = resolveProfile(doc);
     const m = this.state.colorMode;
-    const out = { name: _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _402 => _402.name]), () => ( p.description)), builtin: doc ? _nullishCoalesce(doc.builtin, () => ( null)) : "srgb", colorSpace: p.colorSpace, srgb: isSrgb(doc), mode: _nullishCoalesce(_optionalChain([m, 'optionalAccess', _403 => _403.mode]), () => ( "rgb")) };
-    if (_optionalChain([m, 'optionalAccess', _404 => _404.mode]) === "cmyk") out.cmykProfile = { name: m.profile.name, builtin: _nullishCoalesce(m.profile.builtin, () => ( null)), intent: m.intent };
+    const out = { name: _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _404 => _404.name]), () => ( p.description)), builtin: doc ? _nullishCoalesce(doc.builtin, () => ( null)) : "srgb", colorSpace: p.colorSpace, srgb: isSrgb(doc), mode: _nullishCoalesce(_optionalChain([m, 'optionalAccess', _405 => _405.mode]), () => ( "rgb")) };
+    if (_optionalChain([m, 'optionalAccess', _406 => _406.mode]) === "cmyk") out.cmykProfile = { name: m.profile.name, builtin: _nullishCoalesce(m.profile.builtin, () => ( null)), intent: m.intent };
     return out;
   }
   /**
@@ -11554,7 +11602,7 @@ var ImageEditorController = (_class13 = class {
     const textEnv = this.textEnv();
     const walk = (layers) => layers.map((l) => {
       let next2 = l;
-      if (_optionalChain([l, 'access', _405 => _405.effects, 'optionalAccess', _406 => _406.items, 'access', _407 => _407.length])) next2 = { ...next2, effects: convertColorFields(l.effects, hex) };
+      if (_optionalChain([l, 'access', _407 => _407.effects, 'optionalAccess', _408 => _408.items, 'access', _409 => _409.length])) next2 = { ...next2, effects: convertColorFields(l.effects, hex) };
       if (l.type === "group") {
         if (next2 !== l) converted.push(l.id);
         return { ...next2, children: walk(l.children) };
@@ -11738,8 +11786,8 @@ var ImageEditorController = (_class13 = class {
     else delete s.bitDepth;
     delete s.colorProfile;
     delete s.colorMode;
-    if (_optionalChain([result, 'access', _408 => _408.sourceMode, 'optionalAccess', _409 => _409.mode]) === "cmyk") s.colorMode = { mode: "cmyk", profile: result.sourceMode.profile, intent: "relative" };
-    else if (_optionalChain([result, 'access', _410 => _410.sourceMode, 'optionalAccess', _411 => _411.mode]) === "lab") s.colorMode = { mode: "lab" };
+    if (_optionalChain([result, 'access', _410 => _410.sourceMode, 'optionalAccess', _411 => _411.mode]) === "cmyk") s.colorMode = { mode: "cmyk", profile: result.sourceMode.profile, intent: "relative" };
+    else if (_optionalChain([result, 'access', _412 => _412.sourceMode, 'optionalAccess', _413 => _413.mode]) === "lab") s.colorMode = { mode: "lab" };
     else if (result.iccProfile) {
       try {
         const doc = documentProfile(result.iccProfile);
@@ -11803,7 +11851,7 @@ var ImageEditorController = (_class13 = class {
     const compositor = new (0, _chunkUYXL6ZWQcjs.LayerCompositor)();
     const bakeMask = (layer) => {
       const mask = layer.mask;
-      if (!_optionalChain([mask, 'optionalAccess', _412 => _412.source])) return mask;
+      if (!_optionalChain([mask, 'optionalAccess', _414 => _414.source])) return mask;
       add2("Parametric (depth) masks were baked into pixel masks", layer.name);
       const plain3 = { ...layer, mask: { ...mask, density: 1, feather: 0, enabled: true } };
       const ox = layer.type === "pixel" ? layer.offset.x : 0;
@@ -11820,7 +11868,7 @@ var ImageEditorController = (_class13 = class {
     };
     const prepare = async (layer) => {
       const p = await prepareLayer(layer);
-      if (_optionalChain([p, 'optionalAccess', _413 => _413.blend]) === "pigment") add2("The Pigment blend mode has no PSD equivalent and was written as Normal", layer.name);
+      if (_optionalChain([p, 'optionalAccess', _415 => _415.blend]) === "pigment") add2("The Pigment blend mode has no PSD equivalent and was written as Normal", layer.name);
       return p;
     };
     const prepareLayer = async (layer) => {
@@ -11863,7 +11911,7 @@ var ImageEditorController = (_class13 = class {
         return out2;
       }
       if (layer.type === "shape" || layer.type === "type") {
-        if (layer.type === "type" && _optionalChain([layer, 'access', _414 => _414.missingFonts, 'optionalAccess', _415 => _415.length])) add2(`Type layers drawn with a fallback for missing fonts (${layer.missingFonts.join(", ")}) keep the font names, so Photoshop may draw them differently`, layer.name);
+        if (layer.type === "type" && _optionalChain([layer, 'access', _416 => _416.missingFonts, 'optionalAccess', _417 => _417.length])) add2(`Type layers drawn with a fallback for missing fonts (${layer.missingFonts.join(", ")}) keep the font names, so Photoshop may draw them differently`, layer.name);
         const out2 = { ...layer };
         const mask2 = bakeMask(layer);
         if (mask2) out2.mask = mask2;
@@ -11882,7 +11930,7 @@ var ImageEditorController = (_class13 = class {
         out.surface = this.surfaceOf(layer);
         delete out.source;
       }
-      const active = _nullishCoalesce(_optionalChain([layer, 'access', _416 => _416.filters, 'optionalAccess', _417 => _417.filter, 'call', _418 => _418(_chunkUYXL6ZWQcjs.isActiveFilter)]), () => ( []));
+      const active = _nullishCoalesce(_optionalChain([layer, 'access', _418 => _418.filters, 'optionalAccess', _419 => _419.filter, 'call', _420 => _420(_chunkUYXL6ZWQcjs.isActiveFilter)]), () => ( []));
       if (active.length) {
         add2("Layer filters (develop, blur) were baked into the pixels", layer.name);
         const content = { ...out, visible: true, opacity: 1, blend: "normal" };
@@ -11893,7 +11941,7 @@ var ImageEditorController = (_class13 = class {
         const data = compositor.composite([content], canvas, sources);
         out = { ...out, surface: _chunkCWM3CUUXcjs.surfaceFromPixels.call(void 0, { width, height, data }, 4, -layer.offset.x, -layer.offset.y) };
       }
-      if (_optionalChain([layer, 'access', _419 => _419.filters, 'optionalAccess', _420 => _420.some, 'call', _421 => _421((f) => !f.enabled)])) add2("Disabled layer filters were left out", layer.name);
+      if (_optionalChain([layer, 'access', _421 => _421.filters, 'optionalAccess', _422 => _422.some, 'call', _423 => _423((f) => !f.enabled)])) add2("Disabled layer filters were left out", layer.name);
       delete out.filters;
       const mask = bakeMask(layer);
       if (mask) out.mask = mask;
@@ -11957,7 +12005,7 @@ var ImageEditorController = (_class13 = class {
         );
       }
       layers = resizeLegacyMasks(layers, prev, next.dimensions);
-      const env = { ...next.dimensions, pattern: (pid) => _nullishCoalesce(_optionalChain([this, 'access', _422 => _422.state, 'access', _423 => _423.patterns, 'optionalAccess', _424 => _424.find, 'call', _425 => _425((p) => p.id === pid)]), () => ( null)) };
+      const env = { ...next.dimensions, pattern: (pid) => _nullishCoalesce(_optionalChain([this, 'access', _424 => _424.state, 'access', _425 => _425.patterns, 'optionalAccess', _426 => _426.find, 'call', _427 => _427((p) => p.id === pid)]), () => ( null)) };
       for (const l of _chunkHGTDMKNEcjs.flattenLayers.call(void 0, layers)) {
         if (l.type === "annotation") {
           layers = _chunkHGTDMKNEcjs.mapLayer.call(void 0, layers, l.id, () => ({ ...l, annotation: scaleAnnotation(l.annotation, sx, sy) }));
@@ -11966,7 +12014,7 @@ var ImageEditorController = (_class13 = class {
           const scaled = a ? scaleAnnotation(a, sx, sy) : null;
           const fromAnnotation = scaled ? _chunkUYXL6ZWQcjs.shapeFromAnnotation.call(void 0, scaled) : null;
           const m = [sx, 0, 0, sy, 0, 0];
-          const components = _nullishCoalesce(_optionalChain([fromAnnotation, 'optionalAccess', _426 => _426.components]), () => ( _chunkUYXL6ZWQcjs.transformShapeComponents.call(void 0, l.components, (p) => ({ x: p.x * sx, y: p.y * sy }), m)));
+          const components = _nullishCoalesce(_optionalChain([fromAnnotation, 'optionalAccess', _428 => _428.components]), () => ( _chunkUYXL6ZWQcjs.transformShapeComponents.call(void 0, l.components, (p) => ({ x: p.x * sx, y: p.y * sy }), m)));
           const moved = { ...l, components, ...fromAnnotation ? { fill: fromAnnotation.fill, stroke: fromAnnotation.stroke } : {} };
           if (scaled && fromAnnotation) moved.annotation = scaled;
           else delete moved.annotation;
@@ -11984,7 +12032,7 @@ var ImageEditorController = (_class13 = class {
     this.notify();
   }
   toJSON(options) {
-    const root = _optionalChain([this, 'access', _427 => _427.contentsStack, 'access', _428 => _428[0], 'optionalAccess', _429 => _429.saved]);
+    const root = _optionalChain([this, 'access', _429 => _429.contentsStack, 'access', _430 => _430[0], 'optionalAccess', _431 => _431.saved]);
     const current = this.state;
     const element = this.imageElement;
     if (root) {
@@ -11995,8 +12043,8 @@ var ImageEditorController = (_class13 = class {
     let out;
     try {
       out = this.serializeState();
-      if (_optionalChain([this, 'access', _430 => _430.state, 'access', _431 => _431.selection, 'optionalAccess', _432 => _432.bounds])) out.selection = _chunkUYXL6ZWQcjs.serializeSelection.call(void 0, this.state.selection);
-      if (_optionalChain([this, 'access', _433 => _433.state, 'access', _434 => _434.channels, 'optionalAccess', _435 => _435.length])) out.channels = serializeChannels(this.state.channels);
+      if (_optionalChain([this, 'access', _432 => _432.state, 'access', _433 => _433.selection, 'optionalAccess', _434 => _434.bounds])) out.selection = _chunkUYXL6ZWQcjs.serializeSelection.call(void 0, this.state.selection);
+      if (_optionalChain([this, 'access', _435 => _435.state, 'access', _436 => _436.channels, 'optionalAccess', _437 => _437.length])) out.channels = serializeChannels(this.state.channels);
     } finally {
       if (root) {
         this.state = current;
@@ -12110,10 +12158,10 @@ var ImageEditorController = (_class13 = class {
   serializeState() {
     const { width, height } = this.naturalSize;
     const view = _chunkUYXL6ZWQcjs.legacyView.call(void 0, this.stack(), width, height, null);
-    if (view.exact && !this.state.globalLight && !_optionalChain([this, 'access', _436 => _436.state, 'access', _437 => _437.patterns, 'optionalAccess', _438 => _438.length]) && this.bitDepth === 8 && !this.state.colorProfile && !this.state.colorMode) {
+    if (view.exact && !this.state.globalLight && !_optionalChain([this, 'access', _438 => _438.state, 'access', _439 => _439.patterns, 'optionalAccess', _440 => _440.length]) && this.bitDepth === 8 && !this.state.colorProfile && !this.state.colorMode) {
       return {
         // States without adjustment layers keep schema 1, so they round-trip unchanged.
-        version: _optionalChain([view, 'access', _439 => _439.adjustments, 'access', _440 => _440.layers, 'optionalAccess', _441 => _441.length]) ? 2 : 1,
+        version: _optionalChain([view, 'access', _441 => _441.adjustments, 'access', _442 => _442.layers, 'optionalAccess', _443 => _443.length]) ? 2 : 1,
         crop: this.state.crop ? { ...this.state.crop } : null,
         transform: { ...this.state.transform },
         adjustments: serializeAdjustments(view.adjustments),
@@ -12138,7 +12186,7 @@ var ImageEditorController = (_class13 = class {
     };
     if (this.state.legacyOutputBlur !== void 0) out.legacyOutputBlur = this.state.legacyOutputBlur;
     if (this.state.globalLight) out.globalLight = { ...this.state.globalLight };
-    if (_optionalChain([this, 'access', _442 => _442.state, 'access', _443 => _443.patterns, 'optionalAccess', _444 => _444.length])) out.patterns = _chunkUYXL6ZWQcjs.serializePatterns.call(void 0, this.state.patterns);
+    if (_optionalChain([this, 'access', _444 => _444.state, 'access', _445 => _445.patterns, 'optionalAccess', _446 => _446.length])) out.patterns = _chunkUYXL6ZWQcjs.serializePatterns.call(void 0, this.state.patterns);
     if (smartContents) out.smartContents = smartContents;
     if (this.state.bitDepth === 16 || this.state.bitDepth === 32) out.bitDepth = this.state.bitDepth;
     if (this.state.colorProfile) out.colorProfile = serializeColorProfile(this.state.colorProfile);
@@ -12148,7 +12196,7 @@ var ImageEditorController = (_class13 = class {
 }, _class13);
 function serializeAdjustments(adjustments) {
   const out = { ...adjustments };
-  if (_optionalChain([out, 'access', _445 => _445.layers, 'optionalAccess', _446 => _446.length])) out.layers = JSON.parse(JSON.stringify(out.layers));
+  if (_optionalChain([out, 'access', _447 => _447.layers, 'optionalAccess', _448 => _448.length])) out.layers = JSON.parse(JSON.stringify(out.layers));
   else delete out.layers;
   if (_chunkUYXL6ZWQcjs.normalizeProcessVersion.call(void 0, out.process) === _chunkUYXL6ZWQcjs.LEGACY_PROCESS_VERSION) {
     delete out.process;
@@ -12184,11 +12232,11 @@ function withDevelop(layer, partial) {
   return { ...layer, filters };
 }
 function withBlur(layer, radius) {
-  const existing = _optionalChain([layer, 'access', _447 => _447.filters, 'optionalAccess', _448 => _448.find, 'call', _449 => _449((f) => f.kind === "blur")]);
+  const existing = _optionalChain([layer, 'access', _449 => _449.filters, 'optionalAccess', _450 => _450.find, 'call', _451 => _451((f) => f.kind === "blur")]);
   const filters = (_nullishCoalesce(layer.filters, () => ( []))).filter((f) => f.kind !== "blur");
   if (radius > 0) {
     filters.push({
-      id: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _450 => _450.id]), () => ( (layer.source === "document" ? _chunkUYXL6ZWQcjs.BLUR_FILTER_ID : _chunkUYXL6ZWQcjs.newLayerId.call(void 0, "flt")))),
+      id: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _452 => _452.id]), () => ( (layer.source === "document" ? _chunkUYXL6ZWQcjs.BLUR_FILTER_ID : _chunkUYXL6ZWQcjs.newLayerId.call(void 0, "flt")))),
       kind: "blur",
       enabled: true,
       radius
@@ -12284,7 +12332,7 @@ function collectStateTiles(layers, into) {
     if (l.type === "shape" || l.type === "type") _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.surface, into);
     if (l.type === "smart") {
       _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.surface, into);
-      if (_optionalChain([l, 'access', _451 => _451.smartFilters, 'optionalAccess', _452 => _452.mask])) _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.smartFilters.mask.surface, into);
+      if (_optionalChain([l, 'access', _453 => _453.smartFilters, 'optionalAccess', _454 => _454.mask])) _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.smartFilters.mask.surface, into);
       if (l.contents.raster) _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.contents.raster, into);
       if (l.contents.document) collectStateTiles(l.contents.document.layers, into);
     }
@@ -12316,7 +12364,7 @@ function pixelsOnly(layers) {
   for (const l of layers) {
     if (l.type === "adjustment") continue;
     if (l.type === "group") out.push({ ...l, children: pixelsOnly(l.children) });
-    else if (l.type === "pixel" && _optionalChain([l, 'access', _453 => _453.filters, 'optionalAccess', _454 => _454.length])) {
+    else if (l.type === "pixel" && _optionalChain([l, 'access', _455 => _455.filters, 'optionalAccess', _456 => _456.length])) {
       const p = { ...l };
       delete p.filters;
       out.push(p);
@@ -12382,7 +12430,7 @@ function toHex(c) {
   return "#" + [c[0], c[1], c[2]].map((v) => Math.round(v).toString(16).padStart(2, "0")).join("");
 }
 function normalizeSelection(mask) {
-  return _optionalChain([mask, 'optionalAccess', _455 => _455.bounds]) ? mask : null;
+  return _optionalChain([mask, 'optionalAccess', _457 => _457.bounds]) ? mask : null;
 }
 function sameSelection(a, b) {
   if (a.width !== b.width || a.height !== b.height) return false;
@@ -12592,7 +12640,7 @@ function loadImageEditorDocument(input) {
   }
   const state = { version: 1, ...result.value };
   if (isV2) {
-    if (_optionalChain([state, 'access', _456 => _456.adjustments, 'access', _457 => _457.layers, 'optionalAccess', _458 => _458.length])) state.version = 2;
+    if (_optionalChain([state, 'access', _458 => _458.adjustments, 'access', _459 => _459.layers, 'optionalAccess', _460 => _460.length])) state.version = 2;
     result.report.version = 2;
   }
   if (state.selection === void 0) delete state.selection;
@@ -12800,7 +12848,7 @@ function findAdjustmentControl(id) {
 }
 function findLayerControl(kind, id) {
   if (id === "opacity") return ADJUSTMENT_LAYER_OPACITY_CONTROL;
-  return _optionalChain([ADJUSTMENT_LAYER_CONTROLS, 'access', _459 => _459[kind], 'optionalAccess', _460 => _460.find, 'call', _461 => _461((c) => c.id === id)]);
+  return _optionalChain([ADJUSTMENT_LAYER_CONTROLS, 'access', _461 => _461[kind], 'optionalAccess', _462 => _462.find, 'call', _463 => _463((c) => c.id === id)]);
 }
 function clampControlValue(spec, v) {
   if (typeof v !== "number" || !Number.isFinite(v)) return spec.default;
@@ -13258,7 +13306,7 @@ function summary(controller) {
   const area = _chunkUYXL6ZWQcjs.selectionArea.call(void 0, sel);
   return {
     empty: !sel,
-    bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _462 => _462.bounds]), () => ( null)),
+    bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _464 => _464.bounds]), () => ( null)),
     /** Σ coverage in pixels. */
     area: Math.round(area),
     percent: Math.round(area / Math.max(1, width * height) * 1e4) / 100,
@@ -13334,7 +13382,7 @@ function createImageSelectionTools(controller) {
           break;
         }
         case "polygon": {
-          const list = Array.isArray(points) ? points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _463 => _463.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _464 => _464.y]), NaN) })) : [];
+          const list = Array.isArray(points) ? points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _465 => _465.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _466 => _466.y]), NaN) })) : [];
           if (list.length < 3 || !list.every((p) => Number.isFinite(p.x) && Number.isFinite(p.y))) {
             throw new Error("polygon needs points: at least 3 { x, y } vertices.");
           }
@@ -13571,7 +13619,7 @@ function createImageSelectionTools(controller) {
     },
     annotations: writeAnnotations("Select a polygon (lasso)", true),
     handler: async (args) => {
-      const list = Array.isArray(args.points) ? args.points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _465 => _465.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _466 => _466.y]), NaN) })) : [];
+      const list = Array.isArray(args.points) ? args.points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _467 => _467.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _468 => _468.y]), NaN) })) : [];
       if (list.length < 3 || !list.every((p) => Number.isFinite(p.x) && Number.isFinite(p.y))) {
         throw new Error("points needs at least 3 { x, y } vertices in natural image pixels.");
       }
@@ -13608,7 +13656,7 @@ function createImageSelectionTools(controller) {
     },
     annotations: writeAnnotations("Quick Selection"),
     handler: async (args) => {
-      const strokes = Array.isArray(args.strokes) ? args.strokes.map((s) => Array.isArray(s) ? s.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _467 => _467.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _468 => _468.y]), NaN) })) : []) : [];
+      const strokes = Array.isArray(args.strokes) ? args.strokes.map((s) => Array.isArray(s) ? s.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _469 => _469.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _470 => _470.y]), NaN) })) : []) : [];
       if (!strokes.length || strokes.some((s) => !s.length || !s.every((p) => Number.isFinite(p.x) && Number.isFinite(p.y)))) {
         throw new Error("strokes needs at least one stroke of { x, y } points in natural image pixels.");
       }
@@ -13624,7 +13672,7 @@ function createImageSelectionTools(controller) {
   const selectObjectTool = {
     name: "select_object",
     title: "Object Selection",
-    description: "Object Selection: selects the object inside rect (a box drawn loosely around it, natural image pixels; what lies outside the box is treated as background) or the object under point, found from the colours of object and background and the edges between them (GrabCut). Combined with the selection by mode. A box is more reliable than a point: make it a little larger than the object on every side. Check with get_selection and capture_view, then fix with quick_select strokes or select_object with mode add / subtract. One undoable step. Returns the selection.",
+    description: 'Object Selection: selects the object inside rect (a box drawn loosely around it, natural image pixels; what lies outside the box is treated as background) or the object under point. With a host segmentation model it asks the model (falling back if nothing it returns fits); otherwise it finds the object from the colours of object and background and the edges between them (GrabCut). Combined with the selection by mode. A box is more reliable than a point: make it a little larger than the object on every side. Check with get_selection and capture_view, then fix with quick_select strokes or select_object with mode add / subtract. One undoable step. Returns the selection and method ("model" or "grabcut").',
     inputSchema: {
       type: "object",
       properties: {
@@ -13638,20 +13686,25 @@ function createImageSelectionTools(controller) {
         point: { ...pointSchema, description: "A point on the object (natural image pixels). Pass this or rect." },
         mode: modeSchema,
         sampleAllLayers: { type: "boolean", description: "Read every layer (default true); false reads only the active pixel layer." },
-        enhanceEdge: { type: "boolean", description: "Smoother, less blocky edges (Auto-Enhance; default false)." }
+        enhanceEdge: { type: "boolean", description: "Smoother, less blocky edges (Auto-Enhance; default false)." },
+        useModel: { type: "boolean", description: "Use the host segmentation model when there is one (default true); false always uses GrabCut." }
       },
       additionalProperties: false
     },
-    annotations: writeAnnotations("Object Selection"),
+    annotations: { ...writeAnnotations("Object Selection"), openWorldHint: true },
     handler: async (args) => {
       const rect = args.rect;
       const point = args.point;
       if (!rect && !point) throw new Error("Pass rect (a box around the object) or point (a point on it).");
       if (rect && point) throw new Error("Pass rect or point, not both.");
-      const options = { mode: _chunkUYXL6ZWQcjs.parseSelectionMode.call(void 0, args.mode), sampleAllLayers: args.sampleAllLayers, enhanceEdge: args.enhanceEdge };
-      if (rect) await controller.selectObject({ rect: { x: num2(rect.x, NaN), y: num2(rect.y, NaN), width: num2(rect.width, NaN), height: num2(rect.height, NaN) } }, options);
-      else await controller.selectObject({ point: { x: num2(point.x, NaN), y: num2(point.y, NaN) } }, options);
-      return summary(controller);
+      const options = {
+        mode: _chunkUYXL6ZWQcjs.parseSelectionMode.call(void 0, args.mode),
+        sampleAllLayers: args.sampleAllLayers,
+        enhanceEdge: args.enhanceEdge,
+        useModel: args.useModel
+      };
+      const { method } = rect ? await controller.selectObject({ rect: { x: num2(rect.x, NaN), y: num2(rect.y, NaN), width: num2(rect.width, NaN), height: num2(rect.height, NaN) } }, options) : await controller.selectObject({ point: { x: num2(point.x, NaN), y: num2(point.y, NaN) } }, options);
+      return { ...summary(controller), method };
     }
   };
   const selectFocusAreaTool = {
@@ -13684,26 +13737,28 @@ function createImageSelectionTools(controller) {
   const selectSkyTool = {
     name: "select_sky",
     title: "Select the sky",
-    description: "Select \u203A Sky: selects the sky (blue, or bright and grey when overcast, smooth, reaching down from the top of the image, including patches seen through branches or gaps), with the edge fitted to the skyline, combined with the selection by mode. Use it to replace or recolour a sky or to adjust the land without it (invert_selection). Raise threshold to take in haze or a sunset glow, lower it if bright buildings come in. One undoable step. Returns the selection, and a note when no sky was found (the selection is then unchanged).",
+    description: 'Select \u203A Sky: selects the sky, combined with the selection by mode. With a host segmentation model it asks the model; otherwise it finds it classically (blue, or bright and grey when overcast, smooth, reaching down from the top of the image, including patches seen through branches or gaps) with the edge fitted to the skyline. Use it to replace or recolour a sky or to adjust the land without it (invert_selection). Raise threshold to take in haze or a sunset glow, lower it if bright buildings come in. One undoable step. Returns the selection, method ("model" or "classical"; threshold and softness apply to classical), and a note when no sky was found (the selection is then unchanged).',
     inputSchema: {
       type: "object",
       properties: {
         threshold: { type: "number", minimum: 0, maximum: 100, description: "How sky-like a pixel must be, 0..100 (default 50): higher takes in less sky-like pixels." },
         softness: { type: "number", minimum: 0, maximum: 100, description: "Soften the edge over this many natural pixels (default 4; 0 for a hard edge)." },
         mode: modeSchema,
-        sampleAllLayers: { type: "boolean", description: "Read every layer (default true); false reads only the active pixel layer." }
+        sampleAllLayers: { type: "boolean", description: "Read every layer (default true); false reads only the active pixel layer." },
+        useModel: { type: "boolean", description: "Use the host segmentation model when there is one (default true); false finds the sky classically." }
       },
       additionalProperties: false
     },
-    annotations: writeAnnotations("Select the sky", true),
+    annotations: { ...writeAnnotations("Select the sky", true), openWorldHint: true },
     handler: async (args) => {
-      const { note } = await controller.selectSky({
+      const { note, method } = await controller.selectSky({
         threshold: args.threshold === void 0 ? void 0 : num2(args.threshold, 50),
         softness: args.softness === void 0 ? void 0 : num2(args.softness, 4),
         mode: _chunkUYXL6ZWQcjs.parseSelectionMode.call(void 0, args.mode),
-        sampleAllLayers: args.sampleAllLayers
+        sampleAllLayers: args.sampleAllLayers,
+        useModel: args.useModel
       });
-      return { ...summary(controller), ...note ? { note } : {} };
+      return { ...summary(controller), method, ...note ? { note } : {} };
     }
   };
   const magicWandTool = {
@@ -13799,7 +13854,7 @@ function createImageSelectionTools(controller) {
         await controller.selectColorRangePreset(args.preset, { ...common, falloff: num2(args.fuzziness, 20) });
       } else {
         const samples = args.samples.map((s, i) => {
-          if (typeof _optionalChain([s, 'optionalAccess', _469 => _469.color]) !== "string" || !/^#?[0-9a-f]{6}$/i.test(s.color.trim())) throw new Error(`samples[${i}].color must be #rrggbb.`);
+          if (typeof _optionalChain([s, 'optionalAccess', _471 => _471.color]) !== "string" || !/^#?[0-9a-f]{6}$/i.test(s.color.trim())) throw new Error(`samples[${i}].color must be #rrggbb.`);
           const at = typeof s.x === "number" && typeof s.y === "number" ? { x: s.x, y: s.y } : void 0;
           return at ? { color: s.color, at } : { color: s.color };
         });
@@ -14320,13 +14375,13 @@ function createImageSubjectSelectionTool(controller) {
     handler: async ({ target, maxSegments, mode, feather, enhanceEdge }, context) => {
       if (target !== void 0 && typeof target !== "string") throw new Error("target must be a description in words.");
       if (controller.segmentationProvider && !String(_nullishCoalesce(target, () => ( ""))).trim()) throw new Error("target must describe what to select (a model is set, and it selects by description).");
-      const perform = _optionalChain([context, 'optionalAccess', _470 => _470.perform]);
+      const perform = _optionalChain([context, 'optionalAccess', _472 => _472.perform]);
       const { segments, method, note } = await controller.selectSubject(String(_nullishCoalesce(target, () => ( ""))), {
         mode: _chunkUYXL6ZWQcjs.parseSelectionMode.call(void 0, mode),
         feather: num2(feather, 0),
         maxSegments: typeof maxSegments === "number" ? Math.max(1, Math.round(maxSegments)) : void 0,
         enhanceEdge: enhanceEdge === true,
-        signal: _optionalChain([context, 'optionalAccess', _471 => _471.signal]),
+        signal: _optionalChain([context, 'optionalAccess', _473 => _473.signal]),
         // Under playback the cursor traces what the model found, as a lasso, before it is selected.
         beforeApply: perform ? (outlines) => perform(planOutlineTrace(outlines)) : void 0
       });
@@ -14404,7 +14459,7 @@ async function renderImageRegion(controller, request) {
     const maskView = maskViewCanvas(controller, document);
     if (maskView) context.drawImage(maskView, rect.x, rect.y, rect.width, rect.height, 0, 0, out.width, out.height);
     const selection = state.selection;
-    if (_optionalChain([selection, 'optionalAccess', _472 => _472.bounds]) && selection.width === state.imageDimensions.width && selection.height === state.imageDimensions.height) {
+    if (_optionalChain([selection, 'optionalAccess', _474 => _474.bounds]) && selection.width === state.imageDimensions.width && selection.height === state.imageDimensions.height) {
       const shade = selectionShade(selection, document);
       if (shade) context.drawImage(shade, rect.x, rect.y, rect.width, rect.height, 0, 0, out.width, out.height);
     }
@@ -14429,7 +14484,7 @@ function createImageCaptureSurface(controller) {
   return {
     units: "image pixels",
     content: whole,
-    selection: () => ({ rect: _nullishCoalesce(_optionalChain([controller, 'access', _473 => _473.getState, 'call', _474 => _474(), 'access', _475 => _475.selection, 'optionalAccess', _476 => _476.bounds]), () => ( null)) }),
+    selection: () => ({ rect: _nullishCoalesce(_optionalChain([controller, 'access', _475 => _475.getState, 'call', _476 => _476(), 'access', _477 => _477.selection, 'optionalAccess', _478 => _478.bounds]), () => ( null)) }),
     overlays: "a shade over unselected pixels, the crop box outline and a layer mask view (set_mask_view)",
     maxScale: 8,
     render: (request) => renderImageRegion(controller, request)
@@ -14763,7 +14818,7 @@ function describeLayer(layer, activeId, boundsOf) {
       out.bounds = boundsOf(layer);
       out.fillOpacity = round3(_nullishCoalesce(layer.fillOpacity, () => ( 1)));
       out.shape = {
-        components: layer.components.map((c) => ({ op: c.op, kind: _nullishCoalesce(_optionalChain([c, 'access', _477 => _477.live, 'optionalAccess', _478 => _478.kind]), () => ( "path")) })),
+        components: layer.components.map((c) => ({ op: c.op, kind: _nullishCoalesce(_optionalChain([c, 'access', _479 => _479.live, 'optionalAccess', _480 => _480.kind]), () => ( "path")) })),
         fill: layer.fill ? layer.fill.type : null,
         stroke: layer.stroke ? { width: layer.stroke.width, paint: layer.stroke.paint.type } : null
       };
@@ -14786,8 +14841,8 @@ function describeLayer(layer, activeId, boundsOf) {
       out.bounds = boundsOf(layer);
       out.fillOpacity = round3(_nullishCoalesce(layer.fillOpacity, () => ( 1)));
       out.contents = { id: layer.contents.id, name: layer.contents.name, kind: layer.contents.kind, width: layer.contents.width, height: layer.contents.height };
-      out.smartFilters = (_nullishCoalesce(_optionalChain([layer, 'access', _479 => _479.smartFilters, 'optionalAccess', _480 => _480.filters]), () => ( []))).map((f) => ({ id: f.id, kind: f.kind, enabled: f.enabled }));
-      out.filterMask = maskSummary(_optionalChain([layer, 'access', _481 => _481.smartFilters, 'optionalAccess', _482 => _482.mask]));
+      out.smartFilters = (_nullishCoalesce(_optionalChain([layer, 'access', _481 => _481.smartFilters, 'optionalAccess', _482 => _482.filters]), () => ( []))).map((f) => ({ id: f.id, kind: f.kind, enabled: f.enabled }));
+      out.filterMask = maskSummary(_optionalChain([layer, 'access', _483 => _483.smartFilters, 'optionalAccess', _484 => _484.mask]));
       break;
   }
   return out;
@@ -14815,7 +14870,7 @@ function createImageLayerTools(controller) {
     if (!loc) return null;
     return {
       ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)),
-      parentId: _nullishCoalesce(_optionalChain([loc, 'access', _483 => _483.parent, 'optionalAccess', _484 => _484.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([loc, 'access', _485 => _485.parent, 'optionalAccess', _486 => _486.id]), () => ( null)),
       index: loc.index
     };
   };
@@ -15138,7 +15193,7 @@ function createImageLayerTools(controller) {
       if (view !== "gray" && view !== "overlay" && view !== "off") throw new Error(`Unknown view "${String(view)}". Use gray, overlay or off.`);
       const id = view === "off" || layerId === void 0 ? void 0 : exists(layerId);
       const shown = controller.setMaskView(view, id);
-      return { view: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _485 => _485.mode]), () => ( "off")), layerId: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _486 => _486.layerId]), () => ( null)) };
+      return { view: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _487 => _487.mode]), () => ( "off")), layerId: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _488 => _488.layerId]), () => ( null)) };
     }
   };
   const maskProps = {
@@ -16000,7 +16055,7 @@ function handleSelectionShortcut(controller, e, onError) {
     try {
       fn();
     } catch (err) {
-      _optionalChain([onError, 'optionalCall', _487 => _487(err instanceof Error ? err.message : String(err))]);
+      _optionalChain([onError, 'optionalCall', _489 => _489(err instanceof Error ? err.message : String(err))]);
     }
     return true;
   };
@@ -16015,9 +16070,9 @@ function handleMaskViewKey(controller, e) {
   if (e.ctrlKey || e.metaKey || e.altKey || e.key !== "\\") return false;
   const id = controller.getState().activeLayerId;
   const layer = id ? controller.getLayer(id) : null;
-  if (!_optionalChain([layer, 'optionalAccess', _488 => _488.mask]) || layer.mask.source) return false;
+  if (!_optionalChain([layer, 'optionalAccess', _490 => _490.mask]) || layer.mask.source) return false;
   const view = controller.getMaskView();
-  controller.setMaskView(_optionalChain([view, 'optionalAccess', _489 => _489.layerId]) === layer.id && view.mode === "overlay" ? "off" : "overlay", layer.id);
+  controller.setMaskView(_optionalChain([view, 'optionalAccess', _491 => _491.layerId]) === layer.id && view.mode === "overlay" ? "off" : "overlay", layer.id);
   return true;
 }
 function handleQuickMaskKey(controller, e) {
@@ -16231,7 +16286,7 @@ var PaintGesture = (_class15 = class {
         const layer = this.controller.getActiveLayer();
         if (!layer) throw new Error("Select a layer to move in the Layers panel.");
         if (layer.type !== "pixel" && layer.type !== "shape" && layer.type !== "smart") throw new Error(`Only pixel, shape and smart object layers move; "${layer.name}" is a ${layer.type} layer.`);
-        if (_optionalChain([layer, 'access', _490 => _490.locks, 'optionalAccess', _491 => _491.all]) || _optionalChain([layer, 'access', _492 => _492.locks, 'optionalAccess', _493 => _493.position])) throw new Error(`Layer "${layer.name}" has its position locked.`);
+        if (_optionalChain([layer, 'access', _492 => _492.locks, 'optionalAccess', _493 => _493.all]) || _optionalChain([layer, 'access', _494 => _494.locks, 'optionalAccess', _495 => _495.position])) throw new Error(`Layer "${layer.name}" has its position locked.`);
         const origin = layer.type === "pixel" ? { ...layer.offset } : layer.type === "smart" ? { ...layer.placement.corners[0] } : (() => {
           const b = _chunkUYXL6ZWQcjs.shapeGeometryBounds.call(void 0, layer);
           return b ? { x: b.x, y: b.y } : { x: 0, y: 0 };
@@ -16288,7 +16343,7 @@ var PaintGesture = (_class15 = class {
     this.move = null;
   }
   cancel() {
-    _optionalChain([this, 'access', _494 => _494.stroke, 'optionalAccess', _495 => _495.cancel, 'call', _496 => _496()]);
+    _optionalChain([this, 'access', _496 => _496.stroke, 'optionalAccess', _497 => _497.cancel, 'call', _498 => _498()]);
     this.stroke = null;
     this.move = null;
   }
@@ -17369,7 +17424,7 @@ function createImageSmartObjectTools(controller) {
   const layerSummary = (id) => {
     const s = controller.getState();
     const loc = _chunkHGTDMKNEcjs.findLayer.call(void 0, s.layers, id);
-    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _497 => _497.parent, 'optionalAccess', _498 => _498.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _499 => _499.parent, 'optionalAccess', _500 => _500.id]), () => ( null)), index: loc.index } : null;
   };
   const getSmart = {
     name: "get_smart_object",
@@ -17926,7 +17981,7 @@ function createImageShapeTools(controller) {
   const layerSummary = (id) => {
     const s = controller.getState();
     const loc = _chunkHGTDMKNEcjs.findLayer.call(void 0, s.layers, id);
-    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _499 => _499.parent, 'optionalAccess', _500 => _500.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _501 => _501.parent, 'optionalAccess', _502 => _502.id]), () => ( null)), index: loc.index } : null;
   };
   const get = {
     name: "get_shape_layer",
@@ -18143,7 +18198,7 @@ function createImageShapeTools(controller) {
       const mode = args.mode;
       controller.pathToSelection(pathSpec(args), { feather: args.feather, antiAlias: args.antiAlias, mode });
       const sel = controller.getSelection();
-      return { empty: !sel, bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _501 => _501.bounds]), () => ( null)), area: Math.round(sel ? _chunkUYXL6ZWQcjs.selectionArea.call(void 0, sel) : 0) };
+      return { empty: !sel, bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _503 => _503.bounds]), () => ( null)), area: Math.round(sel ? _chunkUYXL6ZWQcjs.selectionArea.call(void 0, sel) : 0) };
     }
   };
   const getVectorMask = {
@@ -18174,7 +18229,7 @@ function createImageShapeTools(controller) {
     handler: (args) => {
       const id = layerArg(args.layerId);
       const spec = pathSpec(args);
-      const hasPath = _optionalChain([spec, 'access', _502 => _502.components, 'optionalAccess', _503 => _503.length]) || spec.shape !== void 0 || spec.subpaths !== void 0;
+      const hasPath = _optionalChain([spec, 'access', _504 => _504.components, 'optionalAccess', _505 => _505.length]) || spec.shape !== void 0 || spec.subpaths !== void 0;
       const from = _nullishCoalesce(args.from, () => ( (hasPath ? "path" : "reveal-all")));
       if (from !== "selection" && TRACE_KEYS.some((k) => args[k] !== void 0)) throw new Error("tolerance, cornerRoundness and minArea apply only to from selection.");
       controller.addVectorMask(id, from, spec, traceOptions(args));
@@ -18294,7 +18349,7 @@ function createImageTypeTools(controller) {
   const layerSummary = (id) => {
     const s = controller.getState();
     const loc = _chunkHGTDMKNEcjs.findLayer.call(void 0, s.layers, id);
-    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _504 => _504.parent, 'optionalAccess', _505 => _505.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _506 => _506.parent, 'optionalAccess', _507 => _507.id]), () => ( null)), index: loc.index } : null;
   };
   const range = (args) => ({ start: args.start, end: args.end });
   const listFonts = {
@@ -18303,7 +18358,7 @@ function createImageTypeTools(controller) {
     description: "Returns the font families type layers can use here (generic families such as sans-serif always work). Changes nothing.",
     inputSchema: { type: "object", properties: {}, additionalProperties: false },
     annotations: { title: "List fonts", ...READ11 },
-    handler: () => ({ families: controller.listFonts(), shaper: _nullishCoalesce(_optionalChain([controller, 'access', _506 => _506.getTextShaper, 'call', _507 => _507(), 'optionalAccess', _508 => _508.id]), () => ( null)) })
+    handler: () => ({ families: controller.listFonts(), shaper: _nullishCoalesce(_optionalChain([controller, 'access', _508 => _508.getTextShaper, 'call', _509 => _509(), 'optionalAccess', _510 => _510.id]), () => ( null)) })
   };
   const get = {
     name: "get_text_layer",
@@ -18459,7 +18514,7 @@ function createImageTypeTools(controller) {
       const init = pick2(args, ["text", "x", "y", "orientation", "box", "style", "paragraph", "rotation", "mode", "feather", "antiAlias"]);
       controller.selectTextShape(init);
       const sel = controller.getSelection();
-      return { empty: !sel, bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _509 => _509.bounds]), () => ( null)), area: Math.round(sel ? _chunkUYXL6ZWQcjs.selectionArea.call(void 0, sel) : 0) };
+      return { empty: !sel, bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _511 => _511.bounds]), () => ( null)), area: Math.round(sel ? _chunkUYXL6ZWQcjs.selectionArea.call(void 0, sel) : 0) };
     }
   };
   return [listFonts, get, add2, setText, setStyle, setParagraph, setFrame, setOrientation, toShape, typeMask];
@@ -18638,7 +18693,7 @@ function createImageEditorToolProvider(controller, options = {}) {
       for (const ref of [aboveId, parentId]) {
         if (ref !== void 0 && !controller.getLayer(ref)) throw new Error(`Unknown layer "${ref}". Call list_layers for ids.`);
       }
-      if (parentId !== void 0 && _optionalChain([controller, 'access', _510 => _510.getLayer, 'call', _511 => _511(parentId), 'optionalAccess', _512 => _512.type]) !== "group") throw new Error(`Layer "${parentId}" is not a group.`);
+      if (parentId !== void 0 && _optionalChain([controller, 'access', _512 => _512.getLayer, 'call', _513 => _513(parentId), 'optionalAccess', _514 => _514.type]) !== "group") throw new Error(`Layer "${parentId}" is not a group.`);
       const id = controller.addAdjustmentLayer({ kind, params, opacity, blend, name, aboveId, parentId, useSelection: useSelection !== false });
       const layer = controller.getAdjustmentLayer(id);
       return { layer: JSON.parse(JSON.stringify(layer)), index: controller.getAdjustmentLayers().findIndex((l) => l.id === id), masked: Boolean(layer.mask) };
@@ -18952,7 +19007,7 @@ function maskThumbnailClick(controller, layer, e) {
   } else if (e.altKey && !layer.mask.source) {
     const mode = e.shiftKey ? "overlay" : "gray";
     const view = controller.getMaskView();
-    controller.setMaskView(_optionalChain([view, 'optionalAccess', _513 => _513.layerId]) === layer.id && view.mode === mode ? "off" : mode, layer.id);
+    controller.setMaskView(_optionalChain([view, 'optionalAccess', _515 => _515.layerId]) === layer.id && view.mode === mode ? "off" : mode, layer.id);
   } else if (e.shiftKey) {
     controller.setLayerMaskProps(layer.id, { enabled: layer.mask.enabled === false });
   } else {
@@ -19016,7 +19071,7 @@ function layerHasThumbnail(layer) {
   return layer.type === "pixel" || layer.type === "shape" || layer.type === "type";
 }
 function layerWarning(layer) {
-  if (layer.type === "type" && _optionalChain([layer, 'access', _514 => _514.missingFonts, 'optionalAccess', _515 => _515.length])) {
+  if (layer.type === "type" && _optionalChain([layer, 'access', _516 => _516.missingFonts, 'optionalAccess', _517 => _517.length])) {
     return `Missing ${layer.missingFonts.length === 1 ? "font" : "fonts"}: ${layer.missingFonts.join(", ")}. ${layer.rendering === "stored" ? "Showing the saved pixels until the text is edited." : "Drawn with a fallback font."}`;
   }
   return null;
@@ -19039,16 +19094,16 @@ function layerMenu(controller) {
   const siblings = loc ? loc.parent ? loc.parent.children : s.layers : [];
   const below = loc ? siblings[loc.index - 1] : void 0;
   const hasSel = controller.hasSelection;
-  const isPixel = _optionalChain([active, 'optionalAccess', _516 => _516.type]) === "pixel";
-  const hasOwnPixels = _optionalChain([active, 'optionalAccess', _517 => _517.type]) === "pixel" || _optionalChain([active, 'optionalAccess', _518 => _518.type]) === "shape" || _optionalChain([active, 'optionalAccess', _519 => _519.type]) === "type" || _optionalChain([active, 'optionalAccess', _520 => _520.type]) === "smart";
+  const isPixel = _optionalChain([active, 'optionalAccess', _518 => _518.type]) === "pixel";
+  const hasOwnPixels = _optionalChain([active, 'optionalAccess', _519 => _519.type]) === "pixel" || _optionalChain([active, 'optionalAccess', _520 => _520.type]) === "shape" || _optionalChain([active, 'optionalAccess', _521 => _521.type]) === "type" || _optionalChain([active, 'optionalAccess', _522 => _522.type]) === "smart";
   return [
     { action: "new-layer", label: "New Layer", enabled: true },
     { action: "new-group", label: "New Group", enabled: true },
     { action: "duplicate", label: "Duplicate Layer", enabled: Boolean(active) },
     { action: "delete", label: "Delete Layer", enabled: Boolean(active) },
     { action: "group-selected", label: "Group Layer", enabled: Boolean(active) },
-    { action: "ungroup", label: "Ungroup", enabled: _optionalChain([active, 'optionalAccess', _521 => _521.type]) === "group" },
-    { action: "merge-down", label: "Merge Down", enabled: Boolean(_optionalChain([active, 'optionalAccess', _522 => _522.visible]) && _optionalChain([below, 'optionalAccess', _523 => _523.type]) === "pixel") },
+    { action: "ungroup", label: "Ungroup", enabled: _optionalChain([active, 'optionalAccess', _523 => _523.type]) === "group" },
+    { action: "merge-down", label: "Merge Down", enabled: Boolean(_optionalChain([active, 'optionalAccess', _524 => _524.visible]) && _optionalChain([below, 'optionalAccess', _525 => _525.type]) === "pixel") },
     { action: "merge-visible", label: "Merge Visible", enabled: s.layers.some((l) => l.visible) },
     { action: "flatten", label: "Flatten Image", enabled: s.layers.length > 0 },
     { action: "via-copy", label: "Layer via Copy", enabled: isPixel && hasSel },
@@ -19058,27 +19113,27 @@ function layerMenu(controller) {
     { action: "add-mask-hide-selection", label: "Add Mask Hiding Selection", enabled: Boolean(active) && hasSel },
     { action: "add-mask-transparency", label: "Add Mask from Transparency", enabled: hasOwnPixels },
     { action: "select-transparency", label: "Select Layer Pixels", enabled: hasOwnPixels },
-    { action: "apply-mask", label: "Apply Layer Mask", enabled: isPixel && Boolean(_optionalChain([active, 'optionalAccess', _524 => _524.mask])) },
-    { action: "delete-mask", label: "Delete Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _525 => _525.mask])) },
-    { action: "toggle-mask", label: _optionalChain([active, 'optionalAccess', _526 => _526.mask, 'optionalAccess', _527 => _527.enabled]) === false ? "Enable Layer Mask" : "Disable Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _528 => _528.mask])) },
-    { action: "toggle-mask-link", label: _optionalChain([active, 'optionalAccess', _529 => _529.mask, 'optionalAccess', _530 => _530.linked]) === false ? "Link Layer Mask" : "Unlink Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _531 => _531.mask]) && !active.mask.source) },
-    { action: "add-vector-mask", label: "Add Vector Mask (Reveal All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _532 => _532.mask, 'optionalAccess', _533 => _533.source])) },
-    { action: "add-vector-mask-hide", label: "Add Vector Mask (Hide All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _534 => _534.mask, 'optionalAccess', _535 => _535.source])) },
-    { action: "add-vector-mask-selection", label: "Add Vector Mask from Selection", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _536 => _536.mask, 'optionalAccess', _537 => _537.source])) && hasSel },
-    { action: "delete-vector-mask", label: "Delete Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _538 => _538.vectorMask])) },
-    { action: "toggle-vector-mask", label: _optionalChain([active, 'optionalAccess', _539 => _539.vectorMask, 'optionalAccess', _540 => _540.enabled]) === false ? "Enable Vector Mask" : "Disable Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _541 => _541.vectorMask])) },
-    { action: "rasterize-vector-mask", label: "Rasterize Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _542 => _542.vectorMask])) },
-    { action: "rasterize", label: "Rasterize Layer", enabled: _optionalChain([active, 'optionalAccess', _543 => _543.type]) === "annotation" || _optionalChain([active, 'optionalAccess', _544 => _544.type]) === "smart" || _optionalChain([active, 'optionalAccess', _545 => _545.type]) === "shape" || _optionalChain([active, 'optionalAccess', _546 => _546.type]) === "type" || isPixel && Boolean(_optionalChain([active, 'optionalAccess', _547 => _547.type]) === "pixel" && _optionalChain([active, 'access', _548 => _548.filters, 'optionalAccess', _549 => _549.length])) },
+    { action: "apply-mask", label: "Apply Layer Mask", enabled: isPixel && Boolean(_optionalChain([active, 'optionalAccess', _526 => _526.mask])) },
+    { action: "delete-mask", label: "Delete Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _527 => _527.mask])) },
+    { action: "toggle-mask", label: _optionalChain([active, 'optionalAccess', _528 => _528.mask, 'optionalAccess', _529 => _529.enabled]) === false ? "Enable Layer Mask" : "Disable Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _530 => _530.mask])) },
+    { action: "toggle-mask-link", label: _optionalChain([active, 'optionalAccess', _531 => _531.mask, 'optionalAccess', _532 => _532.linked]) === false ? "Link Layer Mask" : "Unlink Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _533 => _533.mask]) && !active.mask.source) },
+    { action: "add-vector-mask", label: "Add Vector Mask (Reveal All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _534 => _534.mask, 'optionalAccess', _535 => _535.source])) },
+    { action: "add-vector-mask-hide", label: "Add Vector Mask (Hide All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _536 => _536.mask, 'optionalAccess', _537 => _537.source])) },
+    { action: "add-vector-mask-selection", label: "Add Vector Mask from Selection", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _538 => _538.mask, 'optionalAccess', _539 => _539.source])) && hasSel },
+    { action: "delete-vector-mask", label: "Delete Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _540 => _540.vectorMask])) },
+    { action: "toggle-vector-mask", label: _optionalChain([active, 'optionalAccess', _541 => _541.vectorMask, 'optionalAccess', _542 => _542.enabled]) === false ? "Enable Vector Mask" : "Disable Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _543 => _543.vectorMask])) },
+    { action: "rasterize-vector-mask", label: "Rasterize Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _544 => _544.vectorMask])) },
+    { action: "rasterize", label: "Rasterize Layer", enabled: _optionalChain([active, 'optionalAccess', _545 => _545.type]) === "annotation" || _optionalChain([active, 'optionalAccess', _546 => _546.type]) === "smart" || _optionalChain([active, 'optionalAccess', _547 => _547.type]) === "shape" || _optionalChain([active, 'optionalAccess', _548 => _548.type]) === "type" || isPixel && Boolean(_optionalChain([active, 'optionalAccess', _549 => _549.type]) === "pixel" && _optionalChain([active, 'access', _550 => _550.filters, 'optionalAccess', _551 => _551.length])) },
     { action: "convert-smart", label: "Convert to Smart Object", enabled: Boolean(active && active.type !== "annotation") },
-    { action: "edit-contents", label: "Edit Contents", enabled: _optionalChain([active, 'optionalAccess', _550 => _550.type]) === "smart" },
-    { action: "smart-via-copy", label: "New Smart Object via Copy", enabled: _optionalChain([active, 'optionalAccess', _551 => _551.type]) === "smart" },
-    { action: "add-filter-mask", label: "Add Smart Filter Mask", enabled: _optionalChain([active, 'optionalAccess', _552 => _552.type]) === "smart" && !_optionalChain([active, 'access', _553 => _553.smartFilters, 'optionalAccess', _554 => _554.mask]) },
-    { action: "toggle-clip", label: _optionalChain([active, 'optionalAccess', _555 => _555.clipped]) ? "Release Clipping Mask" : "Create Clipping Mask", enabled: Boolean(loc && loc.index > 0) }
+    { action: "edit-contents", label: "Edit Contents", enabled: _optionalChain([active, 'optionalAccess', _552 => _552.type]) === "smart" },
+    { action: "smart-via-copy", label: "New Smart Object via Copy", enabled: _optionalChain([active, 'optionalAccess', _553 => _553.type]) === "smart" },
+    { action: "add-filter-mask", label: "Add Smart Filter Mask", enabled: _optionalChain([active, 'optionalAccess', _554 => _554.type]) === "smart" && !_optionalChain([active, 'access', _555 => _555.smartFilters, 'optionalAccess', _556 => _556.mask]) },
+    { action: "toggle-clip", label: _optionalChain([active, 'optionalAccess', _557 => _557.clipped]) ? "Release Clipping Mask" : "Create Clipping Mask", enabled: Boolean(loc && loc.index > 0) }
   ];
 }
 async function runLayerMenuAction(controller, action) {
   const active = controller.getActiveLayer();
-  const id = _optionalChain([active, 'optionalAccess', _556 => _556.id]);
+  const id = _optionalChain([active, 'optionalAccess', _558 => _558.id]);
   try {
     switch (action) {
       case "new-layer":
@@ -19134,10 +19189,10 @@ async function runLayerMenuAction(controller, action) {
         if (id) controller.removeLayerMask(id);
         break;
       case "toggle-mask":
-        if (id && _optionalChain([active, 'optionalAccess', _557 => _557.mask])) controller.setLayerMaskProps(id, { enabled: active.mask.enabled === false });
+        if (id && _optionalChain([active, 'optionalAccess', _559 => _559.mask])) controller.setLayerMaskProps(id, { enabled: active.mask.enabled === false });
         break;
       case "toggle-mask-link":
-        if (id && _optionalChain([active, 'optionalAccess', _558 => _558.mask])) controller.setLayerMaskProps(id, { linked: active.mask.linked === false });
+        if (id && _optionalChain([active, 'optionalAccess', _560 => _560.mask])) controller.setLayerMaskProps(id, { linked: active.mask.linked === false });
         break;
       case "add-vector-mask":
       case "add-vector-mask-hide":
@@ -19150,7 +19205,7 @@ async function runLayerMenuAction(controller, action) {
         if (id) controller.removeVectorMask(id);
         break;
       case "toggle-vector-mask":
-        if (id && _optionalChain([active, 'optionalAccess', _559 => _559.vectorMask])) controller.setVectorMaskProps(id, { enabled: active.vectorMask.enabled === false });
+        if (id && _optionalChain([active, 'optionalAccess', _561 => _561.vectorMask])) controller.setVectorMaskProps(id, { enabled: active.vectorMask.enabled === false });
         break;
       case "rasterize-vector-mask":
         if (id) controller.rasterizeVectorMask(id);
@@ -19171,7 +19226,7 @@ async function runLayerMenuAction(controller, action) {
         if (id) controller.setSmartFilterMask(id, "reveal-all");
         break;
       case "toggle-clip":
-        if (id) controller.setLayerProperties(id, { clipped: !_optionalChain([active, 'optionalAccess', _560 => _560.clipped]) });
+        if (id) controller.setLayerProperties(id, { clipped: !_optionalChain([active, 'optionalAccess', _562 => _562.clipped]) });
         break;
     }
     return null;
@@ -19181,7 +19236,7 @@ async function runLayerMenuAction(controller, action) {
 }
 function smartFilterRows(layer) {
   if (layer.type !== "smart") return [];
-  const list = _nullishCoalesce(_optionalChain([layer, 'access', _561 => _561.smartFilters, 'optionalAccess', _562 => _562.filters]), () => ( []));
+  const list = _nullishCoalesce(_optionalChain([layer, 'access', _563 => _563.smartFilters, 'optionalAccess', _564 => _564.filters]), () => ( []));
   const rows = list.map((f, index) => ({
     filter: f,
     index,
@@ -19207,8 +19262,8 @@ function extractNormalizedLayerItems(controller, fallbackImageUrl = "") {
   };
   collectSerialized(_nullishCoalesce(serialized.layers, () => ( [])));
   const sLayerMap = new Map(allSerializedLayers.map((sl) => [sl.id, sl]));
-  const imgW = _optionalChain([state, 'access', _563 => _563.imageDimensions, 'optionalAccess', _564 => _564.width]) || 1;
-  const imgH = _optionalChain([state, 'access', _565 => _565.imageDimensions, 'optionalAccess', _566 => _566.height]) || 1;
+  const imgW = _optionalChain([state, 'access', _565 => _565.imageDimensions, 'optionalAccess', _566 => _566.width]) || 1;
+  const imgH = _optionalChain([state, 'access', _567 => _567.imageDimensions, 'optionalAccess', _568 => _568.height]) || 1;
   return ctrlLayers.map((l) => {
     const bounds = controller.getLayerBounds(l.id) || {
       x: 0,
@@ -19217,8 +19272,8 @@ function extractNormalizedLayerItems(controller, fallbackImageUrl = "") {
       height: imgH
     };
     const sLayer = sLayerMap.get(l.id);
-    const assetKey = _optionalChain([sLayer, 'optionalAccess', _567 => _567.asset]);
-    const layerDataUrl = assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _568 => _568.source]) === "document" ? fallbackImageUrl : "");
+    const assetKey = _optionalChain([sLayer, 'optionalAccess', _569 => _569.asset]);
+    const layerDataUrl = assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _570 => _570.source]) === "document" ? fallbackImageUrl : "");
     return {
       id: l.id,
       name: l.name || "Untitled Layer",
@@ -19272,9 +19327,9 @@ async function addLayerOfKind(controller, id, init) {
     const cx = Math.round(canvas.width / 2);
     const cy = Math.round(canvas.height / 2);
     return controller.addTextLayer({
-      text: _optionalChain([init, 'optionalAccess', _569 => _569.text]) || "New Text",
-      x: typeof _optionalChain([init, 'optionalAccess', _570 => _570.x]) === "number" ? init.x : cx - 100,
-      y: typeof _optionalChain([init, 'optionalAccess', _571 => _571.y]) === "number" ? init.y : cy,
+      text: _optionalChain([init, 'optionalAccess', _571 => _571.text]) || "New Text",
+      x: typeof _optionalChain([init, 'optionalAccess', _572 => _572.x]) === "number" ? init.x : cx - 100,
+      y: typeof _optionalChain([init, 'optionalAccess', _573 => _573.y]) === "number" ? init.y : cy,
       ...init
     });
   }
@@ -19287,10 +19342,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "rect",
-        x: typeof _optionalChain([init, 'optionalAccess', _572 => _572.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _573 => _573.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _574 => _574.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _575 => _575.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _574 => _574.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _575 => _575.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _576 => _576.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _577 => _577.height]) === "number" ? init.height : h
       },
       name: "Rectangle",
       ...init
@@ -19305,10 +19360,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "ellipse",
-        x: typeof _optionalChain([init, 'optionalAccess', _576 => _576.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _577 => _577.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _578 => _578.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _579 => _579.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _578 => _578.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _579 => _579.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _580 => _580.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _581 => _581.height]) === "number" ? init.height : h
       },
       name: "Ellipse",
       ...init
@@ -19369,18 +19424,18 @@ function layerEffectsPanel(layer) {
   if (!layer) return { ...empty, available: false, reason: "Select a layer to add a layer style." };
   if (layer.type === "adjustment") return { ...empty, available: false, reason: "Adjustment layers cannot have a layer style." };
   const fx = layer.effects;
-  const readOnly = Boolean(_optionalChain([layer, 'access', _580 => _580.locks, 'optionalAccess', _581 => _581.all]));
+  const readOnly = Boolean(_optionalChain([layer, 'access', _582 => _582.locks, 'optionalAccess', _583 => _583.all]));
   return {
     available: true,
     readOnly,
     reason: readOnly ? "The layer is locked; unlock it to change its layer style." : void 0,
-    enabled: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _582 => _582.enabled]), () => ( true)),
-    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _583 => _583.scale]), () => ( 1)),
-    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _584 => _584.items]), () => ( []))).map((e) => ({ id: e.id, kind: e.kind, label: _chunkHGTDMKNEcjs.layerEffectLabel.call(void 0, e.kind), enabled: e.enabled }))
+    enabled: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _584 => _584.enabled]), () => ( true)),
+    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _585 => _585.scale]), () => ( 1)),
+    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _586 => _586.items]), () => ( []))).map((e) => ({ id: e.id, kind: e.kind, label: _chunkHGTDMKNEcjs.layerEffectLabel.call(void 0, e.kind), enabled: e.enabled }))
   };
 }
 function layerEffectsBadge(layer) {
-  if (!_optionalChain([layer, 'access', _585 => _585.effects, 'optionalAccess', _586 => _586.items, 'access', _587 => _587.length])) return null;
+  if (!_optionalChain([layer, 'access', _587 => _587.effects, 'optionalAccess', _588 => _588.items, 'access', _589 => _589.length])) return null;
   return _chunkHGTDMKNEcjs.hasActiveEffects.call(void 0, layer.effects) ? "on" : "off";
 }
 var LAYER_EFFECT_MENU = _chunkHGTDMKNEcjs.LAYER_EFFECT_KINDS.map((kind) => ({ kind, label: _chunkHGTDMKNEcjs.layerEffectLabel.call(void 0, kind) }));
@@ -19425,8 +19480,8 @@ function fillControls(f, allowPattern, patterns) {
 }
 function gradientControls(prefix, g) {
   return [
-    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _588 => _588.stops, 'access', _589 => _589[0], 'optionalAccess', _590 => _590.color]), () => ( "#000000")) },
-    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _591 => _591.stops, 'access', _592 => _592[g.stops.length - 1], 'optionalAccess', _593 => _593.color]), () => ( "#ffffff")) },
+    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _590 => _590.stops, 'access', _591 => _591[0], 'optionalAccess', _592 => _592.color]), () => ( "#000000")) },
+    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _593 => _593.stops, 'access', _594 => _594[g.stops.length - 1], 'optionalAccess', _595 => _595.color]), () => ( "#ffffff")) },
     { key: `${prefix}.style`, label: "Style", type: "select", value: g.style, options: opt(["linear", "Linear"], ["radial", "Radial"], ["angle", "Angle"], ["reflected", "Reflected"], ["diamond", "Diamond"]) },
     { key: `${prefix}.angle`, label: "Angle", type: "range", min: -180, max: 180, step: 1, value: g.angle, unit: "\xB0" },
     { key: `${prefix}.scale`, label: "Scale", type: "range", min: 0.1, max: 1.5, step: 0.01, value: g.scale, percent: true, unit: "%" },
@@ -19518,19 +19573,19 @@ function layerEffectControls(e, patterns = []) {
 }
 function fillOfType(current, type, patterns) {
   if (type === "gradient") return { type: "gradient", gradient: _chunkHGTDMKNEcjs.defaultEffectGradient.call(void 0, ) };
-  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _594 => _594[0], 'optionalAccess', _595 => _595.id]), () => ( "checker")), scale: 1 };
+  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _596 => _596[0], 'optionalAccess', _597 => _597.id]), () => ( "checker")), scale: 1 };
   return { type: "color", color: current.type === "color" ? current.color : "#000000" };
 }
 function effectControlChange(effect, key, value, patterns = []) {
   const [top, ...rest] = key.split(".");
   if (top === "fill" && rest[0] === "type") return { fill: fillOfType(effect.fill, String(value), patterns) };
   if (top === "patternId" && !rest.length) {
-    const name = _optionalChain([patternOptions, 'call', _596 => _596(patterns), 'access', _597 => _597.find, 'call', _598 => _598((o) => o.value === value), 'optionalAccess', _599 => _599.label]);
+    const name = _optionalChain([patternOptions, 'call', _598 => _598(patterns), 'access', _599 => _599.find, 'call', _600 => _600((o) => o.value === value), 'optionalAccess', _601 => _601.label]);
     return name ? { patternId: value, name } : { patternId: value };
   }
   if (!rest.length) return { [top]: value };
   if (top === "fill" && rest[0] === "patternId") {
-    const name = _optionalChain([patternOptions, 'call', _600 => _600(patterns), 'access', _601 => _601.find, 'call', _602 => _602((o) => o.value === value), 'optionalAccess', _603 => _603.label]);
+    const name = _optionalChain([patternOptions, 'call', _602 => _602(patterns), 'access', _603 => _603.find, 'call', _604 => _604((o) => o.value === value), 'optionalAccess', _605 => _605.label]);
     return { fill: { ...effect.fill, patternId: value, ...name ? { name } : {} } };
   }
   return { [top]: setPath(getPath(effect, top), rest, value) };
@@ -19557,7 +19612,7 @@ function colorPanelView(controller) {
     profileName: profile.name,
     workingSpace: profile.builtin,
     mode: profile.mode,
-    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _604 => _604.cmykProfile, 'optionalAccess', _605 => _605.name]), () => ( null)),
+    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _606 => _606.cmykProfile, 'optionalAccess', _607 => _607.name]), () => ( null)),
     proof: proof ? { id: _nullishCoalesce(proof.profile.builtin, () => ( null)), name: proof.profile.name, intent: proof.intent, simulatePaper: proof.simulatePaper, gamutWarning: proof.gamutWarning, bpc: proof.bpc } : null
   };
 }
@@ -19765,7 +19820,7 @@ var FreeTransformTool = (_class16 = class {
   __init131() {this.error = null}
   __init132() {this.lastResult = null}
   get active() {
-    return Boolean(_optionalChain([this, 'access', _606 => _606.sessionRef, 'optionalAccess', _607 => _607.isOpen]));
+    return Boolean(_optionalChain([this, 'access', _608 => _608.sessionRef, 'optionalAccess', _609 => _609.isOpen]));
   }
   get session() {
     return this.active ? this.sessionRef : null;
@@ -19774,7 +19829,7 @@ var FreeTransformTool = (_class16 = class {
     return this.modeValue;
   }
   get interpolation() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _608 => _608.sessionRef, 'optionalAccess', _609 => _609.interpolation]), () => ( "bicubic"));
+    return _nullishCoalesce(_optionalChain([this, 'access', _610 => _610.sessionRef, 'optionalAccess', _611 => _611.interpolation]), () => ( "bicubic"));
   }
   /** Whether the open transform has changed anything yet (a commit would add an undo step). */
   get modified() {
@@ -19793,7 +19848,7 @@ var FreeTransformTool = (_class16 = class {
     };
   }
   changed() {
-    _optionalChain([this, 'access', _610 => _610.options, 'access', _611 => _611.onChange, 'optionalCall', _612 => _612()]);
+    _optionalChain([this, 'access', _612 => _612.options, 'access', _613 => _613.onChange, 'optionalCall', _614 => _614()]);
     for (const l of this.listeners) l();
   }
   /** Opens a Free Transform (default: the selected pixels of the active layer, or the whole layer). Returns an error message or `null`. */
@@ -20186,7 +20241,7 @@ var FreeTransformTool = (_class16 = class {
   }
   /** Abandons the transform and restores everything. */
   cancel() {
-    _optionalChain([this, 'access', _613 => _613.sessionRef, 'optionalAccess', _614 => _614.cancel, 'call', _615 => _615()]);
+    _optionalChain([this, 'access', _615 => _615.sessionRef, 'optionalAccess', _616 => _616.cancel, 'call', _617 => _617()]);
     this.sessionRef = null;
     this.corners = null;
     this.mesh = null;
@@ -20242,7 +20297,7 @@ function imageLayerAppliedEffects(layer) {
   const ref = (r) => ({ effect: r.effect, ...r.name ? { name: r.name } : {}, ...r.provider ? { provider: r.provider } : {} });
   if (layer.type === "pixel" && layer.generator) out.push({ id: "generator", ...ref(layer.generator), role: "effect layer", enabled: true, values: layer.generator.values, ...layer.generator.time ? { time: layer.generator.time } : {}, ...layer.generator.animate ? { animate: layer.generator.animate } : {} });
   if (layer.type === "smart")
-    (_nullishCoalesce(_optionalChain([layer, 'access', _616 => _616.smartFilters, 'optionalAccess', _617 => _617.filters]), () => ( []))).forEach((f, index) => {
+    (_nullishCoalesce(_optionalChain([layer, 'access', _618 => _618.smartFilters, 'optionalAccess', _619 => _619.filters]), () => ( []))).forEach((f, index) => {
       if (f.kind === "effect") out.push({ id: f.id, ...ref(f), role: "smart filter", enabled: f.enabled && layer.smartFilters.enabled, opacity: f.opacity, blend: f.blend, values: f.values, index });
     });
   return out;
@@ -20394,7 +20449,7 @@ var OTHER_TOOL_LABELS = {
   watermark: "Watermark"
 };
 function imageToolLabel(tool) {
-  return _nullishCoalesce(_nullishCoalesce(_optionalChain([PAINT_TOOLS, 'access', _618 => _618.find, 'call', _619 => _619((t) => t.id === tool), 'optionalAccess', _620 => _620.label]), () => ( OTHER_TOOL_LABELS[tool])), () => ( tool));
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([PAINT_TOOLS, 'access', _620 => _620.find, 'call', _621 => _621((t) => t.id === tool), 'optionalAccess', _622 => _622.label]), () => ( OTHER_TOOL_LABELS[tool])), () => ( tool));
 }
 var IMAGE_TOOL_SHORTCUTS = {
   ...Object.fromEntries(PAINT_TOOLS.filter((t) => t.shortcut).map((t) => [t.id, t.shortcut])),