@puckeditor/plugin-ai 0.4.1-canary.9bbd44e5 → 0.4.1-canary.a2068257

package/dist/index.mjs

@@ -216,13 +216,6 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/arrow-right.js
-init_react_import();
-var ArrowRight = createLucideIcon("ArrowRight", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-]);
-
 // ../../node_modules/.pnpm/lucide-react@0.452.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/arrow-up.js
 init_react_import();
 var ArrowUp = createLucideIcon("ArrowUp", [
@@ -479,7 +472,9 @@ function useChat({
 
 // src/components/Chat/index.tsx
 import { createUsePuck, useGetPuck } from "@measured/puck";
-import { DefaultChatTransport } from "ai";
+import {
+  DefaultChatTransport
+} from "ai";
 import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo3, useRef as useRef8, useState as useState12 } from "react";
 import { ulid } from "ulid";
 
@@ -523,7 +518,9 @@ var styles_module_default = { "Chat": "_Chat_lckw1_1", "Chat-header": "_Chat-hea
 
 // src/components/ChatBody/index.tsx
 init_react_import();
-import { useContext as useContext3 } from "react";
+import {
+  useContext as useContext3
+} from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 import Markdown from "react-markdown";
 
@@ -828,6 +825,18 @@ var Card_module_default = { "Card": "_Card_jzb6b_1", "Card-body": "_Card-body_jz
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var getClassName8 = get_class_name_factory_default2("Card", Card_module_default);
 
+// ../platform-client/components/CardSelector/index.tsx
+init_react_import();
+
+// css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/CardSelector/styles.module.css#css-module
+init_react_import();
+var styles_module_default3 = { "CardSelector": "_CardSelector_1ogry_1", "CardSelectorOption": "_CardSelectorOption_1ogry_12", "CardSelectorOption--isSelected": "_CardSelectorOption--isSelected_1ogry_23", "CardSelectorOption--disabled": "_CardSelectorOption--disabled_1ogry_27", "CardSelectorOption-description": "_CardSelectorOption-description_1ogry_31", "CardSelectorOption-body": "_CardSelectorOption-body_1ogry_35" };
+
+// ../platform-client/components/CardSelector/index.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var cx = get_class_name_factory_default("CardSelector", styles_module_default3);
+var cxOption = get_class_name_factory_default("CardSelectorOption", styles_module_default3);
+
 // ../platform-client/components/Code/index.ts
 init_react_import();
 
@@ -841,11 +850,11 @@ var Code_module_default = { "Code": "_Code_d4378_1", "Code-body": "_Code-body_d4
 // ../platform-client/components/Code/CopyAction.tsx
 init_react_import();
 import { useEffect as useEffect6, useState as useState6 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 
 // ../platform-client/components/Code/Code.tsx
 import { useRef as useRef5, useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var getClassName9 = get_class_name_factory_default("Code", Code_module_default);
 var getClassNameTab = get_class_name_factory_default("Tab", Code_module_default);
 
@@ -861,7 +870,7 @@ init_react_import();
 var IconButton_module_default = { "IconButton": "_IconButton_thegm_1", "IconButton--disabled": "_IconButton--disabled_thegm_20", "IconButton--dark": "_IconButton--dark_thegm_26", "IconButton-title": "_IconButton-title_thegm_37" };
 
 // ../platform-client/components/IconButton/IconButton.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var getClassName10 = get_class_name_factory_default2("IconButton", IconButton_module_default);
 var IconButton = ({
   children,
@@ -878,7 +887,7 @@ var IconButton = ({
 }) => {
   const [loading, setLoading] = useState8(false);
   const ElementType = href ? "a" : onClick ? "button" : "div";
-  const el = /* @__PURE__ */ jsxs7(
+  const el = /* @__PURE__ */ jsxs8(
     ElementType,
     {
       className: getClassName10({
@@ -903,11 +912,11 @@ var IconButton = ({
       href,
       title,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: getClassName10("title"), children: title }),
+        /* @__PURE__ */ jsx13("span", { className: getClassName10("title"), children: title }),
         children,
-        loading && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        loading && /* @__PURE__ */ jsxs8(Fragment2, { children: [
           "\xA0\xA0",
-          /* @__PURE__ */ jsx12(Loader, { size: 14 })
+          /* @__PURE__ */ jsx13(Loader, { size: 14 })
         ] })
       ]
     }
@@ -926,17 +935,17 @@ init_react_import();
 var InfoBar_module_default = { "InfoBar": "_InfoBar_kchdj_1", "Info": "_Info_kchdj_1", "Info-title": "_Info-title_kchdj_21" };
 
 // ../platform-client/components/InfoBar/InfoBar.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var cx = getClassNameFactory2("InfoBar", InfoBar_module_default);
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var cx2 = getClassNameFactory2("InfoBar", InfoBar_module_default);
 var cxInfo = getClassNameFactory2("Info", InfoBar_module_default);
 var Info = ({ title, children }) => {
-  return /* @__PURE__ */ jsxs8("div", { className: cxInfo(), children: [
-    /* @__PURE__ */ jsx13("div", { className: cxInfo("title"), children: title }),
-    /* @__PURE__ */ jsx13("div", { className: cxInfo("children"), children })
+  return /* @__PURE__ */ jsxs9("div", { className: cxInfo(), children: [
+    /* @__PURE__ */ jsx14("div", { className: cxInfo("title"), children: title }),
+    /* @__PURE__ */ jsx14("div", { className: cxInfo("children"), children })
   ] });
 };
 var InfoBar = ({ children }) => {
-  return /* @__PURE__ */ jsx13("div", { className: cx(), children });
+  return /* @__PURE__ */ jsx14("div", { className: cx2(), children });
 };
 InfoBar.Info = Info;
 
@@ -951,7 +960,7 @@ init_react_import();
 var Inline_module_default = { "Inline": "_Inline_6o5on_3", "Inline-inner": "_Inline-inner_6o5on_7", "Inline--noWrap": "_Inline--noWrap_6o5on_12", "Inline--sizeNONE": "_Inline--sizeNONE_6o5on_16", "Inline--sizeXXS": "_Inline--sizeXXS_6o5on_20", "Inline--sizeXS": "_Inline--sizeXS_6o5on_24", "Inline--sizeS": "_Inline--sizeS_6o5on_28", "Inline--sizeM": "_Inline--sizeM_6o5on_32", "Inline--sizeL": "_Inline--sizeL_6o5on_36", "Inline--center": "_Inline--center_6o5on_40", "Inline--centerH": "_Inline--centerH_6o5on_44", "Inline--grow": "_Inline--grow_6o5on_48" };
 
 // ../platform-client/components/Inline/Inline.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var getClassName11 = get_class_name_factory_default2("Inline", Inline_module_default);
 var Inline = ({
   children,
@@ -960,7 +969,7 @@ var Inline = ({
   size = "m",
   noWrap,
   centerH
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx15(
   "div",
   {
     className: getClassName11({
@@ -970,7 +979,7 @@ var Inline = ({
       noWrap,
       [`size${size.toUpperCase()}`]: size
     }),
-    children: /* @__PURE__ */ jsx14("div", { className: getClassName11("inner"), children })
+    children: /* @__PURE__ */ jsx15("div", { className: getClassName11("inner"), children })
   }
 );
 var InlineItem = ({
@@ -978,7 +987,7 @@ var InlineItem = ({
   grow,
   push,
   shrink
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx15(
   "div",
   {
     style: {
@@ -1003,7 +1012,7 @@ init_react_import();
 var Link_module_default = { "Link": "_Link_1j70m_1" };
 
 // ../platform-client/components/Link/Link.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var getClassName12 = get_class_name_factory_default2("Link", Link_module_default);
 
 // ../platform-client/components/Modal/index.ts
@@ -1020,8 +1029,8 @@ init_react_import();
 var Page_module_default = { "Page": "_Page_nkzj9_1", "Page-masthead": "_Page-masthead_nkzj9_8", "Page-crumbs": "_Page-crumbs_nkzj9_18", "Page-crumb": "_Page-crumb_nkzj9_18", "Page-crumbLink": "_Page-crumbLink_nkzj9_29", "Page-actions": "_Page-actions_nkzj9_61", "Page-footer": "_Page-footer_nkzj9_65" };
 
 // ../platform-client/components/Page/Page.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-var cx2 = getClassNameFactory2("Page", Page_module_default);
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var cx3 = getClassNameFactory2("Page", Page_module_default);
 
 // ../platform-client/components/Pagination/index.ts
 init_react_import();
@@ -1035,8 +1044,8 @@ 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 jsx17 } from "react/jsx-runtime";
-var cx3 = getClassNameFactory2("Pagination", Pagination_module_default);
+import { jsx as jsx18 } from "react/jsx-runtime";
+var cx4 = getClassNameFactory2("Pagination", Pagination_module_default);
 var cxButton = getClassNameFactory2("PaginationButton", Pagination_module_default);
 
 // ../platform-client/components/Section/index.ts
@@ -1050,7 +1059,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 jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var getClassName13 = getClassNameFactory2("Section", Section_module_default);
 
 // ../platform-client/components/StatusTag/index.ts
@@ -1070,11 +1079,11 @@ 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 jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var getClassName14 = getClassNameFactory2("Tag", Tag_module_default);
 
 // ../platform-client/components/StatusTag/StatusTag.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 
 // ../platform-client/components/Table/index.ts
 init_react_import();
@@ -1088,7 +1097,7 @@ init_react_import();
 var Table_module_default = { "Table": "_Table_o345u_1", "Table-filters": "_Table-filters_o345u_9", "Table-inner": "_Table-inner_o345u_13", "Table-table": "_Table-table_o345u_17", "Table--hideHeader": "_Table--hideHeader_o345u_41", "Table-footer": "_Table-footer_o345u_89", "Table--clickableRows": "_Table--clickableRows_o345u_93", "Table-placeholder": "_Table-placeholder_o345u_98", "Table-loader": "_Table-loader_o345u_110", "TableRow--highlightRow": "_TableRow--highlightRow_o345u_114" };
 
 // ../platform-client/components/Table/Table.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var getClassName15 = get_class_name_factory_default2("Table", Table_module_default);
 var getRowClassName = get_class_name_factory_default2("TableRow", Table_module_default);
 
@@ -1107,7 +1116,7 @@ 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 jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var getClassName16 = get_class_name_factory_default2("VerticalSpace", VerticalSpace_module_default);
 
 // ../platform-client/components/Viewport/index.tsx
@@ -1115,21 +1124,21 @@ 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" };
+var styles_module_default4 = { "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
-import { jsx as jsx23 } from "react/jsx-runtime";
-var cx4 = getClassNameFactory("Viewport", styles_module_default3);
+import { jsx as jsx24 } from "react/jsx-runtime";
+var cx5 = getClassNameFactory("Viewport", styles_module_default4);
 
 // ../platform-client/context/editor.tsx
 init_react_import();
 import { createContext as createContext2, useContext as useContext2, useState as useState10 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } 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_default4 = { "Chat": "_Chat_1ybjn_1", "Chat-inner": "_Chat-inner_1ybjn_17", "Chat--hasMessages": "_Chat--hasMessages_1ybjn_25", "Chat--hasChildren": "_Chat--hasChildren_1ybjn_29", "Chat-messages": "_Chat-messages_1ybjn_34", "Chat-form": "_Chat-form_1ybjn_41", "Chat--hideInput": "_Chat--hideInput_1ybjn_46", "Chat-formHelper": "_Chat-formHelper_1ybjn_60", "Chat-examplePrompts": "_Chat-examplePrompts_1ybjn_75", "Chat-examplePrompt": "_Chat-examplePrompt_1ybjn_75", "Chat-examplePromptArrow": "_Chat-examplePromptArrow_1ybjn_104", "Chat-default": "_Chat-default_1ybjn_108", "ChatMessage": "_ChatMessage_1ybjn_125", "ChatMessage--userRole": "_ChatMessage--userRole_1ybjn_131", "ChatMessage-text": "_ChatMessage-text_1ybjn_131", "ChatMessage-data": "_ChatMessage-data_1ybjn_229", "ChatMessage-dataInner": "_ChatMessage-dataInner_1ybjn_240", "ChatMessage-dataIcon": "_ChatMessage-dataIcon_1ybjn_246", "Chat-loader": "_Chat-loader_1ybjn_250", "Chat-error": "_Chat-error_1ybjn_255", "Chat-errorLabel": "_Chat-errorLabel_1ybjn_264", "Chat-errorAction": "_Chat-errorAction_1ybjn_268" };
+var styles_module_default5 = { "Chat": "_Chat_1njo2_1", "Chat-inner": "_Chat-inner_1njo2_17", "Chat--hasMessages": "_Chat--hasMessages_1njo2_25", "Chat--hasChildren": "_Chat--hasChildren_1njo2_29", "Chat-messages": "_Chat-messages_1njo2_34", "Chat-form": "_Chat-form_1njo2_41", "Chat--hideInput": "_Chat--hideInput_1njo2_46", "Chat-formHelper": "_Chat-formHelper_1njo2_60", "Chat-examplePrompts": "_Chat-examplePrompts_1njo2_75", "Chat-examplePrompt": "_Chat-examplePrompt_1njo2_75", "Chat-examplePromptArrow": "_Chat-examplePromptArrow_1njo2_105", "Chat-default": "_Chat-default_1njo2_110", "ChatMessage": "_ChatMessage_1njo2_127", "ChatMessage--userRole": "_ChatMessage--userRole_1njo2_133", "ChatMessage-text": "_ChatMessage-text_1njo2_133", "ChatMessage-data": "_ChatMessage-data_1njo2_231", "ChatMessage-dataInner": "_ChatMessage-dataInner_1njo2_242", "ChatMessage-dataIcon": "_ChatMessage-dataIcon_1njo2_248", "Chat-loader": "_Chat-loader_1njo2_252", "Chat-error": "_Chat-error_1njo2_257", "Chat-errorLabel": "_Chat-errorLabel_1njo2_266", "Chat-errorAction": "_Chat-errorAction_1njo2_270" };
 
 // src/components/PromptForm/index.tsx
 init_react_import();
@@ -1141,11 +1150,11 @@ import {
 
 // 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_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" };
+var styles_module_default6 = { "PromptForm": "_PromptForm_1r4kq_1", "PromptForm-inner": "_PromptForm-inner_1r4kq_8", "PromptForm--dark": "_PromptForm--dark_1r4kq_14", "PromptForm--glow": "_PromptForm--glow_1r4kq_19", "PromptForm-glow": "_PromptForm-glow_1r4kq_19", "loop": "_loop_1r4kq_1", "PromptForm-formInner": "_PromptForm-formInner_1r4kq_60", "PromptForm-input": "_PromptForm-input_1r4kq_66", "PromptForm--disabled": "_PromptForm--disabled_1r4kq_97", "PromptForm-helper": "_PromptForm-helper_1r4kq_102", "PromptForm-actions": "_PromptForm-actions_1r4kq_112", "PromptForm-actionsLeft": "_PromptForm-actionsLeft_1r4kq_123", "PromptForm-actionsRight": "_PromptForm-actionsRight_1r4kq_130", "PromptForm-actionSubmit": "_PromptForm-actionSubmit_1r4kq_135", "PromptForm--userCta": "_PromptForm--userCta_1r4kq_149", "PromptForm--isDisabled": "_PromptForm--isDisabled_1r4kq_157", "PromptForm--isLoading": "_PromptForm--isLoading_1r4kq_162" };
 
 // src/components/PromptForm/index.tsx
-import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
-var cx5 = getClassNameFactory2("PromptForm", styles_module_default5);
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+var cx6 = getClassNameFactory2("PromptForm", styles_module_default6);
 function PromptForm({
   actions,
   colorScheme = "light",
@@ -1155,10 +1164,18 @@ function PromptForm({
   inputRef,
   isDisabled,
   isLoading,
-  placeholder = "Create a page for..."
+  placeholder = "Create a page for...",
+  cta,
+  minRows = 2,
+  maxRows = 5,
+  value = ""
 }) {
   const hasSetInitialPrompt = useRef7(false);
-  const [prompt, setPrompt] = useState11("");
+  const [prompt, setPrompt] = useState11(value);
+  const internalRef = useRef7(null);
+  useEffect8(() => {
+    setPrompt(value);
+  }, [setPrompt, value]);
   const sendPrompt = () => {
     if (isLoading || isDisabled) return;
     if (handleSubmit) {
@@ -1174,37 +1191,44 @@ function PromptForm({
       setPrompt(initialPrompt);
     }
   }, [setPrompt]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
-      className: cx5({
+      className: cx6({
         isDisabled,
         isLoading,
         dark: colorScheme === "dark",
-        glow
+        glow,
+        userCta: !!cta
       }),
       children: [
-        helperText ? /* @__PURE__ */ jsx25("div", { className: cx5("helper"), children: helperText }) : null,
-        /* @__PURE__ */ jsxs12("div", { className: cx5("inner"), children: [
-          /* @__PURE__ */ jsx25("span", { className: cx5("glow") }),
-          /* @__PURE__ */ jsx25(
+        helperText ? /* @__PURE__ */ jsx26("div", { className: cx6("helper"), children: helperText }) : null,
+        /* @__PURE__ */ jsxs13("div", { className: cx6("inner"), children: [
+          /* @__PURE__ */ jsx26("span", { className: cx6("glow") }),
+          /* @__PURE__ */ jsx26(
             "form",
             {
               onSubmit: (e) => {
                 e.preventDefault();
                 sendPrompt();
               },
-              children: /* @__PURE__ */ jsxs12("div", { className: cx5("formInner"), children: [
-                /* @__PURE__ */ jsx25(
+              children: /* @__PURE__ */ jsxs13("div", { className: cx6("formInner"), children: [
+                /* @__PURE__ */ jsx26(
                   default2,
                   {
-                    className: cx5("input"),
+                    className: cx6("input"),
                     name: "prompt",
-                    minRows: 2,
+                    minRows,
+                    maxRows,
                     placeholder,
                     disabled: isDisabled,
                     value: prompt,
-                    ref: inputRef,
+                    ref: (node) => {
+                      if (inputRef) {
+                        inputRef.current = node;
+                      }
+                      internalRef.current = node;
+                    },
                     onChange: (e) => setPrompt(e.target.value),
                     onKeyDown: (e) => {
                       if (!e.shiftKey && e.key === "Enter") {
@@ -1219,18 +1243,41 @@ function PromptForm({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs12("div", { className: cx5("actions"), children: [
-                  /* @__PURE__ */ jsx25("div", { className: cx5("actionsLeft"), children: actions }),
-                  /* @__PURE__ */ jsx25("div", { className: cx5("actionsRight"), children: /* @__PURE__ */ jsx25(
-                    "button",
-                    {
-                      className: cx5("actionSubmit"),
-                      type: "submit",
-                      disabled: isLoading,
-                      children: /* @__PURE__ */ jsx25(ArrowUp, {})
-                    }
-                  ) })
-                ] })
+                /* @__PURE__ */ jsxs13(
+                  "div",
+                  {
+                    className: cx6("actions"),
+                    onClick: () => {
+                      internalRef?.current?.focus();
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx26(
+                        "div",
+                        {
+                          className: cx6("actionsLeft"),
+                          onClick: (e) => e.stopPropagation(),
+                          children: actions
+                        }
+                      ),
+                      /* @__PURE__ */ jsx26(
+                        "div",
+                        {
+                          className: cx6("actionsRight"),
+                          onClick: (e) => e.stopPropagation(),
+                          children: /* @__PURE__ */ jsx26(
+                            "button",
+                            {
+                              className: cx6("actionSubmit"),
+                              type: "submit",
+                              disabled: isLoading,
+                              children: cta ?? /* @__PURE__ */ jsx26(ArrowUp, { size: 24 })
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
               ] })
             }
           )
@@ -1247,9 +1294,9 @@ var toolStatusContext = createContext3({});
 var ToolStatusProvider = toolStatusContext.Provider;
 
 // src/components/ChatBody/index.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
-var cx6 = getClassNameFactory2("Chat", styles_module_default4);
-var cxMessage = getClassNameFactory2("ChatMessage", styles_module_default4);
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+var cx7 = getClassNameFactory2("Chat", styles_module_default5);
+var cxMessage = getClassNameFactory2("ChatMessage", styles_module_default5);
 function ChatBody({
   children,
   examplePrompts,
@@ -1263,17 +1310,17 @@ function ChatBody({
 }) {
   const { scrollRef, contentRef } = useStickToBottom();
   const hasMessages = messages && messages.length > 0;
-  return /* @__PURE__ */ jsxs13("div", { className: cx6({ hasMessages, hasChildren: !!children, hideInput }), children: [
-    children ? /* @__PURE__ */ jsx26("div", { className: cx6("default"), children }) : null,
-    /* @__PURE__ */ jsxs13("div", { className: cx6("inner"), ref: scrollRef, children: [
-      /* @__PURE__ */ jsx26("div", { className: cx6("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ jsx26(ChatMessage, { message }, message.id)) }),
-      status === "submitted" && /* @__PURE__ */ jsx26("div", { className: cx6("loader"), children: /* @__PURE__ */ jsx26(Loader, { size: 14 }) }),
-      error && /* @__PURE__ */ jsxs13("div", { className: cx6("error"), children: [
-        /* @__PURE__ */ jsx26("div", { className: cx6("errorLabel"), children: "Something went wrong." }),
-        handleRetry && /* @__PURE__ */ jsx26("div", { className: cx6("errorAction"), children: /* @__PURE__ */ jsx26(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ jsx26(RotateCcw, { size: "14" }) }) })
+  return /* @__PURE__ */ jsxs14("div", { className: cx7({ hasMessages, hasChildren: !!children, hideInput }), children: [
+    children ? /* @__PURE__ */ jsx27("div", { className: cx7("default"), children }) : null,
+    /* @__PURE__ */ jsxs14("div", { className: cx7("inner"), ref: scrollRef, children: [
+      /* @__PURE__ */ jsx27("div", { className: cx7("messages"), ref: contentRef, children: messages.toReversed().map((message) => /* @__PURE__ */ jsx27(ChatMessage, { message }, message.id)) }),
+      status === "submitted" && /* @__PURE__ */ jsx27("div", { className: cx7("loader"), children: /* @__PURE__ */ jsx27(Loader, { size: 14 }) }),
+      error && /* @__PURE__ */ jsxs14("div", { className: cx7("error"), children: [
+        /* @__PURE__ */ jsx27("div", { className: cx7("errorLabel"), children: "Something went wrong." }),
+        handleRetry && /* @__PURE__ */ jsx27("div", { className: cx7("errorAction"), children: /* @__PURE__ */ jsx27(IconButton, { title: "Retry", onClick: handleRetry, children: /* @__PURE__ */ jsx27(RotateCcw, { size: "14" }) }) })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: cx6("form"), children: [
-        /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsxs14("div", { className: cx7("form"), children: [
+        /* @__PURE__ */ jsx27(
           PromptForm,
           {
             glow: !hasMessages,
@@ -1283,19 +1330,19 @@ function ChatBody({
             placeholder: "What do you want to build?"
           }
         ),
-        examplePrompts ? /* @__PURE__ */ jsx26("div", { className: cx6("examplePrompts"), children: examplePrompts }) : null
+        examplePrompts ? /* @__PURE__ */ jsx27("div", { className: cx7("examplePrompts"), children: examplePrompts }) : null
       ] })
     ] })
   ] });
 }
 function ChatMessage({ message }) {
   const { role, parts } = message;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       className: cxMessage({ [`${role}Role`]: true }),
       "data-message-id": message.id,
-      children: parts.map((part, i) => /* @__PURE__ */ jsx26(
+      children: parts.map((part, i) => /* @__PURE__ */ jsx27(
         ChatMessagePart,
         {
           part,
@@ -1311,25 +1358,25 @@ function ChatMessageWrapper({
   role
 }) {
   if (role === "assistant" || role === "user") {
-    return /* @__PURE__ */ jsx26(Markdown, { children });
+    return /* @__PURE__ */ jsx27(Markdown, { children });
   }
-  return /* @__PURE__ */ jsx26("span", { children });
+  return /* @__PURE__ */ jsx27("span", { children });
 }
 function ChatMessagePart({
   part,
   role
 }) {
   if (part.type === "text") {
-    return /* @__PURE__ */ jsx26("div", { className: cxMessage("text"), children: /* @__PURE__ */ jsx26(ChatMessageWrapper, { role, children: part.text }) });
+    return /* @__PURE__ */ jsx27("div", { className: cxMessage("text"), children: /* @__PURE__ */ jsx27(ChatMessageWrapper, { role, children: part.text }) });
   }
   if (part.type === "tool-createPage") {
-    return /* @__PURE__ */ jsx26(PuckTool, { ...part });
+    return /* @__PURE__ */ jsx27(PuckTool, { ...part });
   }
   if (part.type === "tool-updatePage") {
-    return /* @__PURE__ */ jsx26(PuckTool, { ...part });
+    return /* @__PURE__ */ jsx27(PuckTool, { ...part });
   }
   if (part.type === "tool-userTool") {
-    return /* @__PURE__ */ jsx26(PuckTool, { ...part });
+    return /* @__PURE__ */ jsx27(PuckTool, { ...part });
   }
   return null;
 }
@@ -1341,12 +1388,12 @@ function PuckTool({
   const toolStatus = useContext3(toolStatusContext)[toolCallId];
   const outputObj = output;
   const status = outputObj && "status" in outputObj ? outputObj.status : toolStatus ?? { loading: true, label: defaultLabel };
-  return /* @__PURE__ */ jsx26(ToolStatus, { status });
+  return /* @__PURE__ */ jsx27(ToolStatus, { status });
 }
 function ToolStatus({ status }) {
-  return /* @__PURE__ */ jsx26("div", { className: cxMessage("data"), children: /* @__PURE__ */ jsxs13("div", { className: cxMessage("dataInner"), children: [
-    /* @__PURE__ */ jsx26("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ jsx26(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ jsx26(Loader, { size: 16 }) : /* @__PURE__ */ jsx26(Check, { size: 18 }) }),
-    /* @__PURE__ */ jsx26("div", { children: status.label })
+  return /* @__PURE__ */ jsx27("div", { className: cxMessage("data"), children: /* @__PURE__ */ jsxs14("div", { className: cxMessage("dataInner"), children: [
+    /* @__PURE__ */ jsx27("div", { className: cxMessage("dataIcon"), children: status.error ? /* @__PURE__ */ jsx27(TriangleAlert, { size: 18 }) : status.loading ? /* @__PURE__ */ jsx27(Loader, { size: 16 }) : /* @__PURE__ */ jsx27(Check, { size: 18 }) }),
+    /* @__PURE__ */ jsx27("div", { children: status.label })
   ] }) });
 }
 function ExamplePrompt({
@@ -1355,9 +1402,9 @@ function ExamplePrompt({
   onClick
 }) {
   const El = href ? "a" : "button";
-  return /* @__PURE__ */ jsxs13(El, { className: cx6("examplePrompt"), href, onClick, children: [
-    /* @__PURE__ */ jsx26("div", { children: label }),
-    /* @__PURE__ */ jsx26("div", { className: cx6("examplePromptArrow"), children: /* @__PURE__ */ jsx26(ArrowRight, { size: "16" }) })
+  return /* @__PURE__ */ jsxs14(El, { className: cx7("examplePrompt"), href, onClick, children: [
+    /* @__PURE__ */ jsx27("div", { children: label }),
+    /* @__PURE__ */ jsx27("div", { className: cx7("examplePromptArrow"), children: /* @__PURE__ */ jsx27(ArrowUp, { size: "16" }) })
   ] });
 }
 
@@ -1505,7 +1552,7 @@ var dispatchOp = (operation, {
 
 // src/components/Chat/index.tsx
 import html2canvas from "html2canvas-pro";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var q = qler();
 var BENCHMARK = false;
 var prefixedUlid = (prefix = "") => `${prefix ? `${prefix}_` : ""}${ulid()}`;
@@ -1662,7 +1709,12 @@ function Chat2({ chat, host = "/api/puck/chat" }) {
     [status, forcedStatus]
   );
   useEffect9(() => {
-    window.__PUCK_AI = { processData, setMessages, setStatus: setForcedStatus };
+    window.__PUCK_AI = {
+      processData,
+      setMessages,
+      setStatus: setForcedStatus,
+      sendMessage
+    };
   }, [processData]);
   const handleSubmit = (prompt) => {
     const text = prompt.trim();
@@ -1693,16 +1745,16 @@ function Chat2({ chat, host = "/api/puck/chat" }) {
       };
     });
   }, [messages, toolStatus]);
-  return /* @__PURE__ */ jsxs14("div", { className: getClassName17(), ref: pluginRef, children: [
-    /* @__PURE__ */ jsx27("div", { className: getClassName17("header"), children: "AI page builder" }),
-    /* @__PURE__ */ jsx27(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs15("div", { className: getClassName17(), ref: pluginRef, children: [
+    /* @__PURE__ */ jsx28("div", { className: getClassName17("header"), children: "AI page builder" }),
+    /* @__PURE__ */ jsx28(ToolStatusProvider, { value: toolStatus, children: /* @__PURE__ */ jsx28(
       ChatBody,
       {
         messages: messagesWithStatuses,
         handleSubmit,
         inputRef,
         status: resolvedStatus,
-        examplePrompts: examplePrompts?.map(({ label, href, onClick }) => /* @__PURE__ */ jsx27(
+        examplePrompts: examplePrompts?.map(({ label, href, onClick }) => /* @__PURE__ */ jsx28(
           ExamplePrompt,
           {
             label,
@@ -1716,7 +1768,7 @@ function Chat2({ chat, host = "/api/puck/chat" }) {
           setError("");
           regenerate();
         },
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx28(
           Placeholder,
           {
             dispatch: puckDispatch,
@@ -1746,11 +1798,11 @@ function Placeholder({
       }
     }, 10);
   };
-  return /* @__PURE__ */ jsxs14("div", { className: getClassName17("placeholder"), children: [
-    /* @__PURE__ */ jsx27(Bot, { size: "24" }),
-    /* @__PURE__ */ jsx27("div", { children: "Use AI to build a page using the available blocks" }),
-    /* @__PURE__ */ jsxs14("div", { className: getClassName17("actions"), children: [
-      /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs15("div", { className: getClassName17("placeholder"), children: [
+    /* @__PURE__ */ jsx28(Bot, { size: "24" }),
+    /* @__PURE__ */ jsx28("div", { children: "Use AI to build a page using the available blocks" }),
+    /* @__PURE__ */ jsxs15("div", { className: getClassName17("actions"), children: [
+      /* @__PURE__ */ jsx28(
         "button",
         {
           className: getClassName17("action"),
@@ -1758,7 +1810,7 @@ function Placeholder({
           children: "Enter prompt"
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "button",
         {
           className: getClassName17("actionOutlined"),
@@ -1869,21 +1921,21 @@ var ScrollTracking = ({ children }) => {
 };
 
 // src/index.tsx
-import { Fragment as Fragment3, jsx as jsx28 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx29 } from "react/jsx-runtime";
 function createAiPlugin(opts) {
   const { scrollTracking = true, ...rest } = opts || {};
   return {
     label: "AI",
     name: "ai",
-    render: () => /* @__PURE__ */ jsx28(Chat2, { ...rest }),
-    icon: /* @__PURE__ */ jsx28(Bot, {}),
+    render: () => /* @__PURE__ */ jsx29(Chat2, { ...rest }),
+    icon: /* @__PURE__ */ jsx29(Bot, {}),
     mobilePanelHeight: "min-content",
     overrides: {
       preview: ({ children }) => {
         if (scrollTracking) {
-          return /* @__PURE__ */ jsx28(ScrollTracking, { children });
+          return /* @__PURE__ */ jsx29(ScrollTracking, { children });
         }
-        return /* @__PURE__ */ jsx28(Fragment3, { children });
+        return /* @__PURE__ */ jsx29(Fragment3, { children });
       }
     }
   };
@@ -1904,7 +1956,6 @@ lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/arrow-right.js:
 lucide-react/dist/esm/icons/arrow-up.js:
 lucide-react/dist/esm/icons/bot.js:
 lucide-react/dist/esm/icons/check.js: