@puckeditor/plugin-ai 0.8.0-canary.844eb87d → 0.8.0-canary.847b2ca9

package/dist/index.js

@@ -136,6 +136,259 @@ var require_classnames = __commonJS({
   }
 });
 
+// ../reducer/dist/index.js
+var require_dist = __commonJS({
+  "../reducer/dist/index.js"(exports2, module2) {
+    "use strict";
+    init_react_import();
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to2, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to2, key) && key !== except)
+            __defProp2(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to2;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var index_exports2 = {};
+    __export2(index_exports2, {
+      dispatchOp: () => dispatchOp2,
+      resolveAppends: () => resolveAppends
+    });
+    module2.exports = __toCommonJS2(index_exports2);
+    var parseAppendPath = (path) => {
+      const segments = [];
+      const pattern = /([^.[\]]+)|\[(\d+)\]/g;
+      let match;
+      while ((match = pattern.exec(path)) !== null) {
+        segments.push(match[2] !== void 0 ? Number(match[2]) : match[1]);
+      }
+      return segments;
+    };
+    var appendAtPath = (base, segments, tail) => {
+      if (segments.length === 0) {
+        return `${typeof base === "string" ? base : ""}${tail}`;
+      }
+      const [head, ...rest] = segments;
+      if (typeof head === "number") {
+        const arr = Array.isArray(base) ? [...base] : [];
+        arr[head] = appendAtPath(arr[head], rest, tail);
+        return arr;
+      }
+      const obj = typeof base === "object" && base !== null && !Array.isArray(base) ? { ...base } : {};
+      obj[head] = appendAtPath(obj[head], rest, tail);
+      return obj;
+    };
+    var resolveAppends = (existingProps, props, appends) => {
+      if (!appends) return props;
+      const resolved = { ...props };
+      for (const [path, tail] of Object.entries(appends)) {
+        const [rootKey, ...rest] = parseAppendPath(path);
+        if (typeof rootKey !== "string") continue;
+        const base = rootKey in resolved ? resolved[rootKey] : existingProps == null ? void 0 : existingProps[rootKey];
+        resolved[rootKey] = appendAtPath(base, rest, tail);
+      }
+      return resolved;
+    };
+    var getSelectorForId = (state, id) => {
+      const node = state.indexes.nodes[id];
+      if (!node) return;
+      const zoneCompound = `${node.parentId}:${node.zone}`;
+      const zone = state.indexes.zones[zoneCompound];
+      if (!zone) return;
+      const index = zone.contentIds.indexOf(id);
+      return { zone: zoneCompound, index };
+    };
+    var getItemById = (state, id) => {
+      var _a2;
+      return (_a2 = state.indexes.nodes[id]) == null ? void 0 : _a2.data;
+    };
+    var applyArrayDefaults = (oldProps, newProps, fields) => {
+      const updatedProps = {
+        ...oldProps,
+        ...newProps
+      };
+      for (const fieldName in fields) {
+        const field = fields[fieldName];
+        if (field.type === "array") {
+          const arrayField = field;
+          const arrayFields = arrayField.arrayFields;
+          updatedProps[fieldName] = updatedProps[fieldName].map(
+            (item, index) => {
+              var _a2, _b;
+              const newItem = {};
+              const defaultValue = typeof arrayField.defaultItemProps === "function" ? arrayField.defaultItemProps(index) : arrayField.defaultItemProps;
+              for (const arrayFieldName in arrayFields) {
+                const subField = arrayFields[arrayFieldName];
+                if (subField.type === "slot") {
+                  newItem[arrayFieldName] = item[arrayFieldName] ?? ((_b = (_a2 = oldProps[fieldName]) == null ? void 0 : _a2[index]) == null ? void 0 : _b[arrayFieldName]) ?? (defaultValue == null ? void 0 : defaultValue[arrayFieldName]);
+                } else {
+                  newItem[arrayFieldName] = item[arrayFieldName] ?? (defaultValue == null ? void 0 : defaultValue[arrayFieldName]);
+                }
+              }
+              return newItem;
+            }
+          );
+        }
+      }
+      return updatedProps;
+    };
+    var dispatchOp2 = (operation, {
+      getState,
+      dispatchAction,
+      config
+    }) => {
+      var _a2, _b;
+      const state = getState();
+      try {
+        if (operation.op === "add") {
+          if (operation.zone) {
+            dispatchAction({
+              type: "insert",
+              destinationIndex: operation.index,
+              destinationZone: operation.zone,
+              componentType: operation.type,
+              id: operation.id,
+              recordHistory: false
+            });
+            const existing = getItemById(getState(), operation.id);
+            if (!existing) {
+              throw new Error(
+                `Tried to update an item that doesn't exist: ${operation.id}`
+              );
+            }
+            const newData = {
+              ...existing,
+              props: applyArrayDefaults(
+                existing.props,
+                operation.props,
+                config.components[existing.type].fields
+              )
+            };
+            newData.props.id ||= operation.id;
+            const selector = getSelectorForId(getState(), operation.id);
+            if (!selector) {
+              throw new Error(
+                `Tried to replace an item that doesn't exist: ${operation.id}`
+              );
+            }
+            dispatchAction({
+              type: "replace",
+              destinationIndex: selector.index,
+              destinationZone: selector.zone,
+              data: newData,
+              recordHistory: false
+            });
+          }
+        } else if (operation.op === "update") {
+          const selector = getSelectorForId(state, operation.id);
+          const existing = getItemById(state, operation.id);
+          if (!selector || !existing) {
+            throw new Error(
+              `Tried to update an item that doesn't exist: ${operation.id}`
+            );
+          }
+          const newData = {
+            ...existing,
+            props: applyArrayDefaults(
+              existing.props,
+              resolveAppends(
+                existing.props,
+                operation.props,
+                operation.appends
+              ),
+              config.components[existing.type].fields
+            )
+          };
+          dispatchAction({
+            type: "replace",
+            destinationIndex: selector.index,
+            destinationZone: selector.zone,
+            data: newData,
+            recordHistory: false
+          });
+        } else if (operation.op === "updateRoot") {
+          const existing = state.data.root;
+          const defaultProps = ((_a2 = config.root) == null ? void 0 : _a2.defaultProps) ?? {};
+          dispatchAction({
+            type: "replaceRoot",
+            root: {
+              ...existing,
+              props: {
+                ...defaultProps,
+                ...existing.props,
+                ...resolveAppends(
+                  existing.props ?? {},
+                  operation.props,
+                  operation.appends
+                )
+              }
+            },
+            recordHistory: false
+          });
+        } else if (operation.op === "delete") {
+          const selector = getSelectorForId(state, operation.id);
+          if (selector) {
+            dispatchAction({
+              type: "remove",
+              zone: selector.zone,
+              index: selector.index,
+              recordHistory: false
+            });
+          }
+        } else if (operation.op === "duplicate") {
+          const selector = getSelectorForId(state, operation.id);
+          if (!selector) {
+            throw new Error(
+              `Tried to duplicate an item that doesn't exist: ${operation.id}`
+            );
+          }
+          dispatchAction({
+            type: "duplicate",
+            sourceZone: selector.zone,
+            sourceIndex: selector.index,
+            recordHistory: false
+          });
+        } else if (operation.op === "move") {
+          const selector = getSelectorForId(state, operation.id);
+          if (!selector) {
+            throw new Error(
+              `Tried to move an item that doesn't exist: ${operation.id}`
+            );
+          }
+          dispatchAction({
+            type: "move",
+            sourceZone: selector.zone,
+            sourceIndex: selector.index,
+            destinationIndex: operation.index,
+            destinationZone: operation.zone,
+            recordHistory: false
+          });
+        } else if (operation.op === "reset") {
+          const defaultRootProps = ((_b = config.root) == null ? void 0 : _b.defaultProps) ?? {};
+          dispatchAction({
+            type: "setData",
+            data: { content: [], root: defaultRootProps },
+            recordHistory: false
+          });
+        } else {
+          throw new Error(`Unknown operation: ${operation.op}`);
+        }
+      } catch (e2) {
+        console.error("Error applying operation, skipping...", operation, e2);
+      }
+    };
+  }
+});
+
 // index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -7622,228 +7875,7 @@ function ExamplePrompt({
 
 // src/components/Chat/index.tsx
 var import_qler = __toESM(require("qler"));
-
-// ../reducer/index.ts
-init_react_import();
-var parseAppendPath = (path) => {
-  const segments = [];
-  const pattern = /([^.[\]]+)|\[(\d+)\]/g;
-  let match;
-  while ((match = pattern.exec(path)) !== null) {
-    segments.push(match[2] !== void 0 ? Number(match[2]) : match[1]);
-  }
-  return segments;
-};
-var appendAtPath = (base, segments, tail) => {
-  if (segments.length === 0) {
-    return `${typeof base === "string" ? base : ""}${tail}`;
-  }
-  const [head, ...rest] = segments;
-  if (typeof head === "number") {
-    const arr = Array.isArray(base) ? [...base] : [];
-    arr[head] = appendAtPath(arr[head], rest, tail);
-    return arr;
-  }
-  const obj = typeof base === "object" && base !== null && !Array.isArray(base) ? { ...base } : {};
-  obj[head] = appendAtPath(obj[head], rest, tail);
-  return obj;
-};
-var resolveAppends = (existingProps, props, appends) => {
-  if (!appends) return props;
-  const resolved = { ...props };
-  for (const [path, tail] of Object.entries(appends)) {
-    const [rootKey, ...rest] = parseAppendPath(path);
-    if (typeof rootKey !== "string") continue;
-    const base = rootKey in resolved ? resolved[rootKey] : existingProps?.[rootKey];
-    resolved[rootKey] = appendAtPath(base, rest, tail);
-  }
-  return resolved;
-};
-var getSelectorForId = (state, id) => {
-  const node = state.indexes.nodes[id];
-  if (!node) return;
-  const zoneCompound = `${node.parentId}:${node.zone}`;
-  const zone = state.indexes.zones[zoneCompound];
-  if (!zone) return;
-  const index = zone.contentIds.indexOf(id);
-  return { zone: zoneCompound, index };
-};
-var getItemById = (state, id) => state.indexes.nodes[id]?.data;
-var applyArrayDefaults = (oldProps, newProps, fields) => {
-  const updatedProps = {
-    ...oldProps,
-    ...newProps
-  };
-  for (const fieldName in fields) {
-    const field = fields[fieldName];
-    if (field.type === "array") {
-      const arrayField = field;
-      const arrayFields = arrayField.arrayFields;
-      updatedProps[fieldName] = updatedProps[fieldName].map(
-        (item, index) => {
-          const newItem = {};
-          const defaultValue = typeof arrayField.defaultItemProps === "function" ? arrayField.defaultItemProps(index) : arrayField.defaultItemProps;
-          for (const arrayFieldName in arrayFields) {
-            const subField = arrayFields[arrayFieldName];
-            if (subField.type === "slot") {
-              newItem[arrayFieldName] = item[arrayFieldName] ?? oldProps[fieldName]?.[index]?.[arrayFieldName] ?? defaultValue?.[arrayFieldName];
-            } else {
-              newItem[arrayFieldName] = item[arrayFieldName] ?? defaultValue?.[arrayFieldName];
-            }
-          }
-          return newItem;
-        }
-      );
-    }
-  }
-  return updatedProps;
-};
-var dispatchOp = (operation, {
-  getState,
-  dispatchAction,
-  config
-}) => {
-  const state = getState();
-  try {
-    if (operation.op === "add") {
-      if (operation.zone) {
-        dispatchAction({
-          type: "insert",
-          destinationIndex: operation.index,
-          destinationZone: operation.zone,
-          componentType: operation.type,
-          id: operation.id,
-          recordHistory: false
-        });
-        const existing = getItemById(getState(), operation.id);
-        if (!existing) {
-          throw new Error(
-            `Tried to update an item that doesn't exist: ${operation.id}`
-          );
-        }
-        const newData = {
-          ...existing,
-          props: applyArrayDefaults(
-            existing.props,
-            operation.props,
-            config.components[existing.type].fields
-          )
-        };
-        newData.props.id ||= operation.id;
-        const selector = getSelectorForId(getState(), operation.id);
-        if (!selector) {
-          throw new Error(
-            `Tried to replace an item that doesn't exist: ${operation.id}`
-          );
-        }
-        dispatchAction({
-          type: "replace",
-          destinationIndex: selector.index,
-          destinationZone: selector.zone,
-          data: newData,
-          recordHistory: false
-        });
-      }
-    } else if (operation.op === "update") {
-      const selector = getSelectorForId(state, operation.id);
-      const existing = getItemById(state, operation.id);
-      if (!selector || !existing) {
-        throw new Error(
-          `Tried to update an item that doesn't exist: ${operation.id}`
-        );
-      }
-      const newData = {
-        ...existing,
-        props: applyArrayDefaults(
-          existing.props,
-          resolveAppends(
-            existing.props,
-            operation.props,
-            operation.appends
-          ),
-          config.components[existing.type].fields
-        )
-      };
-      dispatchAction({
-        type: "replace",
-        destinationIndex: selector.index,
-        destinationZone: selector.zone,
-        data: newData,
-        recordHistory: false
-      });
-    } else if (operation.op === "updateRoot") {
-      const existing = state.data.root;
-      const defaultProps = config.root?.defaultProps ?? {};
-      dispatchAction({
-        type: "replaceRoot",
-        root: {
-          ...existing,
-          props: {
-            ...defaultProps,
-            ...existing.props,
-            ...resolveAppends(
-              existing.props ?? {},
-              operation.props,
-              operation.appends
-            )
-          }
-        },
-        recordHistory: false
-      });
-    } else if (operation.op === "delete") {
-      const selector = getSelectorForId(state, operation.id);
-      if (selector) {
-        dispatchAction({
-          type: "remove",
-          zone: selector.zone,
-          index: selector.index,
-          recordHistory: false
-        });
-      }
-    } else if (operation.op === "duplicate") {
-      const selector = getSelectorForId(state, operation.id);
-      if (!selector) {
-        throw new Error(
-          `Tried to duplicate an item that doesn't exist: ${operation.id}`
-        );
-      }
-      dispatchAction({
-        type: "duplicate",
-        sourceZone: selector.zone,
-        sourceIndex: selector.index,
-        recordHistory: false
-      });
-    } else if (operation.op === "move") {
-      const selector = getSelectorForId(state, operation.id);
-      if (!selector) {
-        throw new Error(
-          `Tried to move an item that doesn't exist: ${operation.id}`
-        );
-      }
-      dispatchAction({
-        type: "move",
-        sourceZone: selector.zone,
-        sourceIndex: selector.index,
-        destinationIndex: operation.index,
-        destinationZone: operation.zone,
-        recordHistory: false
-      });
-    } else if (operation.op === "reset") {
-      const defaultRootProps = config.root?.defaultProps ?? {};
-      dispatchAction({
-        type: "setData",
-        data: { content: [], root: defaultRootProps },
-        recordHistory: false
-      });
-    } else {
-      throw new Error(`Unknown operation: ${operation.op}`);
-    }
-  } catch (e2) {
-    console.error("Error applying operation, skipping...", operation, e2);
-  }
-};
-
-// src/components/Chat/index.tsx
+var import_reducer = __toESM(require_dist());
 var import_html2canvas_pro = __toESM(require("html2canvas-pro"));
 var import_use_debounce = require("use-debounce");
 
