@puckeditor/plugin-ai 0.1.0-canary.f39908a2 → 0.1.0-canary.f56e596d

package/dist/index.js

@@ -20681,7 +20681,7 @@ function useChat(_a17 = {}) {
 
 // src/components/Chat/index.tsx
 var import_puck2 = require("@measured/puck");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_ulid = require("ulid");
 
 // ../utils/lib/get-class-name-factory.ts
@@ -20721,7 +20721,7 @@ var styles_module_default = { "Chat": "_Chat_1mv7h_1", "Chat-header": "_Chat-hea
 
 // src/components/ChatBody/index.tsx
 init_react_import();
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_use_stick_to_bottom = require("use-stick-to-bottom");
 var import_react_markdown = __toESM(require("react-markdown"));
 
@@ -20917,7 +20917,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Heading/Heading.module.css#css-module
 init_react_import();
-var Heading_module_default = { "Heading": "_Heading_1czuc_1", "Heading--xxxxl": "_Heading--xxxxl_1czuc_11", "Heading--xxxl": "_Heading--xxxl_1czuc_17", "Heading--xxl": "_Heading--xxl_1czuc_21", "Heading--xl": "_Heading--xl_1czuc_25", "Heading--l": "_Heading--l_1czuc_29", "Heading--m": "_Heading--m_1czuc_33", "Heading--s": "_Heading--s_1czuc_37", "Heading--xs": "_Heading--xs_1czuc_41", "Heading--xxs": "_Heading--xxs_1czuc_45" };
+var Heading_module_default = { "Heading": "_Heading_qkzg9_1", "Heading--xxxxl": "_Heading--xxxxl_qkzg9_11", "Heading--xxxl": "_Heading--xxxl_qkzg9_15", "Heading--xxl": "_Heading--xxl_qkzg9_19", "Heading--xl": "_Heading--xl_qkzg9_23", "Heading--l": "_Heading--l_qkzg9_27", "Heading--m": "_Heading--m_qkzg9_31", "Heading--s": "_Heading--s_qkzg9_35", "Heading--xs": "_Heading--xs_qkzg9_39", "Heading--xxs": "_Heading--xxs_qkzg9_43" };
 
 // ../platform-client/components/Heading/Heading.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -21182,12 +21182,28 @@ 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_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" };
+var Page_module_default = { "Page": "_Page_1ajs1_1", "Page-masthead": "_Page-masthead_1ajs1_8", "Page-crumbs": "_Page-crumbs_1ajs1_19", "Page-crumb": "_Page-crumb_1ajs1_19", "Page-crumbLink": "_Page-crumbLink_1ajs1_30", "Page-actions": "_Page-actions_1ajs1_62", "Page-footer": "_Page-footer_1ajs1_66" };
 
 // ../platform-client/components/Page/Page.tsx
 var import_jsx_runtime14 = require("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();
+var import_react13 = require("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
+var import_jsx_runtime15 = require("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();
 
@@ -21199,7 +21215,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
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var getClassName12 = getClassNameFactory2("Section", Section_module_default);
 
 // ../platform-client/components/StatusTag/index.ts
@@ -21219,25 +21235,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
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var getClassName13 = getClassNameFactory2("Tag", Tag_module_default);
 
 // ../platform-client/components/StatusTag/StatusTag.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // ../platform-client/components/Table/index.ts
 init_react_import();
 
 // ../platform-client/components/Table/Table.tsx
 init_react_import();
-var import_react13 = require("react");
+var import_react14 = require("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_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" };
+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" };
 
 // ../platform-client/components/Table/Table.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var getClassName14 = get_class_name_factory_default("Table", Table_module_default);
 
 // ../platform-client/components/Textarea/index.tsx
@@ -21255,30 +21271,41 @@ 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
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var getClassName15 = get_class_name_factory_default("VerticalSpace", VerticalSpace_module_default);
 
+// ../platform-client/components/Viewport/index.tsx
+init_react_import();
+
+// css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Viewport/styles.module.css#css-module
+init_react_import();
+var styles_module_default3 = { "Viewport": "_Viewport_1vvhm_3", "Viewport--standard": "_Viewport--standard_1vvhm_6", "Viewport--inline": "_Viewport--inline_1vvhm_7", "Viewport--narrow": "_Viewport--narrow_1vvhm_11", "Viewport--flex": "_Viewport--flex_1vvhm_19" };
+
+// ../platform-client/components/Viewport/index.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var cx4 = getClassNameFactory("Viewport", styles_module_default3);
+
 // ../platform-client/context/editor.tsx
 init_react_import();
-var import_react14 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ctx = (0, import_react14.createContext)({});
+var import_react15 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ctx = (0, import_react15.createContext)({});
 
 // 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_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" };
+var styles_module_default4 = { "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" };
 
 // src/components/PromptForm/index.tsx
 init_react_import();
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css#css-module
 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" };
+var styles_module_default5 = { "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
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var cx3 = getClassNameFactory2("PromptForm", styles_module_default4);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var cx5 = getClassNameFactory2("PromptForm", styles_module_default5);
 function PromptForm({
   actions,
   colorScheme = "light",
@@ -21290,8 +21317,8 @@ function PromptForm({
   isLoading,
   placeholder = "Create a page for..."
 }) {
-  const hasSetInitialPrompt = (0, import_react15.useRef)(false);
-  const [prompt, setPrompt] = (0, import_react15.useState)("");
+  const hasSetInitialPrompt = (0, import_react16.useRef)(false);
+  const [prompt, setPrompt] = (0, import_react16.useState)("");
   const sendPrompt = () => {
     if (isLoading || isDisabled) return;
     if (handleSubmit) {
@@ -21299,7 +21326,7 @@ function PromptForm({
     }
     setPrompt("");
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const currentUrl = new URL(location.href);
     const initialPrompt = currentUrl.searchParams.get("initialPrompt");
     if (!hasSetInitialPrompt.current && initialPrompt && prompt === "") {
@@ -21307,31 +21334,31 @@ function PromptForm({
       setPrompt(initialPrompt);
     }
   }, [setPrompt]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
-      className: cx3({
+      className: cx5({
         isDisabled,
         isLoading,
         dark: colorScheme === "dark",
         glow
       }),
       children: [
-        helperText ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cx3("helper"), children: helperText }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cx3("inner"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: cx3("glow") }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        helperText ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cx5("helper"), children: helperText }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cx5("inner"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: cx5("glow") }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "form",
             {
               onSubmit: (e) => {
                 e.preventDefault();
                 sendPrompt();
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cx3("formInner"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cx5("formInner"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   import_react_textarea_autosize.default,
                   {
-                    className: cx3("input"),
+                    className: cx5("input"),
                     name: "prompt",
                     minRows: 2,
                     placeholder,
@@ -21352,15 +21379,15 @@ function PromptForm({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cx3("actions"), children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cx3("actionsLeft"), children: actions }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cx3("actionsRight"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cx5("actions"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cx5("actionsLeft"), children: actions }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cx5("actionsRight"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     "button",
                     {
-                      className: cx3("actionSubmit"),
+                      className: cx5("actionSubmit"),
                       type: "submit",
                       disabled: isLoading,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ArrowUp, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrowUp, {})
                     }
                   ) })
                 ] })
@@ -21375,14 +21402,14 @@ function PromptForm({
 
 // src/lib/context.ts
 init_react_import();
-var import_react16 = require("react");
-var toolStatusContext = (0, import_react16.createContext)({});
+var import_react17 = require("react");
+var toolStatusContext = (0, import_react17.createContext)({});
 var ToolStatusProvider = toolStatusContext.Provider;
 
 // src/components/ChatBody/index.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var cx4 = getClassNameFactory2("Chat", styles_module_default3);
-var cxMessage = getClassNameFactory2("ChatMessage", styles_module_default3);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var cx6 = getClassNameFactory2("Chat", styles_module_default4);
+var cxMessage = getClassNameFactory2("ChatMessage", styles_module_default4);
 function ChatBody({
   children,
   examplePrompts,
@@ -21396,17 +21423,17 @@ function ChatBody({
 }) {
   const { scrollRef, contentRef } = (0, import_use_stick_to_bottom.useStickToBottom)();
   const hasMessages = messages && messages.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx4({ hasMessages, hasChildren: !!children, hideInput }), children: [
-    children ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("default"), children }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx4("inner"), ref: scrollRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatMessage, { message }, message.id)) }),
-      status === "submitted" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("loader"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, { size: 14 }) }),
-      error45 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx4("error"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("errorLabel"), children: "Something went wrong." }),
-        handleRetry && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("errorAction"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RotateCcw, { size: "14" }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cx6({ hasMessages, hasChildren: !!children, hideInput }), children: [
+    children ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("default"), children }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cx6("inner"), ref: scrollRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChatMessage, { message }, message.id)) }),
+      status === "submitted" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("loader"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Loader, { size: 14 }) }),
+      error45 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cx6("error"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("errorLabel"), children: "Something went wrong." }),
+        handleRetry && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("errorAction"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RotateCcw, { size: "14" }) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx4("form"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cx6("form"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           PromptForm,
           {
             glow: !hasMessages,
@@ -21416,19 +21443,19 @@ function ChatBody({
             placeholder: "What do you want to build?"
           }
         ),
-        examplePrompts ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("examplePrompts"), children: examplePrompts }) : null
+        examplePrompts ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("examplePrompts"), children: examplePrompts }) : null
       ] })
     ] })
   ] });
 }
 function ChatMessage({ message }) {
   const { role, parts } = message;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       className: cxMessage({ [`${role}Role`]: true }),
       "data-message-id": message.id,
-      children: parts.map((part, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: parts.map((part, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         ChatMessagePart,
         {
           part,
@@ -21444,25 +21471,25 @@ function ChatMessageWrapper({
   role
 }) {
   if (role === "assistant") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_markdown.default, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_markdown.default, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children });
 }
 function ChatMessagePart({
   part,
   role
 }) {
   if (part.type === "text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cxMessage("text"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChatMessageWrapper, { role, children: part.text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cxMessage("text"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChatMessageWrapper, { role, children: part.text }) });
   }
   if (part.type === "tool-createPage") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PuckTool, __spreadValues({}, part));
   }
   if (part.type === "tool-updatePage") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PuckTool, __spreadValues({}, part));
   }
   if (part.type === "tool-userTool") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PuckTool, __spreadValues({}, part));
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PuckTool, __spreadValues({}, part));
   }
   return null;
 }
