@puckeditor/plugin-ai 0.1.0-canary.4aba31f4 → 0.1.0-canary.4eacddeb

package/dist/index.mjs

@@ -20672,7 +20672,7 @@ function useChat(_a17 = {}) {
 
 // src/components/Chat/index.tsx
 import { createUsePuck, useGetPuck } from "@measured/puck";
-import { useMemo as useMemo3, useRef as useRef7, useState as useState10 } from "react";
+import { useMemo, useRef as useRef6, useState as useState10 } from "react";
 import { ulid as ulid3 } from "ulid";
 
 // ../utils/lib/get-class-name-factory.ts
@@ -21173,28 +21173,12 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css#css-module
 init_react_import();
-var Page_module_default = { "Page": "_Page_1pzwy_1", "Page-masthead": "_Page-masthead_1pzwy_8", "Page-crumbs": "_Page-crumbs_1pzwy_18", "Page-crumb": "_Page-crumb_1pzwy_18", "Page-crumbLink": "_Page-crumbLink_1pzwy_28", "Page-actions": "_Page-actions_1pzwy_60", "Page-footer": "_Page-footer_1pzwy_64" };
+var Page_module_default = { "Page": "_Page_1uz1e_1", "Page-masthead": "_Page-masthead_1uz1e_8", "Page-crumbs": "_Page-crumbs_1uz1e_18", "Page-crumb": "_Page-crumb_1uz1e_18", "Page-crumbLink": "_Page-crumbLink_1uz1e_28", "Page-actions": "_Page-actions_1uz1e_60" };
 
 // ../platform-client/components/Page/Page.tsx
 import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var cx2 = getClassNameFactory2("Page", Page_module_default);
 
-// ../platform-client/components/Pagination/index.ts
-init_react_import();
-
-// ../platform-client/components/Pagination/Pagination.tsx
-init_react_import();
-import { useMemo } from "react";
-
-// css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css#css-module
-init_react_import();
-var Pagination_module_default = { "Pagination": "_Pagination_1okv2_1", "PaginationButton": "_PaginationButton_1okv2_8", "PaginationButton--isActive": "_PaginationButton--isActive_1okv2_20", "Pagination-ellipsis": "_Pagination-ellipsis_1okv2_30" };
-
-// ../platform-client/components/Pagination/Pagination.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var cx3 = getClassNameFactory2("Pagination", Pagination_module_default);
-var cxButton = getClassNameFactory2("PaginationButton", Pagination_module_default);
-
 // ../platform-client/components/Section/index.ts
 init_react_import();
 
@@ -21206,7 +21190,7 @@ init_react_import();
 var Section_module_default = { "Section-inner": "_Section-inner_1uwo0_1", "Section--flush": "_Section--flush_1uwo0_8", "Section": "_Section_1uwo0_1", "Section--full": "_Section--full_1uwo0_17" };
 
 // ../platform-client/components/Section/Section.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var getClassName12 = getClassNameFactory2("Section", Section_module_default);
 
 // ../platform-client/components/StatusTag/index.ts
@@ -21226,25 +21210,25 @@ init_react_import();
 var Tag_module_default = { "Tag": "_Tag_1baze_1", "Tag--colorBlue": "_Tag--colorBlue_1baze_19", "Tag--colorGreen": "_Tag--colorGreen_1baze_23", "Tag--colorRed": "_Tag--colorRed_1baze_27", "Tag--colorMuted": "_Tag--colorMuted_1baze_31", "Tag-sprite": "_Tag-sprite_1baze_35", "Tag--pulse": "_Tag--pulse_1baze_39", "pulse": "_pulse_1baze_1" };
 
 // ../platform-client/components/Tag/Tag.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var getClassName13 = getClassNameFactory2("Tag", Tag_module_default);
 
 // ../platform-client/components/StatusTag/StatusTag.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 
 // ../platform-client/components/Table/index.ts
 init_react_import();
 
 // ../platform-client/components/Table/Table.tsx
 init_react_import();
-import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef5, useState as useState7 } from "react";
+import { useState as useState7 } from "react";
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css#css-module
 init_react_import();
