@pixerate/editor 0.191.0 → 0.192.0

package/dist/image-editor/index.cjs

@@ -9346,6 +9346,62 @@ var ImageEditorController = (_class10 = class {
    * text wrapped in `box`. Refused without a text shaper. Returns its id.
    */
   addTextLayer(init) {
+    const layer = this.layoutTypeLayer(init);
+    if (init.opacity !== void 0 && !(Number.isFinite(init.opacity) && init.opacity >= 0 && init.opacity <= 1)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("opacity must be between 0 and 1.");
+    if (init.blend !== void 0 && !_chunkCWM3CUUXcjs.isBlendMode.call(void 0, init.blend)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)(`Unknown blend mode "${String(init.blend)}".`);
+    if (init.opacity !== void 0) layer.opacity = init.opacity;
+    if (init.blend !== void 0) layer.blend = init.blend;
+    const next = _chunk2UR4OX3Bcjs.placeLayer.call(void 0, this.state.layers, layer, this.newLayerPlacement(init));
+    this.commitLayers(next, () => {
+      this.state.activeLayerId = layer.id;
+      this.state.activeTarget = "pixels";
+    });
+    return layer.id;
+  }
+  /**
+   * Type Mask (horizontal or vertical): a selection in the shape of `text`, laid out and drawn as
+   * `addTextLayer` would place it (font, size, tracking, box, rotation), combined with the current
+   * selection by `mode`. Vertical type stacks the characters top to bottom, centred on `x`. No
+   * layer is added. One undo step. Returns whether anything is selected.
+   */
+  selectTextShape(init) {
+    const vertical = init.orientation === "vertical";
+    if (init.orientation !== void 0 && init.orientation !== "horizontal" && !vertical) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("orientation must be horizontal or vertical.");
+    if (init.feather !== void 0 && !(init.feather >= 0 && init.feather <= 1e3)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("feather must be from 0 to 1000 px.");
+    let text = _chunk2UR4OX3Bcjs.normalizeText.call(void 0, init.text);
+    if (!text.trim()) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("The text is empty, so there is nothing to select; give some characters.");
+    let paragraph = init.paragraph;
+    if (vertical) {
+      if (/\n/.test(text)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("Vertical type masks take one column; select each column separately (mode add) instead of line breaks.");
+      if (init.box) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("Vertical type masks are point text; leave out box.");
+      text = Array.from(text).join("\n");
+      paragraph = { align: "center", ..._nullishCoalesce(paragraph, () => ( {})) };
+    }
+    const layer = this.layoutTypeLayer({ ...init, text, paragraph });
+    const { width, height } = this.naturalSize;
+    const b = _chunkCWM3CUUXcjs.contentBounds.call(void 0, layer.surface);
+    const x0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _374 => _374.x]), () => ( 0)));
+    const y0 = Math.max(0, _nullishCoalesce(_optionalChain([b, 'optionalAccess', _375 => _375.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;
+    if (!b || x1 <= x0 || y1 <= y0) mask = _chunk2UR4OX3Bcjs.createSelectionMask.call(void 0, width, height);
+    else {
+      const rect = { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+      const rgba = _chunkCWM3CUUXcjs.readRegion.call(void 0, layer.surface, rect);
+      const bytes = new Uint8Array(rect.width * rect.height);
+      const hard = init.antiAlias === false;
+      for (let i = 0; i < bytes.length; i++) {
+        const a = rgba[i * 4 + 3];
+        bytes[i] = hard ? a >= 128 ? 255 : 0 : a;
+      }
+      mask = _chunk2UR4OX3Bcjs.selectionFromRegion.call(void 0, width, height, rect, bytes);
+    }
+    if ((_nullishCoalesce(init.feather, () => ( 0))) > 0 && mask.bounds) mask = _chunk2UR4OX3Bcjs.modifySelection.call(void 0, mask, "feather", init.feather);
+    return this.setSelection(mask.bounds ? mask : null, _nullishCoalesce(init.mode, () => ( "replace")));
+  }
+  /** A type layer laid out and drawn from `init` (not added): the shared part of `addTextLayer` and the type masks. */
+  layoutTypeLayer(init) {
     const text = _chunk2UR4OX3Bcjs.normalizeText.call(void 0, init.text);
     if (!Number.isFinite(init.x) || !Number.isFinite(init.y)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("x and y must be numbers (document pixels).");
     const style = _chunk2UR4OX3Bcjs.patchTextStyle.call(void 0, { ..._chunkEGZM52EOcjs.DEFAULT_TEXT_STYLE, color: this.state.paint.foreground }, _nullishCoalesce(init.style, () => ( {})));
@@ -9357,19 +9413,9 @@ var ImageEditorController = (_class10 = class {
       frame = { kind: "box", width, height };
     }
     if (init.rotation !== void 0 && !Number.isFinite(init.rotation)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("rotation must be a number of degrees.");
-    if (init.opacity !== void 0 && !(Number.isFinite(init.opacity) && init.opacity >= 0 && init.opacity <= 1)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("opacity must be between 0 and 1.");
-    if (init.blend !== void 0 && !_chunkCWM3CUUXcjs.isBlendMode.call(void 0, init.blend)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)(`Unknown blend mode "${String(init.blend)}".`);
     const t = [1, 0, 0, 1, init.x, init.y];
     const transform = init.rotation ? _chunkEGZM52EOcjs.multiplyMatrices.call(void 0, t, _chunkEGZM52EOcjs.rotateMatrix.call(void 0, init.rotation, { x: init.x, y: init.y })) : t;
-    const layer = _chunk2UR4OX3Bcjs.createTypeLayer.call(void 0, { text, runs: [{ length: text.length, style }], paragraphs: [{ length: text.length, style: paragraph }], frame, transform, name: _nullishCoalesce(init.name, () => ( _chunk2UR4OX3Bcjs.typeLayerName.call(void 0, text))) }, this.textEnv());
-    if (init.opacity !== void 0) layer.opacity = init.opacity;
-    if (init.blend !== void 0) layer.blend = init.blend;
-    const next = _chunk2UR4OX3Bcjs.placeLayer.call(void 0, this.state.layers, layer, this.newLayerPlacement(init));
-    this.commitLayers(next, () => {
-      this.state.activeLayerId = layer.id;
-      this.state.activeTarget = "pixels";
-    });
-    return layer.id;
+    return _chunk2UR4OX3Bcjs.createTypeLayer.call(void 0, { text, runs: [{ length: text.length, style }], paragraphs: [{ length: text.length, style: paragraph }], frame, transform, name: _nullishCoalesce(init.name, () => ( _chunk2UR4OX3Bcjs.typeLayerName.call(void 0, text))) }, this.textEnv());
   }
   /**
    * Replaces text [start, end) (default all of it) with `text`; inserted text takes the style at
@@ -9479,7 +9525,7 @@ var ImageEditorController = (_class10 = class {
     if (colors.size > 1) warnings.push("The text had several colours; the shape takes the first one.");
     const missing = _chunkEGZM52EOcjs.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', _374 => _374.runs, 'access', _375 => _375.find, 'call', _376 => _376((r) => r.length > 0), 'optionalAccess', _377 => _377.style]), () => ( _chunkEGZM52EOcjs.DEFAULT_TEXT_STYLE));
+    const first = _nullishCoalesce(_optionalChain([layer, 'access', _376 => _376.runs, 'access', _377 => _377.find, 'call', _378 => _378((r) => r.length > 0), 'optionalAccess', _379 => _379.style]), () => ( _chunkEGZM52EOcjs.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 = _chunk2UR4OX3Bcjs.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 };
@@ -9512,7 +9558,7 @@ var ImageEditorController = (_class10 = 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', _378 => _378.state, 'access', _379 => _379.patterns, 'optionalAccess', _380 => _380.find, 'call', _381 => _381((p) => p.id === id)]), () => ( null)) };
+    return { ...this.naturalSize, pattern: (id) => _nullishCoalesce(_optionalChain([this, 'access', _380 => _380.state, 'access', _381 => _381.patterns, 'optionalAccess', _382 => _382.find, 'call', _383 => _383((p) => p.id === id)]), () => ( null)) };
   }
   /** One component from tool or UI input (validated). */
   componentFrom(spec, path) {
@@ -9555,9 +9601,9 @@ var ImageEditorController = (_class10 = class {
    * open path) and stroked with `stroke`. Goes above the active layer unless placed. Returns its id.
    */
   addShapeLayer(init) {
-    const specs = _optionalChain([init, 'access', _382 => _382.components, 'optionalAccess', _383 => _383.length]) ? init.components : [init];
-    if (_optionalChain([init, 'access', _384 => _384.components, 'optionalAccess', _385 => _385.length]) && (init.shape !== void 0 || init.subpaths !== void 0)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("Give components, or shape / subpaths, not both.");
-    const components = specs.map((c, i) => this.componentFrom(c, _optionalChain([init, 'access', _386 => _386.components, 'optionalAccess', _387 => _387.length]) ? `components[${i}].` : ""));
+    const specs = _optionalChain([init, 'access', _384 => _384.components, 'optionalAccess', _385 => _385.length]) ? init.components : [init];
+    if (_optionalChain([init, 'access', _386 => _386.components, 'optionalAccess', _387 => _387.length]) && (init.shape !== void 0 || init.subpaths !== void 0)) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)("Give components, or shape / subpaths, not both.");
+    const components = specs.map((c, i) => this.componentFrom(c, _optionalChain([init, 'access', _388 => _388.components, 'optionalAccess', _389 => _389.length]) ? `components[${i}].` : ""));
     const stroke = init.stroke ? _chunk2UR4OX3Bcjs.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 : _chunk2UR4OX3Bcjs.normalizeShapePaint.call(void 0, this.state.paint.foreground, "fill") : init.fill === null ? null : _chunk2UR4OX3Bcjs.normalizeShapePaint.call(void 0, init.fill, "fill");
@@ -9668,7 +9714,7 @@ var ImageEditorController = (_class10 = 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', _388 => _388.filters, 'optionalAccess', _389 => _389.length])) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)(`Layer "${layer.name || id}" is already pixels with no filters to bake.`);
+      if (!_optionalChain([layer, 'access', _390 => _390.filters, 'optionalAccess', _391 => _391.length])) throw new (0, _chunk2UR4OX3Bcjs.LayerOperationError)(`Layer "${layer.name || id}" is already pixels with no filters to bake.`);
       _chunk2UR4OX3Bcjs.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" };
@@ -9687,7 +9733,7 @@ var ImageEditorController = (_class10 = class {
       return this.rasterizeSmartObject(id);
     } else if (layer.type === "shape" || layer.type === "type") {
       next = layer.type === "shape" ? _chunk2UR4OX3Bcjs.shapeAsPixelLayer.call(void 0, layer) : _chunk2UR4OX3Bcjs.typeAsPixelLayer.call(void 0, layer);
-      if (this.state.selectedAnnotationId && this.state.selectedAnnotationId === _optionalChain([layer, 'access', _390 => _390.annotation, 'optionalAccess', _391 => _391.id])) this.state.selectedAnnotationId = null;
+      if (this.state.selectedAnnotationId && this.state.selectedAnnotationId === _optionalChain([layer, 'access', _392 => _392.annotation, 'optionalAccess', _393 => _393.id])) this.state.selectedAnnotationId = null;
     } else {
       throw new (0, _chunk2UR4OX3Bcjs.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.`);
     }
@@ -9701,8 +9747,8 @@ var ImageEditorController = (_class10 = class {
     const doc = this.state.colorProfile;
     const p = resolveProfile(doc);
     const m = this.state.colorMode;
-    const out = { name: _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _392 => _392.name]), () => ( p.description)), builtin: doc ? _nullishCoalesce(doc.builtin, () => ( null)) : "srgb", colorSpace: p.colorSpace, srgb: isSrgb(doc), mode: _nullishCoalesce(_optionalChain([m, 'optionalAccess', _393 => _393.mode]), () => ( "rgb")) };
-    if (_optionalChain([m, 'optionalAccess', _394 => _394.mode]) === "cmyk") out.cmykProfile = { name: m.profile.name, builtin: _nullishCoalesce(m.profile.builtin, () => ( null)), intent: m.intent };
+    const out = { name: _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _394 => _394.name]), () => ( p.description)), builtin: doc ? _nullishCoalesce(doc.builtin, () => ( null)) : "srgb", colorSpace: p.colorSpace, srgb: isSrgb(doc), mode: _nullishCoalesce(_optionalChain([m, 'optionalAccess', _395 => _395.mode]), () => ( "rgb")) };
+    if (_optionalChain([m, 'optionalAccess', _396 => _396.mode]) === "cmyk") out.cmykProfile = { name: m.profile.name, builtin: _nullishCoalesce(m.profile.builtin, () => ( null)), intent: m.intent };
     return out;
   }
   /**
@@ -9792,7 +9838,7 @@ var ImageEditorController = (_class10 = class {
     const textEnv = this.textEnv();
     const walk = (layers) => layers.map((l) => {
       let next2 = l;
-      if (_optionalChain([l, 'access', _395 => _395.effects, 'optionalAccess', _396 => _396.items, 'access', _397 => _397.length])) next2 = { ...next2, effects: convertColorFields(l.effects, hex) };
+      if (_optionalChain([l, 'access', _397 => _397.effects, 'optionalAccess', _398 => _398.items, 'access', _399 => _399.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) };
@@ -9976,8 +10022,8 @@ var ImageEditorController = (_class10 = class {
     else delete s.bitDepth;
     delete s.colorProfile;
     delete s.colorMode;
-    if (_optionalChain([result, 'access', _398 => _398.sourceMode, 'optionalAccess', _399 => _399.mode]) === "cmyk") s.colorMode = { mode: "cmyk", profile: result.sourceMode.profile, intent: "relative" };
-    else if (_optionalChain([result, 'access', _400 => _400.sourceMode, 'optionalAccess', _401 => _401.mode]) === "lab") s.colorMode = { mode: "lab" };
+    if (_optionalChain([result, 'access', _400 => _400.sourceMode, 'optionalAccess', _401 => _401.mode]) === "cmyk") s.colorMode = { mode: "cmyk", profile: result.sourceMode.profile, intent: "relative" };
+    else if (_optionalChain([result, 'access', _402 => _402.sourceMode, 'optionalAccess', _403 => _403.mode]) === "lab") s.colorMode = { mode: "lab" };
     else if (result.iccProfile) {
       try {
         const doc = documentProfile(result.iccProfile);
@@ -10041,7 +10087,7 @@ var ImageEditorController = (_class10 = class {
     const compositor = new (0, _chunk2UR4OX3Bcjs.LayerCompositor)();
     const bakeMask = (layer) => {
       const mask = layer.mask;
-      if (!_optionalChain([mask, 'optionalAccess', _402 => _402.source])) return mask;
+      if (!_optionalChain([mask, 'optionalAccess', _404 => _404.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;
@@ -10058,7 +10104,7 @@ var ImageEditorController = (_class10 = class {
     };
     const prepare = async (layer) => {
       const p = await prepareLayer(layer);
-      if (_optionalChain([p, 'optionalAccess', _403 => _403.blend]) === "pigment") add2("The Pigment blend mode has no PSD equivalent and was written as Normal", layer.name);
+      if (_optionalChain([p, 'optionalAccess', _405 => _405.blend]) === "pigment") add2("The Pigment blend mode has no PSD equivalent and was written as Normal", layer.name);
       return p;
     };
     const prepareLayer = async (layer) => {
@@ -10101,7 +10147,7 @@ var ImageEditorController = (_class10 = class {
         return out2;
       }
       if (layer.type === "shape" || layer.type === "type") {
-        if (layer.type === "type" && _optionalChain([layer, 'access', _404 => _404.missingFonts, 'optionalAccess', _405 => _405.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', _406 => _406.missingFonts, 'optionalAccess', _407 => _407.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;
@@ -10120,7 +10166,7 @@ var ImageEditorController = (_class10 = class {
         out.surface = this.surfaceOf(layer);
         delete out.source;
       }
-      const active = _nullishCoalesce(_optionalChain([layer, 'access', _406 => _406.filters, 'optionalAccess', _407 => _407.filter, 'call', _408 => _408(_chunk2UR4OX3Bcjs.isActiveFilter)]), () => ( []));
+      const active = _nullishCoalesce(_optionalChain([layer, 'access', _408 => _408.filters, 'optionalAccess', _409 => _409.filter, 'call', _410 => _410(_chunk2UR4OX3Bcjs.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" };
@@ -10131,7 +10177,7 @@ var ImageEditorController = (_class10 = 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', _409 => _409.filters, 'optionalAccess', _410 => _410.some, 'call', _411 => _411((f) => !f.enabled)])) add2("Disabled layer filters were left out", layer.name);
+      if (_optionalChain([layer, 'access', _411 => _411.filters, 'optionalAccess', _412 => _412.some, 'call', _413 => _413((f) => !f.enabled)])) add2("Disabled layer filters were left out", layer.name);
       delete out.filters;
       const mask = bakeMask(layer);
       if (mask) out.mask = mask;
@@ -10195,7 +10241,7 @@ var ImageEditorController = (_class10 = class {
         );
       }
       layers = resizeLegacyMasks(layers, prev, next.dimensions);
-      const env = { ...next.dimensions, pattern: (pid) => _nullishCoalesce(_optionalChain([this, 'access', _412 => _412.state, 'access', _413 => _413.patterns, 'optionalAccess', _414 => _414.find, 'call', _415 => _415((p) => p.id === pid)]), () => ( null)) };
+      const env = { ...next.dimensions, pattern: (pid) => _nullishCoalesce(_optionalChain([this, 'access', _414 => _414.state, 'access', _415 => _415.patterns, 'optionalAccess', _416 => _416.find, 'call', _417 => _417((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) }));
@@ -10204,7 +10250,7 @@ var ImageEditorController = (_class10 = class {
           const scaled = a ? scaleAnnotation(a, sx, sy) : null;
           const fromAnnotation = scaled ? _chunk2UR4OX3Bcjs.shapeFromAnnotation.call(void 0, scaled) : null;
           const m = [sx, 0, 0, sy, 0, 0];
-          const components = _nullishCoalesce(_optionalChain([fromAnnotation, 'optionalAccess', _416 => _416.components]), () => ( _chunk2UR4OX3Bcjs.transformShapeComponents.call(void 0, l.components, (p) => ({ x: p.x * sx, y: p.y * sy }), m)));
+          const components = _nullishCoalesce(_optionalChain([fromAnnotation, 'optionalAccess', _418 => _418.components]), () => ( _chunk2UR4OX3Bcjs.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;
@@ -10222,7 +10268,7 @@ var ImageEditorController = (_class10 = class {
     this.notify();
   }
   toJSON(options) {
-    const root = _optionalChain([this, 'access', _417 => _417.contentsStack, 'access', _418 => _418[0], 'optionalAccess', _419 => _419.saved]);
+    const root = _optionalChain([this, 'access', _419 => _419.contentsStack, 'access', _420 => _420[0], 'optionalAccess', _421 => _421.saved]);
     const current = this.state;
     const element = this.imageElement;
     if (root) {
@@ -10233,8 +10279,8 @@ var ImageEditorController = (_class10 = class {
     let out;
     try {
       out = this.serializeState();
-      if (_optionalChain([this, 'access', _420 => _420.state, 'access', _421 => _421.selection, 'optionalAccess', _422 => _422.bounds])) out.selection = _chunk2UR4OX3Bcjs.serializeSelection.call(void 0, this.state.selection);
-      if (_optionalChain([this, 'access', _423 => _423.state, 'access', _424 => _424.channels, 'optionalAccess', _425 => _425.length])) out.channels = serializeChannels(this.state.channels);
+      if (_optionalChain([this, 'access', _422 => _422.state, 'access', _423 => _423.selection, 'optionalAccess', _424 => _424.bounds])) out.selection = _chunk2UR4OX3Bcjs.serializeSelection.call(void 0, this.state.selection);
+      if (_optionalChain([this, 'access', _425 => _425.state, 'access', _426 => _426.channels, 'optionalAccess', _427 => _427.length])) out.channels = serializeChannels(this.state.channels);
     } finally {
       if (root) {
         this.state = current;
@@ -10348,10 +10394,10 @@ var ImageEditorController = (_class10 = class {
   serializeState() {
     const { width, height } = this.naturalSize;
     const view = _chunk2UR4OX3Bcjs.legacyView.call(void 0, this.stack(), width, height, null);
-    if (view.exact && !this.state.globalLight && !_optionalChain([this, 'access', _426 => _426.state, 'access', _427 => _427.patterns, 'optionalAccess', _428 => _428.length]) && this.bitDepth === 8 && !this.state.colorProfile && !this.state.colorMode) {
+    if (view.exact && !this.state.globalLight && !_optionalChain([this, 'access', _428 => _428.state, 'access', _429 => _429.patterns, 'optionalAccess', _430 => _430.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', _429 => _429.adjustments, 'access', _430 => _430.layers, 'optionalAccess', _431 => _431.length]) ? 2 : 1,
+        version: _optionalChain([view, 'access', _431 => _431.adjustments, 'access', _432 => _432.layers, 'optionalAccess', _433 => _433.length]) ? 2 : 1,
         crop: this.state.crop ? { ...this.state.crop } : null,
         transform: { ...this.state.transform },
         adjustments: serializeAdjustments(view.adjustments),
@@ -10376,7 +10422,7 @@ var ImageEditorController = (_class10 = 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', _432 => _432.state, 'access', _433 => _433.patterns, 'optionalAccess', _434 => _434.length])) out.patterns = _chunk2UR4OX3Bcjs.serializePatterns.call(void 0, this.state.patterns);
+    if (_optionalChain([this, 'access', _434 => _434.state, 'access', _435 => _435.patterns, 'optionalAccess', _436 => _436.length])) out.patterns = _chunk2UR4OX3Bcjs.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);
@@ -10386,7 +10432,7 @@ var ImageEditorController = (_class10 = class {
 }, _class10);
 function serializeAdjustments(adjustments) {
   const out = { ...adjustments };
-  if (_optionalChain([out, 'access', _435 => _435.layers, 'optionalAccess', _436 => _436.length])) out.layers = JSON.parse(JSON.stringify(out.layers));
+  if (_optionalChain([out, 'access', _437 => _437.layers, 'optionalAccess', _438 => _438.length])) out.layers = JSON.parse(JSON.stringify(out.layers));
   else delete out.layers;
   if (_chunk2UR4OX3Bcjs.normalizeProcessVersion.call(void 0, out.process) === _chunk2UR4OX3Bcjs.LEGACY_PROCESS_VERSION) {
     delete out.process;
@@ -10422,11 +10468,11 @@ function withDevelop(layer, partial) {
   return { ...layer, filters };
 }
 function withBlur(layer, radius) {
-  const existing = _optionalChain([layer, 'access', _437 => _437.filters, 'optionalAccess', _438 => _438.find, 'call', _439 => _439((f) => f.kind === "blur")]);
+  const existing = _optionalChain([layer, 'access', _439 => _439.filters, 'optionalAccess', _440 => _440.find, 'call', _441 => _441((f) => f.kind === "blur")]);
   const filters = (_nullishCoalesce(layer.filters, () => ( []))).filter((f) => f.kind !== "blur");
   if (radius > 0) {
     filters.push({
-      id: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _440 => _440.id]), () => ( (layer.source === "document" ? _chunk2UR4OX3Bcjs.BLUR_FILTER_ID : _chunk2UR4OX3Bcjs.newLayerId.call(void 0, "flt")))),
+      id: _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _442 => _442.id]), () => ( (layer.source === "document" ? _chunk2UR4OX3Bcjs.BLUR_FILTER_ID : _chunk2UR4OX3Bcjs.newLayerId.call(void 0, "flt")))),
       kind: "blur",
       enabled: true,
       radius
@@ -10522,7 +10568,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', _441 => _441.smartFilters, 'optionalAccess', _442 => _442.mask])) _chunkCWM3CUUXcjs.collectTiles.call(void 0, l.smartFilters.mask.surface, into);
+      if (_optionalChain([l, 'access', _443 => _443.smartFilters, 'optionalAccess', _444 => _444.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);
     }
@@ -10554,7 +10600,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', _443 => _443.filters, 'optionalAccess', _444 => _444.length])) {
+    else if (l.type === "pixel" && _optionalChain([l, 'access', _445 => _445.filters, 'optionalAccess', _446 => _446.length])) {
       const p = { ...l };
       delete p.filters;
       out.push(p);
@@ -10620,7 +10666,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', _445 => _445.bounds]) ? mask : null;
+  return _optionalChain([mask, 'optionalAccess', _447 => _447.bounds]) ? mask : null;
 }
 function sameSelection(a, b) {
   if (a.width !== b.width || a.height !== b.height) return false;
@@ -10830,7 +10876,7 @@ function loadImageEditorDocument(input) {
   }
   const state = { version: 1, ...result.value };
   if (isV2) {
-    if (_optionalChain([state, 'access', _446 => _446.adjustments, 'access', _447 => _447.layers, 'optionalAccess', _448 => _448.length])) state.version = 2;
+    if (_optionalChain([state, 'access', _448 => _448.adjustments, 'access', _449 => _449.layers, 'optionalAccess', _450 => _450.length])) state.version = 2;
     result.report.version = 2;
   }
   if (state.selection === void 0) delete state.selection;
@@ -11038,7 +11084,7 @@ function findAdjustmentControl(id) {
 }
 function findLayerControl(kind, id) {
   if (id === "opacity") return ADJUSTMENT_LAYER_OPACITY_CONTROL;
-  return _optionalChain([ADJUSTMENT_LAYER_CONTROLS, 'access', _449 => _449[kind], 'optionalAccess', _450 => _450.find, 'call', _451 => _451((c) => c.id === id)]);
+  return _optionalChain([ADJUSTMENT_LAYER_CONTROLS, 'access', _451 => _451[kind], 'optionalAccess', _452 => _452.find, 'call', _453 => _453((c) => c.id === id)]);
 }
 function clampControlValue(spec, v) {
   if (typeof v !== "number" || !Number.isFinite(v)) return spec.default;
@@ -11255,7 +11301,7 @@ var DEPTH_MASK_CONTROLS = [
 // src/image-editor/playback.ts
 var IMAGE_PLAYBACK_KIND = "layer";
 var PAINT = /^(paint_stroke|clone_stamp|heal_brush|spot_heal|dodge|burn|sponge|smudge|blur_stroke|sharpen_stroke|history_brush|set_clone_source|set_clone_transform|fill_pixels|clear_pixels|set_paint|set_retouch_options|load_mixer_brush|clean_mixer_brush)$/;
-var SELECT = /^(select_region|select_subject|select_by_color|select_all|deselect|invert_selection|select_rect|select_ellipse|select_polygon|select_line|magic_wand|grow_selection|select_similar|reselect|select_layer_transparency|select_color_range|load_selection_from_image|load_selection_from_mask|set_selection_display|modify_selection|refine_selection|transform_selection|apply_selection_as_mask|layer_via_copy|stroke_selection|content_aware_fill|copy_pixels|cut_pixels|paste_pixels|save_selection|load_selection_from_channel|set_channel_properties|duplicate_channel|delete_channel|load_channel_from_image|set_quick_mask|path_to_selection)$/;
+var SELECT = /^(select_region|select_subject|select_by_color|select_all|deselect|invert_selection|select_rect|select_ellipse|select_polygon|select_line|magic_wand|grow_selection|select_similar|reselect|select_layer_transparency|select_color_range|load_selection_from_image|load_selection_from_mask|set_selection_display|modify_selection|refine_selection|transform_selection|apply_selection_as_mask|layer_via_copy|stroke_selection|content_aware_fill|copy_pixels|cut_pixels|paste_pixels|save_selection|load_selection_from_channel|set_channel_properties|duplicate_channel|delete_channel|load_channel_from_image|set_quick_mask|path_to_selection|select_text_shape)$/;
 var ANNOTATE = /^(add_shape_layer|update_shape|add_shape_component|set_shape_component|remove_shape_component|merge_shape_components|add_text_layer|set_text|set_text_style|set_paragraph_style|set_text_frame|convert_text_to_shape)$/;
 var CROP = /^(set_crop|crop_to_selection|reset_crop|set_rotation|flip_image|transform_layer|warp_layer|flip_layer|offset_layer)$/;
 var ADJUST = /^(set_adjustments|add_adjustment_layer|update_adjustment_layer|remove_adjustment_layer|move_adjustment_layer)$/;
@@ -11376,7 +11422,9 @@ var SELECTION_TOOLS = [
   { id: "column", label: "Single Column" },
   { id: "lasso", label: "Lasso" },
   { id: "polygon", label: "Polygonal Lasso" },
-  { id: "range", label: "Color Range" }
+  { id: "range", label: "Color Range" },
+  { id: "type", label: "Type Mask" },
+  { id: "type-vertical", label: "Vertical Type Mask" }
 ];
 var COLOR_RANGE_PRESET_LABELS = {
   reds: "Reds",
@@ -11407,7 +11455,10 @@ var DEFAULT_SELECTION_TOOL_OPTIONS = {
   feather: 0,
   fuzziness: 40,
   localized: 0,
-  rangeInvert: false
+  rangeInvert: false,
+  typeText: "Type",
+  typeSize: 72,
+  typeFamily: "sans-serif"
 };
 function selectionModeFromModifiers(modifiers, fallback) {
   if (modifiers.shiftKey && modifiers.altKey) return "intersect";
@@ -11477,7 +11528,7 @@ function summary(controller) {
   const area = _chunk2UR4OX3Bcjs.selectionArea.call(void 0, sel);
   return {
     empty: !sel,
-    bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _452 => _452.bounds]), () => ( null)),
+    bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _454 => _454.bounds]), () => ( null)),
     /** Σ coverage in pixels. */
     area: Math.round(area),
     percent: Math.round(area / Math.max(1, width * height) * 1e4) / 100,
@@ -11553,7 +11604,7 @@ function createImageSelectionTools(controller) {
           break;
         }
         case "polygon": {
-          const list = Array.isArray(points) ? points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _453 => _453.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _454 => _454.y]), NaN) })) : [];
+          const list = Array.isArray(points) ? points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _455 => _455.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _456 => _456.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.");
           }
@@ -11781,7 +11832,7 @@ function createImageSelectionTools(controller) {
     },
     annotations: writeAnnotations("Select a polygon (lasso)", true),
     handler: (args) => {
-      const list = Array.isArray(args.points) ? args.points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _455 => _455.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _456 => _456.y]), NaN) })) : [];
+      const list = Array.isArray(args.points) ? args.points.map((p) => ({ x: num2(_optionalChain([p, 'optionalAccess', _457 => _457.x]), NaN), y: num2(_optionalChain([p, 'optionalAccess', _458 => _458.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.");
       }
@@ -11882,7 +11933,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', _457 => _457.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', _459 => _459.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 };
         });
@@ -12397,12 +12448,12 @@ function createImageSubjectSelectionTool(controller) {
     annotations: { ...writeAnnotations("Select a subject"), openWorldHint: true },
     handler: async ({ target, maxSegments, mode, feather }, context) => {
       if (typeof target !== "string" || !target.trim()) throw new Error("target must describe what to select.");
-      const perform = _optionalChain([context, 'optionalAccess', _458 => _458.perform]);
+      const perform = _optionalChain([context, 'optionalAccess', _460 => _460.perform]);
       const { segments } = await controller.selectSubject(target, {
         mode: _chunk2UR4OX3Bcjs.parseSelectionMode.call(void 0, mode),
         feather: num2(feather, 0),
         maxSegments: typeof maxSegments === "number" ? Math.max(1, Math.round(maxSegments)) : void 0,
-        signal: _optionalChain([context, 'optionalAccess', _459 => _459.signal]),
+        signal: _optionalChain([context, 'optionalAccess', _461 => _461.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
       });
@@ -12481,7 +12532,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', _460 => _460.bounds]) && selection.width === state.imageDimensions.width && selection.height === state.imageDimensions.height) {
+    if (_optionalChain([selection, 'optionalAccess', _462 => _462.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);
     }
@@ -12506,7 +12557,7 @@ function createImageCaptureSurface(controller) {
   return {
     units: "image pixels",
     content: whole,
-    selection: () => ({ rect: _nullishCoalesce(_optionalChain([controller, 'access', _461 => _461.getState, 'call', _462 => _462(), 'access', _463 => _463.selection, 'optionalAccess', _464 => _464.bounds]), () => ( null)) }),
+    selection: () => ({ rect: _nullishCoalesce(_optionalChain([controller, 'access', _463 => _463.getState, 'call', _464 => _464(), 'access', _465 => _465.selection, 'optionalAccess', _466 => _466.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)
@@ -12840,7 +12891,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', _465 => _465.live, 'optionalAccess', _466 => _466.kind]), () => ( "path")) })),
+        components: layer.components.map((c) => ({ op: c.op, kind: _nullishCoalesce(_optionalChain([c, 'access', _467 => _467.live, 'optionalAccess', _468 => _468.kind]), () => ( "path")) })),
         fill: layer.fill ? layer.fill.type : null,
         stroke: layer.stroke ? { width: layer.stroke.width, paint: layer.stroke.paint.type } : null
       };
@@ -12862,8 +12913,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', _467 => _467.smartFilters, 'optionalAccess', _468 => _468.filters]), () => ( []))).map((f) => ({ id: f.id, kind: f.kind, enabled: f.enabled }));
-      out.filterMask = maskSummary(_optionalChain([layer, 'access', _469 => _469.smartFilters, 'optionalAccess', _470 => _470.mask]));
+      out.smartFilters = (_nullishCoalesce(_optionalChain([layer, 'access', _469 => _469.smartFilters, 'optionalAccess', _470 => _470.filters]), () => ( []))).map((f) => ({ id: f.id, kind: f.kind, enabled: f.enabled }));
+      out.filterMask = maskSummary(_optionalChain([layer, 'access', _471 => _471.smartFilters, 'optionalAccess', _472 => _472.mask]));
       break;
   }
   return out;
@@ -12891,7 +12942,7 @@ function createImageLayerTools(controller) {
     if (!loc) return null;
     return {
       ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)),
-      parentId: _nullishCoalesce(_optionalChain([loc, 'access', _471 => _471.parent, 'optionalAccess', _472 => _472.id]), () => ( null)),
+      parentId: _nullishCoalesce(_optionalChain([loc, 'access', _473 => _473.parent, 'optionalAccess', _474 => _474.id]), () => ( null)),
       index: loc.index
     };
   };
@@ -13214,7 +13265,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', _473 => _473.mode]), () => ( "off")), layerId: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _474 => _474.layerId]), () => ( null)) };
+      return { view: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _475 => _475.mode]), () => ( "off")), layerId: _nullishCoalesce(_optionalChain([shown, 'optionalAccess', _476 => _476.layerId]), () => ( null)) };
     }
   };
   const maskProps = {
@@ -13789,6 +13840,24 @@ var SelectionGesture = (_class11 = class {
       }
       return;
     }
+    if (options.tool === "type" || options.tool === "type-vertical") {
+      this.start = null;
+      try {
+        this.controller.selectTextShape({
+          text: options.typeText || "Type",
+          x: point.x,
+          y: point.y,
+          orientation: options.tool === "type-vertical" ? "vertical" : "horizontal",
+          style: { fontSize: _nullishCoalesce(options.typeSize, () => ( 72)), fontFamily: options.typeFamily || "sans-serif" },
+          mode: selectionModeFromModifiers(modifiers, options.mode),
+          feather: _nullishCoalesce(options.feather, () => ( 0)),
+          antiAlias: options.antiAlias
+        });
+      } catch (err) {
+        this.error = err instanceof Error ? err.message : String(err);
+      }
+      return;
+    }
     if (options.tool === "wand" || options.tool === "range") {
       this.start = null;
       const common = {
@@ -13922,7 +13991,7 @@ function handleSelectionShortcut(controller, e, onError) {
     try {
       fn();
     } catch (err) {
-      _optionalChain([onError, 'optionalCall', _475 => _475(err instanceof Error ? err.message : String(err))]);
+      _optionalChain([onError, 'optionalCall', _477 => _477(err instanceof Error ? err.message : String(err))]);
     }
     return true;
   };
@@ -13937,9 +14006,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', _476 => _476.mask]) || layer.mask.source) return false;
+  if (!_optionalChain([layer, 'optionalAccess', _478 => _478.mask]) || layer.mask.source) return false;
   const view = controller.getMaskView();
-  controller.setMaskView(_optionalChain([view, 'optionalAccess', _477 => _477.layerId]) === layer.id && view.mode === "overlay" ? "off" : "overlay", layer.id);
+  controller.setMaskView(_optionalChain([view, 'optionalAccess', _479 => _479.layerId]) === layer.id && view.mode === "overlay" ? "off" : "overlay", layer.id);
   return true;
 }
 function handleQuickMaskKey(controller, e) {
@@ -14153,7 +14222,7 @@ var PaintGesture = (_class12 = 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', _478 => _478.locks, 'optionalAccess', _479 => _479.all]) || _optionalChain([layer, 'access', _480 => _480.locks, 'optionalAccess', _481 => _481.position])) throw new Error(`Layer "${layer.name}" has its position locked.`);
+        if (_optionalChain([layer, 'access', _480 => _480.locks, 'optionalAccess', _481 => _481.all]) || _optionalChain([layer, 'access', _482 => _482.locks, 'optionalAccess', _483 => _483.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 = _chunk2UR4OX3Bcjs.shapeGeometryBounds.call(void 0, layer);
           return b ? { x: b.x, y: b.y } : { x: 0, y: 0 };
@@ -14210,7 +14279,7 @@ var PaintGesture = (_class12 = class {
     this.move = null;
   }
   cancel() {
-    _optionalChain([this, 'access', _482 => _482.stroke, 'optionalAccess', _483 => _483.cancel, 'call', _484 => _484()]);
+    _optionalChain([this, 'access', _484 => _484.stroke, 'optionalAccess', _485 => _485.cancel, 'call', _486 => _486()]);
     this.stroke = null;
     this.move = null;
   }
@@ -15291,7 +15360,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', _485 => _485.parent, 'optionalAccess', _486 => _486.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _487 => _487.parent, 'optionalAccess', _488 => _488.id]), () => ( null)), index: loc.index } : null;
   };
   const getSmart = {
     name: "get_smart_object",
@@ -15848,7 +15917,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', _487 => _487.parent, 'optionalAccess', _488 => _488.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _489 => _489.parent, 'optionalAccess', _490 => _490.id]), () => ( null)), index: loc.index } : null;
   };
   const get = {
     name: "get_shape_layer",
@@ -16065,7 +16134,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', _489 => _489.bounds]), () => ( null)), area: Math.round(sel ? _chunk2UR4OX3Bcjs.selectionArea.call(void 0, sel) : 0) };
+      return { empty: !sel, bounds: _nullishCoalesce(_optionalChain([sel, 'optionalAccess', _491 => _491.bounds]), () => ( null)), area: Math.round(sel ? _chunk2UR4OX3Bcjs.selectionArea.call(void 0, sel) : 0) };
     }
   };
   const getVectorMask = {
@@ -16096,7 +16165,7 @@ function createImageShapeTools(controller) {
     handler: (args) => {
       const id = layerArg(args.layerId);
       const spec = pathSpec(args);
-      const hasPath = _optionalChain([spec, 'access', _490 => _490.components, 'optionalAccess', _491 => _491.length]) || spec.shape !== void 0 || spec.subpaths !== void 0;
+      const hasPath = _optionalChain([spec, 'access', _492 => _492.components, 'optionalAccess', _493 => _493.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));
@@ -16210,7 +16279,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', _492 => _492.parent, 'optionalAccess', _493 => _493.id]), () => ( null)), index: loc.index } : null;
+    return loc ? { ...describeLayer(loc.layer, s.activeLayerId, (x) => controller.getLayerBounds(x.id)), parentId: _nullishCoalesce(_optionalChain([loc, 'access', _494 => _494.parent, 'optionalAccess', _495 => _495.id]), () => ( null)), index: loc.index } : null;
   };
   const range = (args) => ({ start: args.start, end: args.end });
   const listFonts = {
@@ -16219,7 +16288,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', _494 => _494.getTextShaper, 'call', _495 => _495(), 'optionalAccess', _496 => _496.id]), () => ( null)) })
+    handler: () => ({ families: controller.listFonts(), shaper: _nullishCoalesce(_optionalChain([controller, 'access', _496 => _496.getTextShaper, 'call', _497 => _497(), 'optionalAccess', _498 => _498.id]), () => ( null)) })
   };
   const get = {
     name: "get_text_layer",
@@ -16333,7 +16402,43 @@ function createImageTypeTools(controller) {
       return { layer: layerSummary(id), shape: controller.getShapeLayer(id), warnings };
     }
   };
-  return [listFonts, get, add2, setText, setStyle, setParagraph, setFrame, toShape];
+  const typeMask = {
+    name: "select_text_shape",
+    title: "Select the shape of text",
+    description: "Horizontal / Vertical Type Mask: selects the shape of text laid out as add_text_layer would place it (font family, size, weight, tracking, box, rotation; colour is ignored), combined with the current selection by mode. No layer is added. Vertical stacks the characters top to bottom, centred on x (one column; add more with mode add). Use it to cut text out of an image (layer_via_copy), fill letters with a photo (add_layer_mask), or mask an adjustment. Check fonts with list_fonts first. One undo step. Returns the selection.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        text: { type: "string", minLength: 1, description: "The text; \\n starts a new line (horizontal only)." },
+        x: { type: "number", description: "Document x of the origin, pixels (vertical: the column centre)." },
+        y: { type: "number", description: "Document y of the origin (the first baseline), pixels." },
+        orientation: { type: "string", enum: ["horizontal", "vertical"], description: "horizontal (default) or vertical (characters stacked top to bottom)." },
+        box: {
+          type: "object",
+          description: "Horizontal only: wrap in this box, pixels.",
+          properties: { width: { type: "number", minimum: 1, description: "Box width, pixels." }, height: { type: "number", minimum: 1, description: "Box height, pixels." } },
+          required: ["width", "height"],
+          additionalProperties: false
+        },
+        style: { type: "object", description: "Character style (size in px, family, weight, tracking\u2026; colour is ignored).", properties: STYLE, additionalProperties: false },
+        paragraph: { type: "object", description: "Paragraph style (alignment, leading\u2026).", properties: PARAGRAPH, additionalProperties: false },
+        rotation: { type: "number", description: "Degrees clockwise about the origin (default 0)." },
+        mode: { type: "string", enum: ["replace", "add", "subtract", "intersect"], description: "How it combines with the current selection (default replace)." },
+        feather: { type: "number", minimum: 0, maximum: 1e3, description: "Feather radius in px (default 0)." },
+        antiAlias: { type: "boolean", description: "Soft glyph edges (default true)." }
+      },
+      required: ["text", "x", "y"],
+      additionalProperties: false
+    },
+    annotations: { title: "Select the shape of text", ...WRITE9 },
+    handler: (args) => {
+      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', _499 => _499.bounds]), () => ( null)), area: Math.round(sel ? _chunk2UR4OX3Bcjs.selectionArea.call(void 0, sel) : 0) };
+    }
+  };
+  return [listFonts, get, add2, setText, setStyle, setParagraph, setFrame, toShape, typeMask];
 }
 
 // src/image-editor/tools.ts
@@ -16509,7 +16614,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', _497 => _497.getLayer, 'call', _498 => _498(parentId), 'optionalAccess', _499 => _499.type]) !== "group") throw new Error(`Layer "${parentId}" is not a group.`);
+      if (parentId !== void 0 && _optionalChain([controller, 'access', _500 => _500.getLayer, 'call', _501 => _501(parentId), 'optionalAccess', _502 => _502.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) };
@@ -16823,7 +16928,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', _500 => _500.layerId]) === layer.id && view.mode === mode ? "off" : mode, layer.id);
+    controller.setMaskView(_optionalChain([view, 'optionalAccess', _503 => _503.layerId]) === layer.id && view.mode === mode ? "off" : mode, layer.id);
   } else if (e.shiftKey) {
     controller.setLayerMaskProps(layer.id, { enabled: layer.mask.enabled === false });
   } else {
@@ -16887,7 +16992,7 @@ function layerHasThumbnail(layer) {
   return layer.type === "pixel" || layer.type === "shape" || layer.type === "type";
 }
 function layerWarning(layer) {
-  if (layer.type === "type" && _optionalChain([layer, 'access', _501 => _501.missingFonts, 'optionalAccess', _502 => _502.length])) {
+  if (layer.type === "type" && _optionalChain([layer, 'access', _504 => _504.missingFonts, 'optionalAccess', _505 => _505.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;
@@ -16910,16 +17015,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', _503 => _503.type]) === "pixel";
-  const hasOwnPixels = _optionalChain([active, 'optionalAccess', _504 => _504.type]) === "pixel" || _optionalChain([active, 'optionalAccess', _505 => _505.type]) === "shape" || _optionalChain([active, 'optionalAccess', _506 => _506.type]) === "type" || _optionalChain([active, 'optionalAccess', _507 => _507.type]) === "smart";
+  const isPixel = _optionalChain([active, 'optionalAccess', _506 => _506.type]) === "pixel";
+  const hasOwnPixels = _optionalChain([active, 'optionalAccess', _507 => _507.type]) === "pixel" || _optionalChain([active, 'optionalAccess', _508 => _508.type]) === "shape" || _optionalChain([active, 'optionalAccess', _509 => _509.type]) === "type" || _optionalChain([active, 'optionalAccess', _510 => _510.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', _508 => _508.type]) === "group" },
-    { action: "merge-down", label: "Merge Down", enabled: Boolean(_optionalChain([active, 'optionalAccess', _509 => _509.visible]) && _optionalChain([below, 'optionalAccess', _510 => _510.type]) === "pixel") },
+    { action: "ungroup", label: "Ungroup", enabled: _optionalChain([active, 'optionalAccess', _511 => _511.type]) === "group" },
+    { action: "merge-down", label: "Merge Down", enabled: Boolean(_optionalChain([active, 'optionalAccess', _512 => _512.visible]) && _optionalChain([below, 'optionalAccess', _513 => _513.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 },
@@ -16929,27 +17034,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', _511 => _511.mask])) },
-    { action: "delete-mask", label: "Delete Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _512 => _512.mask])) },
-    { action: "toggle-mask", label: _optionalChain([active, 'optionalAccess', _513 => _513.mask, 'optionalAccess', _514 => _514.enabled]) === false ? "Enable Layer Mask" : "Disable Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _515 => _515.mask])) },
-    { action: "toggle-mask-link", label: _optionalChain([active, 'optionalAccess', _516 => _516.mask, 'optionalAccess', _517 => _517.linked]) === false ? "Link Layer Mask" : "Unlink Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _518 => _518.mask]) && !active.mask.source) },
-    { action: "add-vector-mask", label: "Add Vector Mask (Reveal All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _519 => _519.mask, 'optionalAccess', _520 => _520.source])) },
-    { action: "add-vector-mask-hide", label: "Add Vector Mask (Hide All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _521 => _521.mask, 'optionalAccess', _522 => _522.source])) },
-    { action: "add-vector-mask-selection", label: "Add Vector Mask from Selection", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _523 => _523.mask, 'optionalAccess', _524 => _524.source])) && hasSel },
-    { action: "delete-vector-mask", label: "Delete Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _525 => _525.vectorMask])) },
-    { action: "toggle-vector-mask", label: _optionalChain([active, 'optionalAccess', _526 => _526.vectorMask, 'optionalAccess', _527 => _527.enabled]) === false ? "Enable Vector Mask" : "Disable Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _528 => _528.vectorMask])) },
-    { action: "rasterize-vector-mask", label: "Rasterize Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _529 => _529.vectorMask])) },
-    { action: "rasterize", label: "Rasterize Layer", enabled: _optionalChain([active, 'optionalAccess', _530 => _530.type]) === "annotation" || _optionalChain([active, 'optionalAccess', _531 => _531.type]) === "smart" || _optionalChain([active, 'optionalAccess', _532 => _532.type]) === "shape" || _optionalChain([active, 'optionalAccess', _533 => _533.type]) === "type" || isPixel && Boolean(_optionalChain([active, 'optionalAccess', _534 => _534.type]) === "pixel" && _optionalChain([active, 'access', _535 => _535.filters, 'optionalAccess', _536 => _536.length])) },
+    { action: "apply-mask", label: "Apply Layer Mask", enabled: isPixel && Boolean(_optionalChain([active, 'optionalAccess', _514 => _514.mask])) },
+    { action: "delete-mask", label: "Delete Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _515 => _515.mask])) },
+    { action: "toggle-mask", label: _optionalChain([active, 'optionalAccess', _516 => _516.mask, 'optionalAccess', _517 => _517.enabled]) === false ? "Enable Layer Mask" : "Disable Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _518 => _518.mask])) },
+    { action: "toggle-mask-link", label: _optionalChain([active, 'optionalAccess', _519 => _519.mask, 'optionalAccess', _520 => _520.linked]) === false ? "Link Layer Mask" : "Unlink Layer Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _521 => _521.mask]) && !active.mask.source) },
+    { action: "add-vector-mask", label: "Add Vector Mask (Reveal All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _522 => _522.mask, 'optionalAccess', _523 => _523.source])) },
+    { action: "add-vector-mask-hide", label: "Add Vector Mask (Hide All)", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _524 => _524.mask, 'optionalAccess', _525 => _525.source])) },
+    { action: "add-vector-mask-selection", label: "Add Vector Mask from Selection", enabled: Boolean(active && active.type !== "shape" && !_optionalChain([active, 'access', _526 => _526.mask, 'optionalAccess', _527 => _527.source])) && hasSel },
+    { action: "delete-vector-mask", label: "Delete Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _528 => _528.vectorMask])) },
+    { action: "toggle-vector-mask", label: _optionalChain([active, 'optionalAccess', _529 => _529.vectorMask, 'optionalAccess', _530 => _530.enabled]) === false ? "Enable Vector Mask" : "Disable Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _531 => _531.vectorMask])) },
+    { action: "rasterize-vector-mask", label: "Rasterize Vector Mask", enabled: Boolean(_optionalChain([active, 'optionalAccess', _532 => _532.vectorMask])) },
+    { action: "rasterize", label: "Rasterize Layer", enabled: _optionalChain([active, 'optionalAccess', _533 => _533.type]) === "annotation" || _optionalChain([active, 'optionalAccess', _534 => _534.type]) === "smart" || _optionalChain([active, 'optionalAccess', _535 => _535.type]) === "shape" || _optionalChain([active, 'optionalAccess', _536 => _536.type]) === "type" || isPixel && Boolean(_optionalChain([active, 'optionalAccess', _537 => _537.type]) === "pixel" && _optionalChain([active, 'access', _538 => _538.filters, 'optionalAccess', _539 => _539.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', _537 => _537.type]) === "smart" },
-    { action: "smart-via-copy", label: "New Smart Object via Copy", enabled: _optionalChain([active, 'optionalAccess', _538 => _538.type]) === "smart" },
-    { action: "add-filter-mask", label: "Add Smart Filter Mask", enabled: _optionalChain([active, 'optionalAccess', _539 => _539.type]) === "smart" && !_optionalChain([active, 'access', _540 => _540.smartFilters, 'optionalAccess', _541 => _541.mask]) },
-    { action: "toggle-clip", label: _optionalChain([active, 'optionalAccess', _542 => _542.clipped]) ? "Release Clipping Mask" : "Create Clipping Mask", enabled: Boolean(loc && loc.index > 0) }
+    { action: "edit-contents", label: "Edit Contents", enabled: _optionalChain([active, 'optionalAccess', _540 => _540.type]) === "smart" },
+    { action: "smart-via-copy", label: "New Smart Object via Copy", enabled: _optionalChain([active, 'optionalAccess', _541 => _541.type]) === "smart" },
+    { action: "add-filter-mask", label: "Add Smart Filter Mask", enabled: _optionalChain([active, 'optionalAccess', _542 => _542.type]) === "smart" && !_optionalChain([active, 'access', _543 => _543.smartFilters, 'optionalAccess', _544 => _544.mask]) },
+    { action: "toggle-clip", label: _optionalChain([active, 'optionalAccess', _545 => _545.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', _543 => _543.id]);
+  const id = _optionalChain([active, 'optionalAccess', _546 => _546.id]);
   try {
     switch (action) {
       case "new-layer":
@@ -17005,10 +17110,10 @@ async function runLayerMenuAction(controller, action) {
         if (id) controller.removeLayerMask(id);
         break;
       case "toggle-mask":
-        if (id && _optionalChain([active, 'optionalAccess', _544 => _544.mask])) controller.setLayerMaskProps(id, { enabled: active.mask.enabled === false });
+        if (id && _optionalChain([active, 'optionalAccess', _547 => _547.mask])) controller.setLayerMaskProps(id, { enabled: active.mask.enabled === false });
         break;
       case "toggle-mask-link":
-        if (id && _optionalChain([active, 'optionalAccess', _545 => _545.mask])) controller.setLayerMaskProps(id, { linked: active.mask.linked === false });
+        if (id && _optionalChain([active, 'optionalAccess', _548 => _548.mask])) controller.setLayerMaskProps(id, { linked: active.mask.linked === false });
         break;
       case "add-vector-mask":
       case "add-vector-mask-hide":
@@ -17021,7 +17126,7 @@ async function runLayerMenuAction(controller, action) {
         if (id) controller.removeVectorMask(id);
         break;
       case "toggle-vector-mask":
-        if (id && _optionalChain([active, 'optionalAccess', _546 => _546.vectorMask])) controller.setVectorMaskProps(id, { enabled: active.vectorMask.enabled === false });
+        if (id && _optionalChain([active, 'optionalAccess', _549 => _549.vectorMask])) controller.setVectorMaskProps(id, { enabled: active.vectorMask.enabled === false });
         break;
       case "rasterize-vector-mask":
         if (id) controller.rasterizeVectorMask(id);
@@ -17042,7 +17147,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', _547 => _547.clipped]) });
+        if (id) controller.setLayerProperties(id, { clipped: !_optionalChain([active, 'optionalAccess', _550 => _550.clipped]) });
         break;
     }
     return null;
@@ -17052,7 +17157,7 @@ async function runLayerMenuAction(controller, action) {
 }
 function smartFilterRows(layer) {
   if (layer.type !== "smart") return [];
-  const list = _nullishCoalesce(_optionalChain([layer, 'access', _548 => _548.smartFilters, 'optionalAccess', _549 => _549.filters]), () => ( []));
+  const list = _nullishCoalesce(_optionalChain([layer, 'access', _551 => _551.smartFilters, 'optionalAccess', _552 => _552.filters]), () => ( []));
   const rows = list.map((f, index) => ({
     filter: f,
     index,
@@ -17078,8 +17183,8 @@ function extractNormalizedLayerItems(controller, fallbackImageUrl = "") {
   };
   collectSerialized(_nullishCoalesce(serialized.layers, () => ( [])));
   const sLayerMap = new Map(allSerializedLayers.map((sl) => [sl.id, sl]));
-  const imgW = _optionalChain([state, 'access', _550 => _550.imageDimensions, 'optionalAccess', _551 => _551.width]) || 1;
-  const imgH = _optionalChain([state, 'access', _552 => _552.imageDimensions, 'optionalAccess', _553 => _553.height]) || 1;
+  const imgW = _optionalChain([state, 'access', _553 => _553.imageDimensions, 'optionalAccess', _554 => _554.width]) || 1;
+  const imgH = _optionalChain([state, 'access', _555 => _555.imageDimensions, 'optionalAccess', _556 => _556.height]) || 1;
   return ctrlLayers.map((l) => {
     const bounds = controller.getLayerBounds(l.id) || {
       x: 0,
@@ -17088,8 +17193,8 @@ function extractNormalizedLayerItems(controller, fallbackImageUrl = "") {
       height: imgH
     };
     const sLayer = sLayerMap.get(l.id);
-    const assetKey = _optionalChain([sLayer, 'optionalAccess', _554 => _554.asset]);
-    const layerDataUrl = assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _555 => _555.source]) === "document" ? fallbackImageUrl : "");
+    const assetKey = _optionalChain([sLayer, 'optionalAccess', _557 => _557.asset]);
+    const layerDataUrl = assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _558 => _558.source]) === "document" ? fallbackImageUrl : "");
     return {
       id: l.id,
       name: l.name || "Untitled Layer",
@@ -17143,9 +17248,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', _556 => _556.text]) || "New Text",
-      x: typeof _optionalChain([init, 'optionalAccess', _557 => _557.x]) === "number" ? init.x : cx - 100,
-      y: typeof _optionalChain([init, 'optionalAccess', _558 => _558.y]) === "number" ? init.y : cy,
+      text: _optionalChain([init, 'optionalAccess', _559 => _559.text]) || "New Text",
+      x: typeof _optionalChain([init, 'optionalAccess', _560 => _560.x]) === "number" ? init.x : cx - 100,
+      y: typeof _optionalChain([init, 'optionalAccess', _561 => _561.y]) === "number" ? init.y : cy,
       ...init
     });
   }
@@ -17158,10 +17263,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "rect",
-        x: typeof _optionalChain([init, 'optionalAccess', _559 => _559.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _560 => _560.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _561 => _561.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _562 => _562.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _562 => _562.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _563 => _563.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _564 => _564.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _565 => _565.height]) === "number" ? init.height : h
       },
       name: "Rectangle",
       ...init
@@ -17176,10 +17281,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "ellipse",
-        x: typeof _optionalChain([init, 'optionalAccess', _563 => _563.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _564 => _564.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _565 => _565.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _566 => _566.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _566 => _566.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _567 => _567.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _568 => _568.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _569 => _569.height]) === "number" ? init.height : h
       },
       name: "Ellipse",
       ...init
@@ -17240,18 +17345,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', _567 => _567.locks, 'optionalAccess', _568 => _568.all]));
+  const readOnly = Boolean(_optionalChain([layer, 'access', _570 => _570.locks, 'optionalAccess', _571 => _571.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', _569 => _569.enabled]), () => ( true)),
-    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _570 => _570.scale]), () => ( 1)),
-    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _571 => _571.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', _572 => _572.enabled]), () => ( true)),
+    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _573 => _573.scale]), () => ( 1)),
+    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _574 => _574.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', _572 => _572.effects, 'optionalAccess', _573 => _573.items, 'access', _574 => _574.length])) return null;
+  if (!_optionalChain([layer, 'access', _575 => _575.effects, 'optionalAccess', _576 => _576.items, 'access', _577 => _577.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) }));
@@ -17296,8 +17401,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', _575 => _575.stops, 'access', _576 => _576[0], 'optionalAccess', _577 => _577.color]), () => ( "#000000")) },
-    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _578 => _578.stops, 'access', _579 => _579[g.stops.length - 1], 'optionalAccess', _580 => _580.color]), () => ( "#ffffff")) },
+    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _578 => _578.stops, 'access', _579 => _579[0], 'optionalAccess', _580 => _580.color]), () => ( "#000000")) },
+    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _581 => _581.stops, 'access', _582 => _582[g.stops.length - 1], 'optionalAccess', _583 => _583.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: "%" },
@@ -17389,19 +17494,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', _581 => _581[0], 'optionalAccess', _582 => _582.id]), () => ( "checker")), scale: 1 };
+  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _584 => _584[0], 'optionalAccess', _585 => _585.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', _583 => _583(patterns), 'access', _584 => _584.find, 'call', _585 => _585((o) => o.value === value), 'optionalAccess', _586 => _586.label]);
+    const name = _optionalChain([patternOptions, 'call', _586 => _586(patterns), 'access', _587 => _587.find, 'call', _588 => _588((o) => o.value === value), 'optionalAccess', _589 => _589.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', _587 => _587(patterns), 'access', _588 => _588.find, 'call', _589 => _589((o) => o.value === value), 'optionalAccess', _590 => _590.label]);
+    const name = _optionalChain([patternOptions, 'call', _590 => _590(patterns), 'access', _591 => _591.find, 'call', _592 => _592((o) => o.value === value), 'optionalAccess', _593 => _593.label]);
     return { fill: { ...effect.fill, patternId: value, ...name ? { name } : {} } };
   }
   return { [top]: setPath(getPath(effect, top), rest, value) };
@@ -17428,7 +17533,7 @@ function colorPanelView(controller) {
     profileName: profile.name,
     workingSpace: profile.builtin,
     mode: profile.mode,
-    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _591 => _591.cmykProfile, 'optionalAccess', _592 => _592.name]), () => ( null)),
+    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _594 => _594.cmykProfile, 'optionalAccess', _595 => _595.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
   };
 }
@@ -17636,7 +17741,7 @@ var FreeTransformTool = (_class13 = class {
   __init121() {this.error = null}
   __init122() {this.lastResult = null}
   get active() {
-    return Boolean(_optionalChain([this, 'access', _593 => _593.sessionRef, 'optionalAccess', _594 => _594.isOpen]));
+    return Boolean(_optionalChain([this, 'access', _596 => _596.sessionRef, 'optionalAccess', _597 => _597.isOpen]));
   }
   get session() {
     return this.active ? this.sessionRef : null;
@@ -17645,7 +17750,7 @@ var FreeTransformTool = (_class13 = class {
     return this.modeValue;
   }
   get interpolation() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _595 => _595.sessionRef, 'optionalAccess', _596 => _596.interpolation]), () => ( "bicubic"));
+    return _nullishCoalesce(_optionalChain([this, 'access', _598 => _598.sessionRef, 'optionalAccess', _599 => _599.interpolation]), () => ( "bicubic"));
   }
   /** Whether the open transform has changed anything yet (a commit would add an undo step). */
   get modified() {
@@ -17664,7 +17769,7 @@ var FreeTransformTool = (_class13 = class {
     };
   }
   changed() {
-    _optionalChain([this, 'access', _597 => _597.options, 'access', _598 => _598.onChange, 'optionalCall', _599 => _599()]);
+    _optionalChain([this, 'access', _600 => _600.options, 'access', _601 => _601.onChange, 'optionalCall', _602 => _602()]);
     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`. */
@@ -18057,7 +18162,7 @@ var FreeTransformTool = (_class13 = class {
   }
   /** Abandons the transform and restores everything. */
   cancel() {
-    _optionalChain([this, 'access', _600 => _600.sessionRef, 'optionalAccess', _601 => _601.cancel, 'call', _602 => _602()]);
+    _optionalChain([this, 'access', _603 => _603.sessionRef, 'optionalAccess', _604 => _604.cancel, 'call', _605 => _605()]);
     this.sessionRef = null;
     this.corners = null;
     this.mesh = null;
@@ -18113,7 +18218,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', _603 => _603.smartFilters, 'optionalAccess', _604 => _604.filters]), () => ( []))).forEach((f, index) => {
+    (_nullishCoalesce(_optionalChain([layer, 'access', _606 => _606.smartFilters, 'optionalAccess', _607 => _607.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;