@puckeditor/plugin-ai 0.4.1-canary.fd49bc87 → 0.4.1-canary.fd833f7d

package/dist/index.css

@@ -1,25 +1,26 @@
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
-._Chat_lckw1_1 {
+._Chat_3s08c_1 {
   background: white;
   height: 100%;
   display: flex;
   flex-direction: column;
   text-align: left;
 }
-._Chat-header_lckw1_9 {
+._Chat-header_3s08c_9 {
   display: block;
   padding: 8px 16px;
   font-weight: 600;
   border-bottom: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-header_lckw1_9 {
+  ._Chat-header_3s08c_9 {
     display: block;
     padding: 16px;
   }
 }
-._Chat-placeholder_lckw1_23 {
+._Chat-placeholder_3s08c_23 {
   align-items: center;
+  box-sizing: border-box;
   color: var(--puck-color-grey-06);
   display: none;
   justify-content: center;
@@ -30,37 +31,37 @@
   gap: 8px;
 }
 @media (min-width: 638px) {
-  ._Chat-placeholder_lckw1_23 {
+  ._Chat-placeholder_3s08c_23 {
     display: flex;
   }
 }
-._Chat-actions_lckw1_41 {
+._Chat-actions_3s08c_42 {
   display: flex;
   gap: 8px;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: 4px;
 }
-._Chat-action_lckw1_41,
-._Chat-actionOutlined_lckw1_50 {
+._Chat-action_3s08c_42,
+._Chat-actionOutlined_3s08c_51 {
   border: 1px solid var(--puck-color-azure-04);
   border-radius: 16px;
   padding: 4px 12px;
   font-size: 12px;
   cursor: pointer;
 }
-._Chat-action_lckw1_41 {
+._Chat-action_3s08c_42 {
   background: var(--puck-color-azure-04);
   color: white;
 }
-._Chat-action_lckw1_41:hover {
+._Chat-action_3s08c_42:hover {
   opacity: 0.8;
 }
-._Chat-actionOutlined_lckw1_50 {
+._Chat-actionOutlined_3s08c_51 {
   background: transparent;
   color: var(--puck-color-azure-04);
 }
-._Chat-actionOutlined_lckw1_50:hover {
+._Chat-actionOutlined_3s08c_51:hover {
   background: var(--puck-color-azure-11);
 }
 
@@ -545,6 +546,44 @@ p {
   color: var(--puck-color-azure-04);
 }
 
+/* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/CardSelector/styles.module.css/#css-module-data */
+._CardSelector_1ogry_1 {
+  display: grid;
+  gap: 16px;
+}
+@media (min-width: 768px) {
+  ._CardSelector_1ogry_1 {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+._CardSelectorOption_1ogry_12 {
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+  padding: 16px;
+  text-align: left;
+  max-width: 640px;
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 16px;
+}
+._CardSelectorOption--isSelected_1ogry_23 {
+  border-color: var(--puck-color-azure-04);
+}
+._CardSelectorOption--disabled_1ogry_27 {
+  color: var(--puck-color-grey-05);
+}
+._CardSelectorOption-description_1ogry_31 {
+  font-size: var(--puck-font-size-xs);
+}
+._CardSelectorOption-body_1ogry_35 {
+  margin-top: 12px;
+}
+._CardSelectorOption_1ogry_12:hover:not(._CardSelectorOption--isSelected_1ogry_23):not(._CardSelectorOption--disabled_1ogry_27) {
+  background-color: var(--puck-color-azure-12);
+  border-color: var(--puck-color-azure-04);
+  cursor: pointer;
+}
+
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Code/Code.module.css/#css-module-data */
 ._Code_d4378_1 {
   border-radius: 8px;
@@ -1118,7 +1157,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
-._Chat_1ybjn_1 {
+._Chat_1njo2_1 {
   --fade-size: 32px;
   --chat-background-color: white;
   display: flex;
@@ -1128,46 +1167,46 @@ p {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._Chat_1ybjn_1 {
+  ._Chat_1njo2_1 {
     max-height: none;
   }
 }
-._Chat-inner_1ybjn_17 {
+._Chat-inner_1njo2_17 {
   background-color: var(--chat-background-color);
   display: flex;
   flex-direction: column;
   max-height: 100%;
   position: relative;
 }
-._Chat--hasMessages_1ybjn_25 ._Chat-inner_1ybjn_17 {
+._Chat--hasMessages_1njo2_25 ._Chat-inner_1njo2_17 {
   padding-top: 0;
 }
-._Chat_1ybjn_1:not(._Chat--hasChildren_1ybjn_29) ._Chat-inner_1ybjn_17 {
+._Chat_1njo2_1:not(._Chat--hasChildren_1njo2_29) ._Chat-inner_1njo2_17 {
   height: 100%;
   padding-top: 0;
 }
-._Chat--hasMessages_1ybjn_25 ._Chat-messages_1ybjn_34 {
+._Chat--hasMessages_1njo2_25 ._Chat-messages_1njo2_34 {
   display: flex;
   flex-direction: column-reverse;
   padding: 16px;
   overflow: auto;
 }
-._Chat-form_1ybjn_41 {
+._Chat-form_1njo2_41 {
   background-color: white;
   padding: 16px;
 }
-._Chat--hideInput_1ybjn_46 ._Chat-form_1ybjn_41 {
+._Chat--hideInput_1njo2_46 ._Chat-form_1njo2_41 {
   display: none;
 }
-._Chat--hasMessages_1ybjn_25 ._Chat-form_1ybjn_41 {
+._Chat--hasMessages_1njo2_25 ._Chat-form_1njo2_41 {
   border-top: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-form_1ybjn_41 {
+  ._Chat-form_1njo2_41 {
     border-top: 1px solid var(--puck-color-grey-09);
   }
 }
-._Chat-formHelper_1ybjn_60 {
+._Chat-formHelper_1njo2_60 {
   align-items: center;
   display: flex;
   color: var(--puck-color-grey-04);
@@ -1176,11 +1215,11 @@ p {
   gap: 8px;
   padding-bottom: 12px;
 }
-._Chat--hasMessages_1ybjn_25 ._Chat-formHelper_1ybjn_60 {
+._Chat--hasMessages_1njo2_25 ._Chat-formHelper_1njo2_60 {
   opacity: 0;
   transition: opacity 250ms ease-in;
 }
-._Chat-examplePrompts_1ybjn_75 {
+._Chat-examplePrompts_1njo2_75 {
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
@@ -1189,7 +1228,7 @@ p {
   width: 100%;
   overflow-x: auto;
 }
-._Chat-examplePrompt_1ybjn_75 {
+._Chat-examplePrompt_1njo2_75 {
   align-items: center;
   background: white;
   border: 1px solid var(--puck-color-grey-09);
@@ -1198,37 +1237,39 @@ p {
   display: flex;
   gap: 4px;
   font-size: var(--puck-font-size-xxxs);
+  justify-content: center;
   padding: 6px 12px;
   text-wrap: nowrap;
 }
-._Chat-examplePrompt_1ybjn_75:hover {
+._Chat-examplePrompt_1njo2_75:hover {
   background: var(--puck-color-azure-11);
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
 }
-._Chat-examplePromptArrow_1ybjn_104 {
+._Chat-examplePromptArrow_1njo2_105 {
+  display: flex;
   margin-left: auto;
 }
-._Chat-default_1ybjn_108 {
+._Chat-default_1njo2_110 {
   overflow-y: auto;
   flex-grow: 1;
 }
-._Chat--hasMessages_1ybjn_25 ._Chat-default_1ybjn_108 {
+._Chat--hasMessages_1njo2_25 ._Chat-default_1njo2_110 {
   opacity: 0;
   padding: 0;
   pointer-events: none;
   transition: opacity 250ms ease-in;
 }
-._Chat--hasMessages_1ybjn_25 {
+._Chat--hasMessages_1njo2_25 {
   background-color: white;
   transition: background-color 250ms ease-in;
 }
-._ChatMessage_1ybjn_125 {
+._ChatMessage_1njo2_127 {
   font-size: var(--puck-font-size-xs);
   line-height: var(--line-height-s);
   overflow-wrap: break-word;
 }
-._ChatMessage--userRole_1ybjn_131 ._ChatMessage-text_1ybjn_131 {
+._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 {
   background: var(--puck-color-azure-10);
   border-radius: 16px;
   color: var(--puck-color-grey-03);
@@ -1237,70 +1278,70 @@ p {
   margin-top: 8px;
   padding: 12px 16px;
 }
-._ChatMessage_1ybjn_125 ul,
-._ChatMessage_1ybjn_125 ol {
+._ChatMessage_1njo2_127 ul,
+._ChatMessage_1njo2_127 ol {
   list-style: decimal;
   margin: 0;
   margin-bottom: 12px;
   margin-top: 12px;
   padding-left: 32px;
 }
-._ChatMessage_1ybjn_125 li {
+._ChatMessage_1njo2_127 li {
   margin-bottom: 8px;
   margin-top: 8px;
   padding-left: 8px;
 }
-._ChatMessage_1ybjn_125 h1,
-._ChatMessage_1ybjn_125 h2,
-._ChatMessage_1ybjn_125 h3,
-._ChatMessage_1ybjn_125 h4,
-._ChatMessage_1ybjn_125 h5,
-._ChatMessage_1ybjn_125 h6 {
+._ChatMessage_1njo2_127 h1,
+._ChatMessage_1njo2_127 h2,
+._ChatMessage_1njo2_127 h3,
+._ChatMessage_1njo2_127 h4,
+._ChatMessage_1njo2_127 h5,
+._ChatMessage_1njo2_127 h6 {
   font-weight: 600;
 }
-._ChatMessage_1ybjn_125 h1 {
+._ChatMessage_1njo2_127 h1 {
   font-size: var(--puck-font-l);
 }
-._ChatMessage_1ybjn_125 h2 {
+._ChatMessage_1njo2_127 h2 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1ybjn_125 h3 {
+._ChatMessage_1njo2_127 h3 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1ybjn_125 h4 {
+._ChatMessage_1njo2_127 h4 {
   font-size: var(--puck-font-s);
 }
-._ChatMessage_1ybjn_125 h5 {
+._ChatMessage_1njo2_127 h5 {
   font-size: var(--puck-font-xs);
 }
-._ChatMessage_1ybjn_125 h6 {
+._ChatMessage_1njo2_127 h6 {
   font-size: var(--puck-font-xm);
 }
-._ChatMessage_1ybjn_125 p {
+._ChatMessage_1njo2_127 p {
   margin-bottom: 8px;
   margin-top: 8px;
 }
-._ChatMessage--userRole_1ybjn_131 ._ChatMessage-text_1ybjn_131 > *:first-of-type {
+._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 > *:first-of-type {
   margin-top: 0px;
 }
-._ChatMessage--userRole_1ybjn_131 ._ChatMessage-text_1ybjn_131 > *:last-of-type {
+._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 > *:last-of-type {
   margin-bottom: 0px;
 }
-._ChatMessage_1ybjn_125 a {
+._ChatMessage_1njo2_127 a {
   color: var(--puck-color-azure-04);
   font-weight: 600;
   text-decoration: none;
 }
-._ChatMessage_1ybjn_125 a:hover {
+._ChatMessage_1njo2_127 a:hover {
   color: var(--puck-color-azure-05);
 }
-._ChatMessage_1ybjn_125 hr {
+._ChatMessage_1njo2_127 hr {
   border-top: none;
   border-bottom-color: var(--puck-color-grey-09);
   margin-bottom: 16px;
   margin-top: 16px;
 }
-._ChatMessage_1ybjn_125 blockquote {
+._ChatMessage_1njo2_127 blockquote {
   margin-bottom: 8px;
   margin-top: 8px;
   margin-left: 0;
@@ -1309,7 +1350,7 @@ p {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-._ChatMessage-data_1ybjn_229 {
+._ChatMessage-data_1njo2_231 {
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-08);
   border-radius: 16px;
@@ -1319,19 +1360,19 @@ p {
   margin-top: 12px;
   padding: 12px 16px;
 }
-._ChatMessage-dataInner_1ybjn_240 {
+._ChatMessage-dataInner_1njo2_242 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._ChatMessage-dataIcon_1ybjn_246 {
+._ChatMessage-dataIcon_1njo2_248 {
   display: flex;
 }
-._Chat-loader_1ybjn_250 {
+._Chat-loader_1njo2_252 {
   padding: 16px;
   padding-top: 0;
 }
-._Chat-error_1ybjn_255 {
+._Chat-error_1njo2_257 {
   align-items: center;
   display: flex;
   gap: 8px;
@@ -1339,30 +1380,30 @@ p {
   margin: 16px;
   margin-top: 0;
 }
-._Chat-errorLabel_1ybjn_264 {
+._Chat-errorLabel_1njo2_266 {
   color: var(--puck-color-red-04);
 }
-._Chat-errorAction_1ybjn_268 {
+._Chat-errorAction_1njo2_270 {
   margin-left: auto;
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
-._PromptForm_136g1_1 {
+._PromptForm_1r4kq_1 {
   --radius: 9px;
   background-color: var(--puck-color-grey-09);
   border-radius: var(--radius);
   width: 100%;
 }
-._PromptForm-inner_136g1_8 {
+._PromptForm-inner_1r4kq_8 {
   border-radius: var(--radius);
   padding: 1px;
   position: relative;
 }
-._PromptForm--dark_136g1_14 {
+._PromptForm--dark_1r4kq_14 {
   background-color: var(--puck-color-grey-02);
   box-shadow: none;
 }
-._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19 {
+._PromptForm--glow_1r4kq_19 ._PromptForm-glow_1r4kq_19 {
   border: 2px solid transparent;
   border-radius: var(--radius);
   mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
@@ -1372,7 +1413,7 @@ p {
   pointer-events: none;
   inset: 0;
 }
-._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
+._PromptForm--glow_1r4kq_19 ._PromptForm-glow_1r4kq_19::after {
   background:
     radial-gradient(
       circle at center,
@@ -1381,84 +1422,90 @@ p {
   content: "";
   offset-path: rect(0 100% 100% 0 round 200px);
   offset-anchor: calc(var(--anchor) * 1%) 50%;
-  animation: _loop_136g1_1 9s infinite linear;
+  animation: _loop_1r4kq_1 9s infinite linear;
   position: absolute;
   height: 312px;
   aspect-ratio: 1 / 1;
   display: inline-block;
 }
-._PromptForm--dark_136g1_14._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
+._PromptForm--dark_1r4kq_14._PromptForm--glow_1r4kq_19 ._PromptForm-glow_1r4kq_19::after {
   background:
     radial-gradient(
       circle at center,
       var(--puck-color-azure-08),
       transparent 50%);
 }
-@keyframes _loop_136g1_1 {
+@keyframes _loop_1r4kq_1 {
   to {
     offset-distance: 100%;
   }
 }
-._PromptForm-formInner_136g1_60 {
+._PromptForm-formInner_1r4kq_60 {
+  background-color: white;
+  border-radius: 8px;
   position: relative;
 }
-._PromptForm-input_136g1_64 {
-  background-color: white;
+._PromptForm-input_1r4kq_66 {
+  background-color: transparent;
   border: none;
-  border-radius: 8px;
   display: block;
   resize: none;
   color: var(--puck-color-grey-03);
   padding: 12px 16px;
   padding-left: 16px;
   padding-right: 8px;
+  padding-bottom: 4px;
   font-family: inherit;
   font-size: var(--puck-font-size-xs);
   line-height: var(--line-height-s);
-  padding-bottom: 48px;
   outline-offset: -1;
   width: 100%;
   box-sizing: border-box;
 }
-._PromptForm-input_136g1_64:focus {
-  outline-color: var(--puck-color-azure-04);
+._PromptForm-input_1r4kq_66:focus {
+  outline: none;
 }
-._PromptForm--dark_136g1_14 ._PromptForm-input_136g1_64 {
+._PromptForm-formInner_1r4kq_60:has(._PromptForm-input_1r4kq_66:focus) {
+  outline: 2px solid var(--puck-color-azure-04);
+}
+._PromptForm--dark_1r4kq_14 ._PromptForm-input_1r4kq_66 {
   background-color: var(--puck-color-grey-01);
   color: var(--puck-color-grey-08);
 }
-._PromptForm--disabled_136g1_92 ._PromptForm-input_136g1_64 {
+._PromptForm--disabled_1r4kq_97 ._PromptForm-input_1r4kq_66 {
   background-color: var(--puck-color-grey-12);
   cursor: not-allowed;
 }
-._PromptForm-helper_136g1_97 {
+._PromptForm-helper_1r4kq_102 {
   align-items: center;
-  color: var(--puck-color-grey-05);
+  color: var(--puck-color-grey-04);
   display: flex;
   gap: 4px;
   font-size: var(--puck-font-size-xxs);
   font-weight: 500;
-  padding: 4px 12px;
+  padding: 6px 12px;
 }
-._PromptForm-actions_136g1_107 {
+._PromptForm-actions_1r4kq_112 {
+  align-items: flex-end;
+  cursor: text;
   display: flex;
-  position: absolute;
   gap: 8px;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 6px;
-  pointer-events: none;
 }
-._PromptForm-actionsLeft_136g1_118 {
+._PromptForm-actionsLeft_1r4kq_123 {
   align-items: center;
+  cursor: auto;
   display: flex;
   padding-left: 8px;
 }
-._PromptForm-actionsRight_136g1_124 {
+._PromptForm-actionsRight_1r4kq_130 {
+  cursor: auto;
   margin-left: auto;
 }
-._PromptForm-actionSubmit_136g1_128 {
+._PromptForm-actionSubmit_1r4kq_135 {
   background: var(--puck-color-azure-04);
   border-radius: 48px;
   color: white;
@@ -1466,20 +1513,22 @@ p {
   align-items: center;
   justify-content: center;
   align-self: flex-end;
-  width: 32px;
-  height: 32px;
+  padding: 4px;
   border: 0;
   pointer-events: auto;
   cursor: pointer;
 }
-._PromptForm-actionSubmit_136g1_128:hover {
+._PromptForm--userCta_1r4kq_149 ._PromptForm-actionSubmit_1r4kq_135 {
+  padding: 8px 12px;
+}
+._PromptForm-actionSubmit_1r4kq_135:hover {
   background: var(--puck-color-azure-05);
 }
-._PromptForm--isDisabled_136g1_147 ._PromptForm-actionSubmit_136g1_128 {
+._PromptForm--isDisabled_1r4kq_157 ._PromptForm-actionSubmit_1r4kq_135 {
   background-color: var(--puck-color-grey-06);
   cursor: not-allowed;
 }
-._PromptForm--isLoading_136g1_152 ._PromptForm-actionSubmit_136g1_128 {
+._PromptForm--isLoading_1r4kq_162 ._PromptForm-actionSubmit_1r4kq_135 {
   background-color: var(--puck-color-azure-06);
   cursor: not-allowed;
 }

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { LanguageModelUsage, UIMessage, DataUIPart, ChatStatus } from 'ai';
+import { LanguageModelUsage, UIMessage, CreateUIMessage, DataUIPart, ChatStatus } from 'ai';
 import { PuckAction, Data } from '@measured/puck';
 
 type _JSONSchema = boolean | JSONSchema;
@@ -189,6 +189,7 @@ type AiPluginProps = {
 declare global {
     interface Window {
         __PUCK_AI: {
+            sendMessage: (message: CreateUIMessage<PuckMessage>) => void;
             setMessages: (_messages: PuckMessage[]) => void;
             processData: (_messages: DataUIPart<PuckDataParts>) => void;
             setStatus: (_status: ChatStatus) => void;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { LanguageModelUsage, UIMessage, DataUIPart, ChatStatus } from 'ai';
+import { LanguageModelUsage, UIMessage, CreateUIMessage, DataUIPart, ChatStatus } from 'ai';
 import { PuckAction, Data } from '@measured/puck';
 
 type _JSONSchema = boolean | JSONSchema;
@@ -189,6 +189,7 @@ type AiPluginProps = {
 declare global {
     interface Window {
         __PUCK_AI: {
+            sendMessage: (message: CreateUIMessage<PuckMessage>) => void;
             setMessages: (_messages: PuckMessage[]) => void;
             processData: (_messages: DataUIPart<PuckDataParts>) => void;
             setStatus: (_status: ChatStatus) => void;