@@ -8736,6 +8768,10 @@ var inlineEditModeFor = (field) => {
   return type === "richtext" ? "richtext" : type === "number" ? "number" : "text";
 };
 var textFieldSelector = (field) => field.format === "json" ? `[${cssEscape2(`data-puck-field-${field.name}`)}]` : `[data-puck-field-name="${cssEscape2(field.name)}"]`;
+var isHTMLElement = (el) => {
+  const HTMLElementCtor = el.ownerDocument.defaultView?.HTMLElement;
+  return !!HTMLElementCtor && el instanceof HTMLElementCtor;
+};
 var syncFieldValues = (entry, fields, props) => {
   for (const field of fields) {
     if (field.binding !== "text") continue;
@@ -8781,9 +8817,9 @@ var attachInlineEditing = (el, {
       nextValue = parsed;
       lastValidNumberText = String(parsed);
     }
-    const { dispatch, getSelectorForId: getSelectorForId2, getItemById: getItemById2, resolveDataById } = getPuck();
-    const selector = getSelectorForId2(componentId);
-    const item = getItemById2(componentId);
+    const { dispatch, getSelectorForId, getItemById, resolveDataById } = getPuck();
+    const selector = getSelectorForId(componentId);
+    const item = getItemById(componentId);
     if (!selector || !item) return;
     dispatch({
       type: "replace",
@@ -8796,8 +8832,8 @@ var attachInlineEditing = (el, {
   const handleClick = (e2) => {
     e2.preventDefault();
     e2.stopPropagation();
-    const { getSelectorForId: getSelectorForId2, dispatch } = getPuck();
-    const itemSelector = getSelectorForId2(componentId);
+    const { getSelectorForId, dispatch } = getPuck();
+    const itemSelector = getSelectorForId(componentId);
     if (itemSelector) {
       dispatch({ type: "setUi", ui: { itemSelector } });
     }
@@ -8863,6 +8899,7 @@ var wireFieldEditing = (entry, fields, wiring, opts) => {
   for (const field of fields) {
     if (field.binding !== "text") continue;
     queryScopedFields(entry, textFieldSelector(field)).forEach((el) => {
+      if (!isHTMLElement(el)) return;
       if (wiring.has(el)) return;
       wiring.set(
         el,
@@ -8893,6 +8930,7 @@ var wireArrayItemEditing = ({
         ...Array.from(item.querySelectorAll(selector))
       ];
       for (const target of targets) {
+        if (!isHTMLElement(target)) continue;
         if (target.closest("[data-puck-array]") !== container) continue;
         cleanups.push(
           attachInlineEditing(target, {
@@ -9563,6 +9601,7 @@ var import_jsx_runtime35 = require("react/jsx-runtime");
 var q2 = (0, import_qler.default)();
 var DEFAULT_API_VERSION = "v2";
 var BUILD_OP_DEBOUNCE_MS = 1e3 / 60;
+var PLUGIN_AI_VERSION = true ? "0.8.0-canary.847b2ca9" : "unknown";
 var BENCHMARK = false;
 var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${(0, import_ulid.ulid)()}`;
 var getClassName18 = getClassNameFactory("Chat", styles_module_default);
@@ -9679,7 +9718,7 @@ function Chat2(props) {
           nextFrame(() => {
             const { dispatch, config, resolveDataById } = getPuck();
             operations.forEach((queuedOperation) => {
-              dispatchOp(queuedOperation, {
+              (0, import_reducer.dispatchOp)(queuedOperation, {
                 getState: () => {
                   const { __private } = getPuck();
                   return __private.appState;
@@ -9870,7 +9909,8 @@ function Chat2(props) {
         const defaultOptions = {
           headers: {
             ...opts.headers,
-            "puck-api-version": apiVersion
+            "puck-api-version": apiVersion,
+            "x-puck-plugin-ai-version": PLUGIN_AI_VERSION
           },
           credentials: opts.credentials,
           body: {
@@ -10414,6 +10454,10 @@ function nextFrame(cb) {
     ran = true;
     cb();
   };
+  if (typeof document !== "undefined" && document.hidden) {
+    queueMicrotask(run);
+    return;
+  }
   requestAnimationFrame(run);
   setTimeout(run, 100);
 }

package/dist/index.mjs

@@ -129,6 +129,259 @@ var require_classnames = __commonJS({
   }
 });
 
+// ../reducer/dist/index.js
+var require_dist = __commonJS({
+  "../reducer/dist/index.js"(exports, module) {
+    "use strict";
+    init_react_import();
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to2, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to2, key) && key !== except)
+            __defProp2(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to2;
+    };
+    var __toCommonJS = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var index_exports = {};
+    __export(index_exports, {
+      dispatchOp: () => dispatchOp2,
+      resolveAppends: () => resolveAppends
+    });
+    module.exports = __toCommonJS(index_exports);
+    var parseAppendPath = (path) => {
+      const segments = [];
+      const pattern = /([^.[\]]+)|\[(\d+)\]/g;
+      let match;
+      while ((match = pattern.exec(path)) !== null) {
+        segments.push(match[2] !== void 0 ? Number(match[2]) : match[1]);
+      }
+      return segments;
+    };
+    var appendAtPath = (base, segments, tail) => {
+      if (segments.length === 0) {
+        return `${typeof base === "string" ? base : ""}${tail}`;
+      }
+      const [head, ...rest] = segments;
+      if (typeof head === "number") {
+        const arr = Array.isArray(base) ? [...base] : [];
+        arr[head] = appendAtPath(arr[head], rest, tail);
+        return arr;
+      }
+      const obj = typeof base === "object" && base !== null && !Array.isArray(base) ? { ...base } : {};
+      obj[head] = appendAtPath(obj[head], rest, tail);
+      return obj;
+    };
+    var resolveAppends = (existingProps, props, appends) => {
+      if (!appends) return props;
+      const resolved = { ...props };
+      for (const [path, tail] of Object.entries(appends)) {
+        const [rootKey, ...rest] = parseAppendPath(path);
+        if (typeof rootKey !== "string") continue;
+        const base = rootKey in resolved ? resolved[rootKey] : existingProps == null ? void 0 : existingProps[rootKey];
+        resolved[rootKey] = appendAtPath(base, rest, tail);
+      }
+      return resolved;
+    };
+    var getSelectorForId = (state, id) => {
+      const node = state.indexes.nodes[id];
+      if (!node) return;
+      const zoneCompound = `${node.parentId}:${node.zone}`;
+      const zone = state.indexes.zones[zoneCompound];
+      if (!zone) return;
+      const index = zone.contentIds.indexOf(id);
+      return { zone: zoneCompound, index };
+    };
+    var getItemById = (state, id) => {
+      var _a2;
+      return (_a2 = state.indexes.nodes[id]) == null ? void 0 : _a2.data;
+    };
+    var applyArrayDefaults = (oldProps, newProps, fields) => {
+      const updatedProps = {
+        ...oldProps,
+        ...newProps
+      };
+      for (const fieldName in fields) {
+        const field = fields[fieldName];
+        if (field.type === "array") {
+          const arrayField = field;
+          const arrayFields = arrayField.arrayFields;
+          updatedProps[fieldName] = updatedProps[fieldName].map(
+            (item, index) => {
+              var _a2, _b;
+              const newItem = {};
+              const defaultValue = typeof arrayField.defaultItemProps === "function" ? arrayField.defaultItemProps(index) : arrayField.defaultItemProps;
+              for (const arrayFieldName in arrayFields) {
+                const subField = arrayFields[arrayFieldName];
+                if (subField.type === "slot") {
+                  newItem[arrayFieldName] = item[arrayFieldName] ?? ((_b = (_a2 = oldProps[fieldName]) == null ? void 0 : _a2[index]) == null ? void 0 : _b[arrayFieldName]) ?? (defaultValue == null ? void 0 : defaultValue[arrayFieldName]);
+                } else {
+                  newItem[arrayFieldName] = item[arrayFieldName] ?? (defaultValue == null ? void 0 : defaultValue[arrayFieldName]);
+                }
+              }
+              return newItem;
+            }
+          );
+        }
+      }
+      return updatedProps;
+    };
+    var dispatchOp2 = (operation, {
+      getState,
+      dispatchAction,
+      config
+    }) => {
+      var _a2, _b;
+      const state = getState();
+      try {
+        if (operation.op === "add") {
+          if (operation.zone) {
+            dispatchAction({
+              type: "insert",
+              destinationIndex: operation.index,
+              destinationZone: operation.zone,
+              componentType: operation.type,
+              id: operation.id,
+              recordHistory: false
+            });
+            const existing = getItemById(getState(), operation.id);
+            if (!existing) {
+              throw new Error(
+                `Tried to update an item that doesn't exist: ${operation.id}`
+              );
+            }
+            const newData = {
+              ...existing,
+              props: applyArrayDefaults(
+                existing.props,
+                operation.props,
+                config.components[existing.type].fields
+              )
+            };
+            newData.props.id ||= operation.id;
+            const selector = getSelectorForId(getState(), operation.id);
+            if (!selector) {
+              throw new Error(
+                `Tried to replace an item that doesn't exist: ${operation.id}`
+              );
+            }
+            dispatchAction({
+              type: "replace",
+              destinationIndex: selector.index,
+              destinationZone: selector.zone,
+              data: newData,
+              recordHistory: false
+            });
+          }
+        } else if (operation.op === "update") {
+          const selector = getSelectorForId(state, operation.id);
+          const existing = getItemById(state, operation.id);
+          if (!selector || !existing) {
+            throw new Error(
+              `Tried to update an item that doesn't exist: ${operation.id}`
+            );
+          }
+          const newData = {
+            ...existing,
+            props: applyArrayDefaults(
+              existing.props,
+              resolveAppends(
+                existing.props,
+                operation.props,
+                operation.appends
+              ),
+              config.components[existing.type].fields
+            )
+          };
+          dispatchAction({
+            type: "replace",
+            destinationIndex: selector.index,
+            destinationZone: selector.zone,
+            data: newData,
+            recordHistory: false
+          });
+        } else if (operation.op === "updateRoot") {
+          const existing = state.data.root;
+          const defaultProps = ((_a2 = config.root) == null ? void 0 : _a2.defaultProps) ?? {};
+          dispatchAction({
+            type: "replaceRoot",
+            root: {
+              ...existing,
+              props: {
+                ...defaultProps,
+                ...existing.props,
+                ...resolveAppends(
+                  existing.props ?? {},
+                  operation.props,
+                  operation.appends
+                )
+              }
+            },
+            recordHistory: false
+          });
+        } else if (operation.op === "delete") {
+          const selector = getSelectorForId(state, operation.id);
+          if (selector) {
+            dispatchAction({
+              type: "remove",
+              zone: selector.zone,
+              index: selector.index,
+              recordHistory: false
+            });
+          }
+        } else if (operation.op === "duplicate") {
+          const selector = getSelectorForId(state, operation.id);
+          if (!selector) {
+            throw new Error(
+              `Tried to duplicate an item that doesn't exist: ${operation.id}`
+            );
+          }
+          dispatchAction({
+            type: "duplicate",
+            sourceZone: selector.zone,
+            sourceIndex: selector.index,
+            recordHistory: false
+          });
+        } else if (operation.op === "move") {
+          const selector = getSelectorForId(state, operation.id);
+          if (!selector) {
+            throw new Error(
+              `Tried to move an item that doesn't exist: ${operation.id}`
+            );
+          }
+          dispatchAction({
+            type: "move",
+            sourceZone: selector.zone,
+            sourceIndex: selector.index,
+            destinationIndex: operation.index,
+            destinationZone: operation.zone,
+            recordHistory: false
+          });
+        } else if (operation.op === "reset") {
+          const defaultRootProps = ((_b = config.root) == null ? void 0 : _b.defaultProps) ?? {};
+          dispatchAction({
+            type: "setData",
+            data: { content: [], root: defaultRootProps },
+            recordHistory: false
+          });
+        } else {
+          throw new Error(`Unknown operation: ${operation.op}`);
+        }
+      } catch (e2) {
+        console.error("Error applying operation, skipping...", operation, e2);
+      }
+    };
+  }
+});
+
 // index.ts
 init_react_import();
 
@@ -7639,229 +7892,8 @@ function ExamplePrompt({
 }
 
 // src/components/Chat/index.tsx
+var import_reducer = __toESM(require_dist());
 import qler from "qler";
-
-// ../reducer/index.ts
-init_react_import();
-var parseAppendPath = (path) => {
-  const segments = [];
-  const pattern = /([^.[\]]+)|\[(\d+)\]/g;
-  let match;
-  while ((match = pattern.exec(path)) !== null) {
-    segments.push(match[2] !== void 0 ? Number(match[2]) : match[1]);
-  }
-  return segments;
-};
-var appendAtPath = (base, segments, tail) => {
-  if (segments.length === 0) {
-    return `${typeof base === "string" ? base : ""}${tail}`;
-  }
-  const [head, ...rest] = segments;
-  if (typeof head === "number") {
-    const arr = Array.isArray(base) ? [...base] : [];
-    arr[head] = appendAtPath(arr[head], rest, tail);
-    return arr;
-  }
-  const obj = typeof base === "object" && base !== null && !Array.isArray(base) ? { ...base } : {};
-  obj[head] = appendAtPath(obj[head], rest, tail);
-  return obj;
-};
-var resolveAppends = (existingProps, props, appends) => {
-  if (!appends) return props;
-  const resolved = { ...props };
-  for (const [path, tail] of Object.entries(appends)) {
-    const [rootKey, ...rest] = parseAppendPath(path);
-    if (typeof rootKey !== "string") continue;
-    const base = rootKey in resolved ? resolved[rootKey] : existingProps?.[rootKey];
-    resolved[rootKey] = appendAtPath(base, rest, tail);
-  }
-  return resolved;
-};
-var getSelectorForId = (state, id) => {
-  const node = state.indexes.nodes[id];
-  if (!node) return;
-  const zoneCompound = `${node.parentId}:${node.zone}`;
-  const zone = state.indexes.zones[zoneCompound];
-  if (!zone) return;
-  const index = zone.contentIds.indexOf(id);
-  return { zone: zoneCompound, index };
-};
-var getItemById = (state, id) => state.indexes.nodes[id]?.data;
-var applyArrayDefaults = (oldProps, newProps, fields) => {
-  const updatedProps = {
-    ...oldProps,
-    ...newProps
-  };
-  for (const fieldName in fields) {
-    const field = fields[fieldName];
-    if (field.type === "array") {
-      const arrayField = field;
-      const arrayFields = arrayField.arrayFields;
-      updatedProps[fieldName] = updatedProps[fieldName].map(
-        (item, index) => {
-          const newItem = {};
-          const defaultValue = typeof arrayField.defaultItemProps === "function" ? arrayField.defaultItemProps(index) : arrayField.defaultItemProps;
-          for (const arrayFieldName in arrayFields) {
-            const subField = arrayFields[arrayFieldName];
-            if (subField.type === "slot") {
-              newItem[arrayFieldName] = item[arrayFieldName] ?? oldProps[fieldName]?.[index]?.[arrayFieldName] ?? defaultValue?.[arrayFieldName];
-            } else {
-              newItem[arrayFieldName] = item[arrayFieldName] ?? defaultValue?.[arrayFieldName];
-            }
-          }
-          return newItem;
-        }
-      );
-    }
-  }
-  return updatedProps;
-};
-var dispatchOp = (operation, {
-  getState,
-  dispatchAction,
-  config
-}) => {
-  const state = getState();
-  try {
-    if (operation.op === "add") {
-      if (operation.zone) {
-        dispatchAction({
-          type: "insert",
-          destinationIndex: operation.index,
-          destinationZone: operation.zone,
-          componentType: operation.type,
-          id: operation.id,
-          recordHistory: false
-        });
-        const existing = getItemById(getState(), operation.id);
-        if (!existing) {
-          throw new Error(
-            `Tried to update an item that doesn't exist: ${operation.id}`
-          );
-        }
-        const newData = {
-          ...existing,
-          props: applyArrayDefaults(
-            existing.props,
-            operation.props,
-            config.components[existing.type].fields
-          )
-        };
-        newData.props.id ||= operation.id;
-        const selector = getSelectorForId(getState(), operation.id);
-        if (!selector) {
-          throw new Error(
-            `Tried to replace an item that doesn't exist: ${operation.id}`
-          );
-        }
-        dispatchAction({
-          type: "replace",
-          destinationIndex: selector.index,
-          destinationZone: selector.zone,
-          data: newData,
-          recordHistory: false
-        });
-      }
-    } else if (operation.op === "update") {
-      const selector = getSelectorForId(state, operation.id);
-      const existing = getItemById(state, operation.id);
-      if (!selector || !existing) {
-        throw new Error(
-          `Tried to update an item that doesn't exist: ${operation.id}`
-        );
-      }
-      const newData = {
-        ...existing,
-        props: applyArrayDefaults(
-          existing.props,
-          resolveAppends(
-            existing.props,
-            operation.props,
-            operation.appends
-          ),
-          config.components[existing.type].fields
-        )
-      };
-      dispatchAction({
-        type: "replace",
-        destinationIndex: selector.index,
-        destinationZone: selector.zone,
-        data: newData,
-        recordHistory: false
-      });
-    } else if (operation.op === "updateRoot") {
-      const existing = state.data.root;
-      const defaultProps = config.root?.defaultProps ?? {};
-      dispatchAction({
-        type: "replaceRoot",
-        root: {
-          ...existing,
-          props: {
-            ...defaultProps,
-            ...existing.props,
-            ...resolveAppends(
-              existing.props ?? {},
-              operation.props,
-              operation.appends
-            )
-          }
-        },
-        recordHistory: false
-      });
-    } else if (operation.op === "delete") {
-      const selector = getSelectorForId(state, operation.id);
-      if (selector) {
-        dispatchAction({
-          type: "remove",
-          zone: selector.zone,
-          index: selector.index,
-          recordHistory: false
-        });
-      }
-    } else if (operation.op === "duplicate") {
-      const selector = getSelectorForId(state, operation.id);
-      if (!selector) {
-        throw new Error(
-          `Tried to duplicate an item that doesn't exist: ${operation.id}`
-        );
-      }
-      dispatchAction({
-        type: "duplicate",
-        sourceZone: selector.zone,
-        sourceIndex: selector.index,
-        recordHistory: false
-      });
-    } else if (operation.op === "move") {
-      const selector = getSelectorForId(state, operation.id);
-      if (!selector) {
-        throw new Error(
-          `Tried to move an item that doesn't exist: ${operation.id}`
-        );
-      }
-      dispatchAction({
-        type: "move",
-        sourceZone: selector.zone,
-        sourceIndex: selector.index,
-        destinationIndex: operation.index,
-        destinationZone: operation.zone,
-        recordHistory: false
-      });
-    } else if (operation.op === "reset") {
-      const defaultRootProps = config.root?.defaultProps ?? {};
-      dispatchAction({
-        type: "setData",
-        data: { content: [], root: defaultRootProps },
-        recordHistory: false
-      });
-    } else {
-      throw new Error(`Unknown operation: ${operation.op}`);
-    }
-  } catch (e2) {
-    console.error("Error applying operation, skipping...", operation, e2);
-  }
-};
-
-// src/components/Chat/index.tsx
 import html2canvas from "html2canvas-pro";
 import { useDebouncedCallback } from "use-debounce";
 
@@ -8766,6 +8798,10 @@ var inlineEditModeFor = (field) => {
   return type === "richtext" ? "richtext" : type === "number" ? "number" : "text";
 };
 var textFieldSelector = (field) => field.format === "json" ? `[${cssEscape2(`data-puck-field-${field.name}`)}]` : `[data-puck-field-name="${cssEscape2(field.name)}"]`;
+var isHTMLElement = (el) => {
+  const HTMLElementCtor = el.ownerDocument.defaultView?.HTMLElement;
+  return !!HTMLElementCtor && el instanceof HTMLElementCtor;
+};
 var syncFieldValues = (entry, fields, props) => {
   for (const field of fields) {
     if (field.binding !== "text") continue;
@@ -8811,9 +8847,9 @@ var attachInlineEditing = (el, {
       nextValue = parsed;
       lastValidNumberText = String(parsed);
     }
-    const { dispatch, getSelectorForId: getSelectorForId2, getItemById: getItemById2, resolveDataById } = getPuck();
-    const selector = getSelectorForId2(componentId);
-    const item = getItemById2(componentId);
+    const { dispatch, getSelectorForId, getItemById, resolveDataById } = getPuck();
+    const selector = getSelectorForId(componentId);
+    const item = getItemById(componentId);
     if (!selector || !item) return;
     dispatch({
       type: "replace",
@@ -8826,8 +8862,8 @@ var attachInlineEditing = (el, {
   const handleClick = (e2) => {
     e2.preventDefault();
     e2.stopPropagation();
-    const { getSelectorForId: getSelectorForId2, dispatch } = getPuck();
-    const itemSelector = getSelectorForId2(componentId);
+    const { getSelectorForId, dispatch } = getPuck();
+    const itemSelector = getSelectorForId(componentId);
     if (itemSelector) {
       dispatch({ type: "setUi", ui: { itemSelector } });
     }
@@ -8893,6 +8929,7 @@ var wireFieldEditing = (entry, fields, wiring, opts) => {
   for (const field of fields) {
     if (field.binding !== "text") continue;
     queryScopedFields(entry, textFieldSelector(field)).forEach((el) => {
+      if (!isHTMLElement(el)) return;
       if (wiring.has(el)) return;
       wiring.set(
         el,
@@ -8923,6 +8960,7 @@ var wireArrayItemEditing = ({
         ...Array.from(item.querySelectorAll(selector))
       ];
       for (const target of targets) {
+        if (!isHTMLElement(target)) continue;
         if (target.closest("[data-puck-array]") !== container) continue;
         cleanups.push(
           attachInlineEditing(target, {
@@ -9593,6 +9631,7 @@ import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-r
 var q2 = qler();
 var DEFAULT_API_VERSION = "v2";
 var BUILD_OP_DEBOUNCE_MS = 1e3 / 60;
+var PLUGIN_AI_VERSION = true ? "0.8.0-canary.847b2ca9" : "unknown";
 var BENCHMARK = false;
 var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${ulid()}`;
 var getClassName18 = getClassNameFactory("Chat", styles_module_default);
@@ -9709,7 +9748,7 @@ function Chat2(props) {
           nextFrame(() => {
             const { dispatch, config, resolveDataById } = getPuck();
             operations.forEach((queuedOperation) => {
-              dispatchOp(queuedOperation, {
+              (0, import_reducer.dispatchOp)(queuedOperation, {
                 getState: () => {
                   const { __private } = getPuck();
                   return __private.appState;
@@ -9900,7 +9939,8 @@ function Chat2(props) {
         const defaultOptions = {
           headers: {
             ...opts.headers,
-            "puck-api-version": apiVersion
+            "puck-api-version": apiVersion,
+            "x-puck-plugin-ai-version": PLUGIN_AI_VERSION
           },
           credentials: opts.credentials,
           body: {
@@ -10444,6 +10484,10 @@ function nextFrame(cb) {
     ran = true;
     cb();
   };
+  if (typeof document !== "undefined" && document.hidden) {
+    queueMicrotask(run);
+    return;
+  }
   requestAnimationFrame(run);
   setTimeout(run, 100);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-ai",
-  "version": "0.8.0-canary.844eb87d",
+  "version": "0.8.0-canary.847b2ca9",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",
@@ -43,7 +43,7 @@
   "devDependencies": {
     "@ai-sdk/react": "^3.0.193",
     "@puckeditor/ai-types": "workspace:*",
-    "@puckeditor/core": "0.22.0-canary.cbf13a0d cbf13a0d",
+    "@puckeditor/core": "0.22.0 cbf13a0d",
     "@puckeditor/platform-types": "workspace:*",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.3.0",
@@ -55,6 +55,7 @@
     "lucide-react": "^0.452.0",
     "openai": "^5.5.1",
     "react-dom": "catalog:",
+    "reducer": "workspace:*",
     "tsconfig": "workspace:*",
     "tsup": "^8.2.4",
     "tsup-config": "workspace:*",