@@ -21471,30 +21498,30 @@ function PuckTool({
   output,
   defaultLabel = "Thinking..."
 }) {
-  const toolStatus = (0, import_react17.useContext)(toolStatusContext)[toolCallId];
+  const toolStatus = (0, import_react18.useContext)(toolStatusContext)[toolCallId];
   const outputObj = output;
   const status = outputObj && "status" in outputObj ? outputObj.status : toolStatus != null ? toolStatus : { loading: true, label: defaultLabel };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ToolStatus, { status });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToolStatus, { status });
 }
 function ToolStatus({ status }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cxMessage("data"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cxMessage("dataInner"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Check, { size: 18 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: status.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cxMessage("data"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cxMessage("dataInner"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Loader, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Check, { size: 18 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: status.label })
   ] }) });
 }
 function ExamplePrompt({
   label,
   href
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("a", { className: cx4("examplePrompt"), href, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx4("examplePromptArrow"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ArrowRight, { size: "16" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("a", { className: cx6("examplePrompt"), href, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx6("examplePromptArrow"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ArrowRight, { size: "16" }) })
   ] });
 }
 
 // src/components/Chat/index.tsx
 var import_qler = __toESM(require("qler"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var q = (0, import_qler.default)();
 var BENCHMARK = false;
 var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${(0, import_ulid.ulid)()}`;
@@ -21508,11 +21535,11 @@ function Chat2({
 }) {
   const puckDispatch = usePuck((s) => s.dispatch);
   const getPuck = (0, import_puck2.useGetPuck)();
-  const localChatId = (0, import_react19.useRef)(chatId);
-  const inputRef = (0, import_react19.useRef)(null);
-  const pluginRef = (0, import_react19.useRef)(null);
-  const [error45, setError] = (0, import_react19.useState)();
-  const [toolStatus, setToolStatus] = (0, import_react19.useState)({});
+  const localChatId = (0, import_react20.useRef)(chatId);
+  const inputRef = (0, import_react20.useRef)(null);
+  const pluginRef = (0, import_react20.useRef)(null);
+  const [error45, setError] = (0, import_react20.useState)();
+  const [toolStatus, setToolStatus] = (0, import_react20.useState)({});
   const { messages, status, sendMessage, regenerate } = useChat({
     generateId: () => prefixedUlid("msg"),
     messages: initialMessages,
@@ -21722,7 +21749,7 @@ function Chat2({
       console.error(e);
     });
   };
-  const messagesWithStatuses = (0, import_react19.useMemo)(() => {
+  const messagesWithStatuses = (0, import_react20.useMemo)(() => {
     return messages.map((msg) => {
       return __spreadProps(__spreadValues({}, msg), {
         parts: msg.parts.map((part) => {
@@ -21734,22 +21761,22 @@ function Chat2({
       });
     });
   }, [messages, toolStatus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getClassName16(), ref: pluginRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName16("header"), children: "AI page builder" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getClassName16(), ref: pluginRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: getClassName16("header"), children: "AI page builder" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       ChatBody,
       {
         messages: messagesWithStatuses,
         handleSubmit,
         inputRef,
         status,
-        examplePrompts: examplePrompts == null ? void 0 : examplePrompts.map(({ label, href }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ExamplePrompt, { label, href }, label)),
+        examplePrompts: examplePrompts == null ? void 0 : examplePrompts.map(({ label, href }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ExamplePrompt, { label, href }, label)),
         error: error45,
         handleRetry: () => {
           setError("");
           regenerate();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Placeholder,
           {
             dispatch: puckDispatch,
@@ -21780,11 +21807,11 @@ function Placeholder({
       }
     }, 10);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getClassName16("placeholder"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Bot, { size: "24" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: "Use AI to build a page using your own components" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getClassName16("actions"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getClassName16("placeholder"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Bot, { size: "24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: "Use AI to build a page using your own components" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getClassName16("actions"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           className: getClassName16("action"),
@@ -21792,7 +21819,7 @@ function Placeholder({
           children: "Enter prompt"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "button",
         {
           className: getClassName16("actionOutlined"),
@@ -21816,13 +21843,13 @@ function isScrolledIntoView(el) {
 }
 
 // src/index.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function createAIPlugin(opts) {
   return {
     label: "AI",
     name: "ai",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Chat2, __spreadValues({}, opts)),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Bot, {}),
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Chat2, __spreadValues({}, opts)),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Bot, {}),
     mobilePanelHeight: "min-content"
   };
 }