-var Table_module_default = { "Table": "_Table_1w0os_1", "Table-filters": "_Table-filters_1w0os_9", "Table-inner": "_Table-inner_1w0os_13", "Table-table": "_Table-table_1w0os_17", "Table-footer": "_Table-footer_1w0os_85", "Table--clickableRows": "_Table--clickableRows_1w0os_89", "Table-placeholder": "_Table-placeholder_1w0os_94", "Table-loader": "_Table-loader_1w0os_105" };
+var Table_module_default = { "Table": "_Table_1t44j_1", "Table-filters": "_Table-filters_1t44j_8", "Table-inner": "_Table-inner_1t44j_12", "Table-table": "_Table-table_1t44j_16", "Table-footer": "_Table-footer_1t44j_78", "Table--clickableRows": "_Table--clickableRows_1t44j_82", "Table-placeholder": "_Table-placeholder_1t44j_87" };
 
 // ../platform-client/components/Table/Table.tsx
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var getClassName14 = get_class_name_factory_default("Table", Table_module_default);
 
 // ../platform-client/components/Textarea/index.tsx
@@ -21262,24 +21246,24 @@ init_react_import();
 var VerticalSpace_module_default = { "VerticalSpace": "_VerticalSpace_1tjaw_1", "VerticalSpace--size4": "_VerticalSpace--size4_1tjaw_5", "VerticalSpace--size8": "_VerticalSpace--size8_1tjaw_9", "VerticalSpace--size16": "_VerticalSpace--size16_1tjaw_13", "VerticalSpace--size32": "_VerticalSpace--size32_1tjaw_17", "VerticalSpace--size40": "_VerticalSpace--size40_1tjaw_21", "VerticalSpace--size48": "_VerticalSpace--size48_1tjaw_25", "VerticalSpace--size56": "_VerticalSpace--size56_1tjaw_29", "VerticalSpace--size96": "_VerticalSpace--size96_1tjaw_33", "VerticalSpace--size128": "_VerticalSpace--size128_1tjaw_37" };
 
 // ../platform-client/components/VerticalSpace/VerticalSpace.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var getClassName15 = get_class_name_factory_default("VerticalSpace", VerticalSpace_module_default);
 
 // ../platform-client/context/editor.tsx
 init_react_import();
 import { createContext as createContext2, useContext as useContext2, useState as useState8 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var ctx = createContext2({});
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Chat": "_Chat_150yz_1", "Chat-inner": "_Chat-inner_150yz_17", "Chat--hasMessages": "_Chat--hasMessages_150yz_25", "Chat--hasChildren": "_Chat--hasChildren_150yz_29", "Chat-messages": "_Chat-messages_150yz_34", "Chat-form": "_Chat-form_150yz_41", "Chat--hideInput": "_Chat--hideInput_150yz_46", "Chat-formHelper": "_Chat-formHelper_150yz_60", "Chat-examplePrompts": "_Chat-examplePrompts_150yz_75", "Chat-examplePrompt": "_Chat-examplePrompt_150yz_75", "Chat-examplePromptArrow": "_Chat-examplePromptArrow_150yz_103", "Chat-default": "_Chat-default_150yz_107", "ChatMessage": "_ChatMessage_150yz_124", "ChatMessage--userRole": "_ChatMessage--userRole_150yz_130", "ChatMessage-text": "_ChatMessage-text_150yz_130", "ChatMessage-data": "_ChatMessage-data_150yz_220", "ChatMessage-dataInner": "_ChatMessage-dataInner_150yz_231", "ChatMessage-dataIcon": "_ChatMessage-dataIcon_150yz_237", "Chat-loader": "_Chat-loader_150yz_241", "Chat-error": "_Chat-error_150yz_246", "Chat-errorLabel": "_Chat-errorLabel_150yz_255", "Chat-errorAction": "_Chat-errorAction_150yz_259" };
+var styles_module_default3 = { "Chat": "_Chat_14j71_1", "Chat-inner": "_Chat-inner_14j71_17", "Chat--hasMessages": "_Chat--hasMessages_14j71_25", "Chat--hasChildren": "_Chat--hasChildren_14j71_29", "Chat-messages": "_Chat-messages_14j71_34", "Chat-form": "_Chat-form_14j71_41", "Chat--hideInput": "_Chat--hideInput_14j71_46", "Chat-formHelper": "_Chat-formHelper_14j71_60", "Chat-examplePrompts": "_Chat-examplePrompts_14j71_75", "Chat-examplePrompt": "_Chat-examplePrompt_14j71_75", "Chat-examplePromptArrow": "_Chat-examplePromptArrow_14j71_103", "Chat-default": "_Chat-default_14j71_107", "ChatMessage": "_ChatMessage_14j71_124", "ChatMessage--userRole": "_ChatMessage--userRole_14j71_129", "ChatMessage-text": "_ChatMessage-text_14j71_129", "ChatMessage-data": "_ChatMessage-data_14j71_219", "ChatMessage-dataInner": "_ChatMessage-dataInner_14j71_230", "ChatMessage-dataIcon": "_ChatMessage-dataIcon_14j71_236", "Chat-loader": "_Chat-loader_14j71_240", "Chat-error": "_Chat-error_14j71_245", "Chat-errorLabel": "_Chat-errorLabel_14j71_254", "Chat-errorAction": "_Chat-errorAction_14j71_258" };
 
 // src/components/PromptForm/index.tsx
 init_react_import();
 import {
-  useEffect as useEffect7,
-  useRef as useRef6,
+  useEffect as useEffect6,
+  useRef as useRef5,
   useState as useState9
 } from "react";
 
@@ -21288,8 +21272,8 @@ init_react_import();
 var styles_module_default4 = { "PromptForm": "_PromptForm_136g1_1", "PromptForm-inner": "_PromptForm-inner_136g1_8", "PromptForm--dark": "_PromptForm--dark_136g1_14", "PromptForm--glow": "_PromptForm--glow_136g1_19", "PromptForm-glow": "_PromptForm-glow_136g1_19", "loop": "_loop_136g1_1", "PromptForm-formInner": "_PromptForm-formInner_136g1_60", "PromptForm-input": "_PromptForm-input_136g1_64", "PromptForm--disabled": "_PromptForm--disabled_136g1_92", "PromptForm-helper": "_PromptForm-helper_136g1_97", "PromptForm-actions": "_PromptForm-actions_136g1_107", "PromptForm-actionsLeft": "_PromptForm-actionsLeft_136g1_118", "PromptForm-actionsRight": "_PromptForm-actionsRight_136g1_124", "PromptForm-actionSubmit": "_PromptForm-actionSubmit_136g1_128", "PromptForm--isDisabled": "_PromptForm--isDisabled_136g1_147", "PromptForm--isLoading": "_PromptForm--isLoading_136g1_152" };
 
 // src/components/PromptForm/index.tsx
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
-var cx4 = getClassNameFactory2("PromptForm", styles_module_default4);
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var cx3 = getClassNameFactory2("PromptForm", styles_module_default4);
 function PromptForm({
   actions,
   colorScheme = "light",
@@ -21301,7 +21285,7 @@ function PromptForm({
   isLoading,
   placeholder = "Create a page for..."
 }) {
-  const hasSetInitialPrompt = useRef6(false);
+  const hasSetInitialPrompt = useRef5(false);
   const [prompt, setPrompt] = useState9("");
   const sendPrompt = () => {
     if (isLoading || isDisabled) return;
@@ -21310,7 +21294,7 @@ function PromptForm({
     }
     setPrompt("");
   };
-  useEffect7(() => {
+  useEffect6(() => {
     const currentUrl = new URL(location.href);
     const initialPrompt = currentUrl.searchParams.get("initialPrompt");
     if (!hasSetInitialPrompt.current && initialPrompt && prompt === "") {
@@ -21321,28 +21305,28 @@ function PromptForm({
   return /* @__PURE__ */ jsxs11(
     "div",
     {
-      className: cx4({
+      className: cx3({
         isDisabled,
         isLoading,
         dark: colorScheme === "dark",
         glow
       }),
       children: [
-        helperText ? /* @__PURE__ */ jsx22("div", { className: cx4("helper"), children: helperText }) : null,
-        /* @__PURE__ */ jsxs11("div", { className: cx4("inner"), children: [
-          /* @__PURE__ */ jsx22("span", { className: cx4("glow") }),
-          /* @__PURE__ */ jsx22(
+        helperText ? /* @__PURE__ */ jsx21("div", { className: cx3("helper"), children: helperText }) : null,
+        /* @__PURE__ */ jsxs11("div", { className: cx3("inner"), children: [
+          /* @__PURE__ */ jsx21("span", { className: cx3("glow") }),
+          /* @__PURE__ */ jsx21(
             "form",
             {
               onSubmit: (e) => {
                 e.preventDefault();
                 sendPrompt();
               },
-              children: /* @__PURE__ */ jsxs11("div", { className: cx4("formInner"), children: [
-                /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsxs11("div", { className: cx3("formInner"), children: [
+                /* @__PURE__ */ jsx21(
                   default2,
                   {
-                    className: cx4("input"),
+                    className: cx3("input"),
                     name: "prompt",
                     minRows: 2,
                     placeholder,
@@ -21363,15 +21347,15 @@ function PromptForm({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs11("div", { className: cx4("actions"), children: [
-                  /* @__PURE__ */ jsx22("div", { className: cx4("actionsLeft"), children: actions }),
-                  /* @__PURE__ */ jsx22("div", { className: cx4("actionsRight"), children: /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsxs11("div", { className: cx3("actions"), children: [
+                  /* @__PURE__ */ jsx21("div", { className: cx3("actionsLeft"), children: actions }),
+                  /* @__PURE__ */ jsx21("div", { className: cx3("actionsRight"), children: /* @__PURE__ */ jsx21(
                     "button",
                     {
-                      className: cx4("actionSubmit"),
+                      className: cx3("actionSubmit"),
                       type: "submit",
                       disabled: isLoading,
-                      children: /* @__PURE__ */ jsx22(ArrowUp, {})
+                      children: /* @__PURE__ */ jsx21(ArrowUp, {})
                     }
                   ) })
                 ] })
@@ -21391,8 +21375,8 @@ var toolStatusContext = createContext3({});
 var ToolStatusProvider = toolStatusContext.Provider;
 
 // src/components/ChatBody/index.tsx
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
-var cx5 = getClassNameFactory2("Chat", styles_module_default3);
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+var cx4 = getClassNameFactory2("Chat", styles_module_default3);
 var cxMessage = getClassNameFactory2("ChatMessage", styles_module_default3);
 function ChatBody({
   children,
@@ -21407,17 +21391,17 @@ function ChatBody({
 }) {
   const { scrollRef, contentRef } = useStickToBottom();
   const hasMessages = messages && messages.length > 0;
-  return /* @__PURE__ */ jsxs12("div", { className: cx5({ hasMessages, hasChildren: !!children, hideInput }), children: [
-    children ? /* @__PURE__ */ jsx23("div", { className: cx5("default"), children }) : null,
-    /* @__PURE__ */ jsxs12("div", { className: cx5("inner"), ref: scrollRef, children: [
-      /* @__PURE__ */ jsx23("div", { className: cx5("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ jsx23(ChatMessage, { message }, message.id)) }),
-      status === "submitted" && /* @__PURE__ */ jsx23("div", { className: cx5("loader"), children: /* @__PURE__ */ jsx23(Loader, { size: 14 }) }),
-      error45 && /* @__PURE__ */ jsxs12("div", { className: cx5("error"), children: [
-        /* @__PURE__ */ jsx23("div", { className: cx5("errorLabel"), children: "Something went wrong." }),
-        handleRetry && /* @__PURE__ */ jsx23("div", { className: cx5("errorAction"), children: /* @__PURE__ */ jsx23(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ jsx23(RotateCcw, { size: "14" }) }) })
+  return /* @__PURE__ */ jsxs12("div", { className: cx4({ hasMessages, hasChildren: !!children, hideInput }), children: [
+    children ? /* @__PURE__ */ jsx22("div", { className: cx4("default"), children }) : null,
+    /* @__PURE__ */ jsxs12("div", { className: cx4("inner"), ref: scrollRef, children: [
+      /* @__PURE__ */ jsx22("div", { className: cx4("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ jsx22(ChatMessage, { message }, message.id)) }),
+      status === "submitted" && /* @__PURE__ */ jsx22("div", { className: cx4("loader"), children: /* @__PURE__ */ jsx22(Loader, { size: 14 }) }),
+      error45 && /* @__PURE__ */ jsxs12("div", { className: cx4("error"), children: [
+        /* @__PURE__ */ jsx22("div", { className: cx4("errorLabel"), children: "Something went wrong." }),
+        handleRetry && /* @__PURE__ */ jsx22("div", { className: cx4("errorAction"), children: /* @__PURE__ */ jsx22(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ jsx22(RotateCcw, { size: "14" }) }) })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: cx5("form"), children: [
-        /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs12("div", { className: cx4("form"), children: [
+        /* @__PURE__ */ jsx22(
           PromptForm,
           {
             glow: !hasMessages,
@@ -21427,19 +21411,19 @@ function ChatBody({
             placeholder: "What do you want to build?"
           }
         ),
-        examplePrompts ? /* @__PURE__ */ jsx23("div", { className: cx5("examplePrompts"), children: examplePrompts }) : null
+        examplePrompts ? /* @__PURE__ */ jsx22("div", { className: cx4("examplePrompts"), children: examplePrompts }) : null
       ] })
     ] })
   ] });
 }
 function ChatMessage({ message }) {
   const { role, parts } = message;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cxMessage({ [`${role}Role`]: true }),
       "data-message-id": message.id,
-      children: parts.map((part, i) => /* @__PURE__ */ jsx23(
+      children: parts.map((part, i) => /* @__PURE__ */ jsx22(
         ChatMessagePart,
         {
           part,
@@ -21455,25 +21439,25 @@ function ChatMessageWrapper({
   role
 }) {
   if (role === "assistant") {
-    return /* @__PURE__ */ jsx23(Markdown, { children });
+    return /* @__PURE__ */ jsx22(Markdown, { children });
   }
-  return /* @__PURE__ */ jsx23("span", { children });
+  return /* @__PURE__ */ jsx22("span", { children });
 }
 function ChatMessagePart({
   part,
   role
 }) {
   if (part.type === "text") {
-    return /* @__PURE__ */ jsx23("div", { className: cxMessage("text"), children: /* @__PURE__ */ jsx23(ChatMessageWrapper, { role, children: part.text }) });
+    return /* @__PURE__ */ jsx22("div", { className: cxMessage("text"), children: /* @__PURE__ */ jsx22(ChatMessageWrapper, { role, children: part.text }) });
   }
   if (part.type === "tool-createPage") {
-    return /* @__PURE__ */ jsx23(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ jsx22(PuckTool, __spreadValues({}, part));
   }
   if (part.type === "tool-updatePage") {
-    return /* @__PURE__ */ jsx23(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ jsx22(PuckTool, __spreadValues({}, part));
   }
   if (part.type === "tool-userTool") {
-    return /* @__PURE__ */ jsx23(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ jsx22(PuckTool, __spreadValues({}, part));
   }
   return null;
 }
@@ -21485,27 +21469,27 @@ function PuckTool({
   const toolStatus = useContext3(toolStatusContext)[toolCallId];
   const outputObj = output;
   const status = outputObj && "status" in outputObj ? outputObj.status : toolStatus != null ? toolStatus : { loading: true, label: defaultLabel };
-  return /* @__PURE__ */ jsx23(ToolStatus, { status });
+  return /* @__PURE__ */ jsx22(ToolStatus, { status });
 }
 function ToolStatus({ status }) {
-  return /* @__PURE__ */ jsx23("div", { className: cxMessage("data"), children: /* @__PURE__ */ jsxs12("div", { className: cxMessage("dataInner"), children: [
-    /* @__PURE__ */ jsx23("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ jsx23(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ jsx23(Loader, { size: 16 }) : /* @__PURE__ */ jsx23(Check, { size: 18 }) }),
-    /* @__PURE__ */ jsx23("div", { children: status.label })
+  return /* @__PURE__ */ jsx22("div", { className: cxMessage("data"), children: /* @__PURE__ */ jsxs12("div", { className: cxMessage("dataInner"), children: [
+    /* @__PURE__ */ jsx22("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ jsx22(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ jsx22(Loader, { size: 16 }) : /* @__PURE__ */ jsx22(Check, { size: 18 }) }),
+    /* @__PURE__ */ jsx22("div", { children: status.label })
   ] }) });
 }
 function ExamplePrompt({
   label,
   href
 }) {
-  return /* @__PURE__ */ jsxs12("a", { className: cx5("examplePrompt"), href, children: [
-    /* @__PURE__ */ jsx23("div", { children: label }),
-    /* @__PURE__ */ jsx23("div", { className: cx5("examplePromptArrow"), children: /* @__PURE__ */ jsx23(ArrowRight, { size: "16" }) })
+  return /* @__PURE__ */ jsxs12("a", { className: cx4("examplePrompt"), href, children: [
+    /* @__PURE__ */ jsx22("div", { children: label }),
+    /* @__PURE__ */ jsx22("div", { className: cx4("examplePromptArrow"), children: /* @__PURE__ */ jsx22(ArrowRight, { size: "16" }) })
   ] });
 }
 
 // src/components/Chat/index.tsx
 import qler from "qler";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var q = qler();
 var BENCHMARK = false;
 var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${ulid3()}`;
@@ -21519,9 +21503,9 @@ function Chat2({
 }) {
   const puckDispatch = usePuck((s) => s.dispatch);
   const getPuck = useGetPuck();
-  const localChatId = useRef7(chatId);
-  const inputRef = useRef7(null);
-  const pluginRef = useRef7(null);
+  const localChatId = useRef6(chatId);
+  const inputRef = useRef6(null);
+  const pluginRef = useRef6(null);
   const [error45, setError] = useState10();
   const [toolStatus, setToolStatus] = useState10({});
   const { messages, status, sendMessage, regenerate } = useChat({
@@ -21577,7 +21561,6 @@ function Chat2({
         case "data-build-op": {
           const data = dataPart.data;
           q.queue(() => {
-            var _a17, _b, _c, _d;
             const puckDispatch2 = getPuck().dispatch;
             try {
               if (data.op === "add") {
@@ -21624,13 +21607,11 @@ function Chat2({
                   recordHistory: false
                 });
               } else if (data.op === "updateRoot") {
-                const { appState, config: config2 } = getPuck();
-                const existing = appState.data.root;
-                const defaultProps = (_b = (_a17 = config2.root) == null ? void 0 : _a17.defaultProps) != null ? _b : {};
+                const existing = getPuck().appState.data.root;
                 puckDispatch2({
                   type: "replaceRoot",
                   root: __spreadProps(__spreadValues({}, existing), {
-                    props: __spreadValues(__spreadValues(__spreadValues({}, defaultProps), existing.props), data.props)
+                    props: __spreadValues(__spreadValues({}, existing.props), data.props)
                   }),
                   recordHistory: false
                 });
@@ -21676,11 +21657,9 @@ function Chat2({
                   recordHistory: false
                 });
               } else if (data.op === "reset") {
-                const { config: config2 } = getPuck();
-                const defaultRootProps = (_d = (_c = config2.root) == null ? void 0 : _c.defaultProps) != null ? _d : {};
                 puckDispatch2({
                   type: "setData",
-                  data: { content: [], root: defaultRootProps },
+                  data: { content: [], root: {} },
                   recordHistory: false
                 });
               } else {
@@ -21733,7 +21712,7 @@ function Chat2({
       console.error(e);
     });
   };
-  const messagesWithStatuses = useMemo3(() => {
+  const messagesWithStatuses = useMemo(() => {
     return messages.map((msg) => {
       return __spreadProps(__spreadValues({}, msg), {
         parts: msg.parts.map((part) => {
@@ -21746,21 +21725,21 @@ function Chat2({
     });
   }, [messages, toolStatus]);
   return /* @__PURE__ */ jsxs13("div", { className: getClassName16(), ref: pluginRef, children: [
-    /* @__PURE__ */ jsx24("div", { className: getClassName16("header"), children: "AI page builder" }),
-    /* @__PURE__ */ jsx24(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23("div", { className: getClassName16("header"), children: "AI page builder" }),
+    /* @__PURE__ */ jsx23(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ jsx23(
       ChatBody,
       {
         messages: messagesWithStatuses,
         handleSubmit,
         inputRef,
         status,
-        examplePrompts: examplePrompts == null ? void 0 : examplePrompts.map(({ label, href }) => /* @__PURE__ */ jsx24(ExamplePrompt, { label, href }, label)),
+        examplePrompts: examplePrompts == null ? void 0 : examplePrompts.map(({ label, href }) => /* @__PURE__ */ jsx23(ExamplePrompt, { label, href }, label)),
         error: error45,
         handleRetry: () => {
           setError("");
           regenerate();
         },
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx23(
           Placeholder,
           {
             dispatch: puckDispatch,
@@ -21792,10 +21771,10 @@ function Placeholder({
     }, 10);
   };
   return /* @__PURE__ */ jsxs13("div", { className: getClassName16("placeholder"), children: [
-    /* @__PURE__ */ jsx24(Bot, { size: "24" }),
-    /* @__PURE__ */ jsx24("div", { children: "Use AI to build a page using your own components" }),
+    /* @__PURE__ */ jsx23(Bot, { size: "24" }),
+    /* @__PURE__ */ jsx23("div", { children: "Use AI to build a page using your own components" }),
     /* @__PURE__ */ jsxs13("div", { className: getClassName16("actions"), children: [
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           className: getClassName16("action"),
@@ -21803,7 +21782,7 @@ function Placeholder({
           children: "Enter prompt"
         }
       ),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           className: getClassName16("actionOutlined"),
@@ -21827,13 +21806,13 @@ function isScrolledIntoView(el) {
 }
 
 // src/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function createAIPlugin(opts) {
   return {
     label: "AI",
     name: "ai",
-    render: () => /* @__PURE__ */ jsx25(Chat2, __spreadValues({}, opts)),
-    icon: /* @__PURE__ */ jsx25(Bot, {}),
+    render: () => /* @__PURE__ */ jsx24(Chat2, __spreadValues({}, opts)),
+    icon: /* @__PURE__ */ jsx24(Bot, {}),
     mobilePanelHeight: "min-content"
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-ai",
-  "version": "0.1.0-canary.4aba31f4",
+  "version": "0.1.0-canary.4eacddeb",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",