@puckeditor/plugin-ai 0.6.1-canary.d9eddc77 → 0.7.0-canary.75c0f12c

package/dist/index.css

@@ -265,7 +265,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_1sscz_1 {
+._Button_1br4o_1 {
   appearance: none;
   background: none;
   border: 1px solid transparent;
@@ -287,31 +287,31 @@ p {
   white-space: nowrap;
   margin: 0;
 }
-._Button_1sscz_1:hover,
-._Button_1sscz_1:active {
+._Button_1br4o_1:hover,
+._Button_1br4o_1:active {
   transition: none;
 }
-._Button_1sscz_1:focus-visible {
+._Button_1br4o_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Button--medium_1sscz_34 {
+._Button--medium_1br4o_34 {
   min-height: 34px;
   padding-bottom: 7px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 7px;
 }
-._Button--large_1sscz_42 {
+._Button--large_1br4o_42 {
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button-icon_1sscz_49 {
+._Button-icon_1br4o_49 {
   margin-top: 2px;
 }
-._Button--brand_1sscz_53 {
+._Button--brand_1br4o_53 {
   background-image:
     linear-gradient(
       210deg,
@@ -322,79 +322,78 @@ p {
   border-radius: 48px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_1sscz_53:hover {
+  ._Button--brand_1br4o_53:hover {
     opacity: 0.8;
   }
 }
-._Button--brand_1sscz_53:active {
+._Button--brand_1br4o_53:active {
   opacity: 0.8;
 }
-._Button--primary_1sscz_74 {
+._Button--primary_1br4o_74 {
   background: var(--puck-color-azure-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_1sscz_74:hover {
+  ._Button--primary_1br4o_74:hover {
     background-color: var(--puck-color-azure-03);
   }
 }
-._Button--primary_1sscz_74:active {
+._Button--primary_1br4o_74:active {
   background-color: var(--puck-color-azure-02);
 }
-._Button--secondary_1sscz_88 {
+._Button--secondary_1br4o_88 {
   border: 1px solid currentColor;
   color: currentColor;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_1sscz_88:hover {
+  ._Button--secondary_1br4o_88:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-black);
   }
 }
-._Button--secondary_1sscz_88:active {
+._Button--secondary_1br4o_88:active {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-black);
 }
-._Button--danger_1sscz_105 {
+._Button--danger_1br4o_105 {
   background: var(--puck-color-red-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_1sscz_105:hover {
+  ._Button--danger_1br4o_105:hover {
     background-color: var(--puck-color-red-03);
   }
 }
-._Button--danger_1sscz_105:active {
+._Button--danger_1br4o_105:active {
   background-color: var(--puck-color-red-02);
 }
-._Button--flush_1sscz_119 {
+._Button--flush_1br4o_119 {
   border-radius: 0;
 }
-._Button--ghost_1sscz_123 {
+._Button--ghost_1br4o_123 {
   align-items: center;
   background-color: transparent;
   border: none;
   border-radius: 4px;
-  color: var(--puck-color-grey-08);
-  padding: 8px;
+  color: var(--puck-color-azure-04);
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_1sscz_123:hover {
-    background-color: var(--puck-color-azure-11);
+  ._Button--ghost_1br4o_123:hover {
+    background-color: var(--puck-color-grey-11);
     color: var(--puck-color-azure-04);
     cursor: pointer;
   }
 }
-._Button--disabled_1sscz_141,
-._Button--disabled_1sscz_141:hover {
+._Button--disabled_1br4o_140,
+._Button--disabled_1br4o_140:hover {
   background-color: var(--puck-color-grey-09);
   color: var(--puck-color-grey-05);
   cursor: not-allowed;
 }
-._Button--fullWidth_1sscz_148 {
+._Button--fullWidth_1br4o_147 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_1sscz_153 {
+._Button-spinner_1br4o_152 {
   padding-left: 8px;
 }
 
@@ -524,7 +523,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
-._Card_jzb6b_1 {
+._Card_rpnal_1 {
   background-color: white;
   border: 1px solid var(--puck-color-grey-08);
   border-radius: 16px;
@@ -532,32 +531,33 @@ p {
   display: block;
   text-decoration: none;
 }
-._Card_jzb6b_1:hover {
+._Card_rpnal_1:hover {
   cursor: pointer;
   background: var(--puck-color-azure-11);
   border-color: currentColor;
   color: var(--puck-color-azure-04);
 }
-._Card-body_jzb6b_17 {
+._Card-body_rpnal_17 {
   align-items: center;
   display: flex;
   padding: 16px;
 }
-._Card-title_jzb6b_23 {
+._Card-title_rpnal_23 {
   margin-bottom: 4px;
 }
-._Card-subtitle_jzb6b_27 {
+._Card-subtitle_rpnal_27 {
   margin: 0;
+  text-wrap: wrap;
 }
-._Card-chevron_jzb6b_31 {
+._Card-chevron_rpnal_32 {
   align-items: center;
   display: none;
   margin-left: auto;
 }
-._Card--showChevron_jzb6b_37 ._Card-chevron_jzb6b_31 {
+._Card--showChevron_rpnal_38 ._Card-chevron_rpnal_32 {
   display: flex;
 }
-._Card--isActive_jzb6b_41 {
+._Card--isActive_rpnal_42 {
   border-color: var(--puck-color-azure-04);
   color: var(--puck-color-azure-04);
 }
@@ -838,13 +838,13 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
-._Page_nkzj9_1 {
+._Page_7w485_1 {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow: hidden;
+  overflow: visible;
 }
-._Page-masthead_nkzj9_8 {
+._Page-masthead_7w485_8 {
   align-items: center;
   display: flex;
   gap: 16px;
@@ -853,45 +853,45 @@ p {
   border-bottom: 1px solid var(--puck-color-grey-10);
   min-height: 64px;
 }
-._Page-crumbs_nkzj9_18 {
+._Page-crumbs_7w485_18 {
   display: flex;
   gap: 32px;
 }
-._Page-crumb_nkzj9_18 {
+._Page-crumb_7w485_18 {
   color: var(--puck-color-grey-05);
   position: relative;
   white-space: nowrap;
 }
-._Page-crumbLink_nkzj9_29 {
+._Page-crumbLink_7w485_29 {
   color: var(--puck-color-grey-05);
   text-decoration: none;
 }
-._Page-crumbLink_nkzj9_29:hover {
+._Page-crumbLink_7w485_29:hover {
   color: var(--puck-color-azure-04);
 }
-._Page-crumb_nkzj9_18:last-of-type {
+._Page-crumb_7w485_18:last-of-type {
   color: var(--puck-color-grey-01);
   font-weight: 600;
 }
-._Page-crumb_nkzj9_18::before {
+._Page-crumb_7w485_18::before {
   position: absolute;
   content: "/";
   left: -19px;
   color: var(--puck-color-grey-09);
   font-weight: 400;
 }
-._Page-crumb_nkzj9_18:first-of-type::before {
+._Page-crumb_7w485_18:first-of-type::before {
   display: none;
 }
-._Page-crumb_nkzj9_18 {
+._Page-crumb_7w485_18 {
   color: var(--puck-color-grey-05);
   position: relative;
   text-decoration: none;
 }
-._Page-actions_nkzj9_61 {
+._Page-actions_7w485_61 {
   margin-left: auto;
 }
-._Page-footer_nkzj9_65 {
+._Page-footer_7w485_65 {
   border-top: 1px solid var(--puck-color-grey-10);
   padding: 16px 24px;
 }
@@ -925,10 +925,10 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
-._PlanGrid--loading_yaytb_1 {
+._PlanGrid--loading_97rn7_1 {
   opacity: 0;
 }
-._PlanGrid-grid_yaytb_5 {
+._PlanGrid-grid_97rn7_5 {
   color: var(--puck-color-grey-02);
   display: grid;
   gap: 16px;
@@ -937,7 +937,7 @@ p {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
-._PlanGrid-enterprise_yaytb_16 {
+._PlanGrid-enterprise_97rn7_16 {
   color: var(--puck-color-grey-04);
   font-size: var(--puck-font-size-xxs);
   margin-left: auto;
@@ -946,13 +946,14 @@ p {
   padding-top: 20px;
   text-align: center;
 }
-._PlanGrid-enterprise_yaytb_16 a {
+._PlanGrid-enterprise_97rn7_16 a {
   color: var(--puck-color-azure-04);
   cursor: pointer;
+  font-weight: 500;
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
-._PlanCard_xeanv_1 {
+._PlanCard_16zmu_1 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
   display: flex;
@@ -960,17 +961,21 @@ p {
   flex-direction: column;
   min-width: 256px;
   padding: 8px;
+  position: relative;
 }
-._PlanCard--enterprise_xeanv_11 {
+._PlanCard--enterprise_16zmu_12 {
   flex-direction: row;
   grid-column: span 3;
 }
-._PlanCard-title_xeanv_16 {
+._PlanCard-title_16zmu_17 {
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
   font-size: var(--puck-font-size-xs);
   font-weight: 700;
   white-space: nowrap;
 }
-._PlanCard-header_xeanv_22 {
+._PlanCard-header_16zmu_26 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -978,101 +983,158 @@ p {
   padding: 12px 16px;
   width: 100%;
 }
-._PlanCard-features_xeanv_31 {
+._PlanCard-features_16zmu_35 {
   display: grid;
   gap: 4px;
   list-style: none;
   margin: 0;
   padding: 0;
 }
-._PlanCard-feature_xeanv_31 {
+._PlanCard-feature_16zmu_35 {
   align-items: center;
   display: flex;
   gap: 4px;
   color: var(--puck-color-grey-05);
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-featureIcon_xeanv_47 {
+._PlanCard-featureIcon_16zmu_51 {
   align-self: flex-start;
   margin-top: 5px;
 }
-._PlanCard-featureTitle_xeanv_52 {
+._PlanCard-featureTitle_16zmu_56 {
   color: var(--puck-color-grey-04);
   font-weight: 600;
 }
-._PlanCard-priceValue_xeanv_57 {
+._PlanCard-priceValue_16zmu_61 {
   font-size: var(--puck-font-size-m);
 }
-._PlanCard-priceInterval_xeanv_61 {
+._PlanCard-priceInterval_16zmu_65 {
   color: var(--puck-color-grey-05);
 }
-._PlanCard-body_xeanv_65 {
+._PlanCard-body_16zmu_69 {
   background-color: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-11);
   border-radius: 8px;
   padding: 16px;
   flex-grow: 1;
 }
-._PlanCard--enterprise_xeanv_11 ._PlanCard-body_xeanv_65 {
+._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
   display: flex;
   gap: 8px;
   width: 100%;
 }
-._PlanCard-section_xeanv_79 {
+._PlanCard-section_16zmu_83 {
   padding-bottom: 16px;
   min-width: 192px;
 }
-._PlanCard-section_xeanv_79:last-of-type {
+._PlanCard-section_16zmu_83:last-of-type {
   padding-bottom: 0;
 }
-._PlanCard-section_xeanv_79 + ._PlanCard-section_xeanv_79 {
+._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
   border-top: 1px solid var(--puck-color-grey-09);
   padding-top: 16px;
 }
-._PlanCard--enterprise_xeanv_11 {
-  ._PlanCard-section_xeanv_79 + ._PlanCard-section_xeanv_79 {
+._PlanCard--enterprise_16zmu_12 {
+  ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
     border-left: 1px solid var(--puck-color-grey-09);
     border-top: none;
     padding-left: 16px;
     padding-top: 0;
   }
 }
-._PlanCard-sectionTitle_xeanv_102 {
+._PlanCard-sectionTitle_16zmu_106 {
   font-size: var(--puck-font-size-xs);
   font-weight: 500;
   margin-bottom: 8px;
 }
-._PlanCard-sectionBody_xeanv_108 + ._PlanCard-sectionTitle_xeanv_102 {
+._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
   border-top: 1px solid var(--puck-color-grey-09);
   margin-top: 16px;
   padding-top: 16px;
 }
-._PlanCard-sectionBody_xeanv_108 {
+._PlanCard-sectionBody_16zmu_112 {
   color: var(--puck-color-grey-03);
   font-size: var(--puck-font-size-xxs);
   display: grid;
   gap: 2px;
 }
-._PlanCard-usageItem_xeanv_121 {
+._PlanCard-usageItem_16zmu_125 {
   display: flex;
   gap: 8px;
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-usageLabel_xeanv_127 {
+._PlanCard-usageLabel_16zmu_131 {
   color: var(--puck-color-grey-04);
   font-weight: 500;
 }
-._PlanCard-usageValue_xeanv_132 {
+._PlanCard-usageValue_16zmu_136 {
   color: var(--puck-color-grey-05);
   font-family: var(--puck-font-family-monospaced);
   margin-left: auto;
 }
-._PlanCard-action_xeanv_138 {
+._PlanCard-action_16zmu_142 {
   align-items: flex-end;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
+._PlanCard-description_16zmu_149 {
+  color: var(--puck-color-grey-03);
+  margin-top: 8px;
+}
+._PlanCard--highlight_16zmu_154 {
+  border: transparent;
+}
+._PlanCard--highlight_16zmu_154::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  border-radius: inherit;
+  background-image:
+    linear-gradient(
+      210deg,
+      var(--puck-color-azure-01) 0%,
+      var(--puck-color-azure-03) 40%,
+      var(--puck-color-red-05) 100%);
+  background-size: cover;
+  background-position: center;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  pointer-events: none;
+}
+._PlanCard-highlightText_16zmu_184 {
+  @supports (background-clip: text) or (-webkit-background-clip: text) {
+    color: transparent;
+    background-clip: text;
+    -webkit-background-clip: text;
+    background-image:
+      linear-gradient(
+        210deg,
+        var(--puck-color-azure-01) 0%,
+        var(--puck-color-azure-03) 40%,
+        var(--puck-color-red-05) 100%);
+    background-size: cover;
+    background-position: center;
+  }
+}
+._PlanCard--fullWidth_16zmu_200 {
+  flex-direction: row;
+  grid-column: 1 / -1;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
+  max-width: 312px;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
+  max-width: 256px;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-auto-flow: column;
+}
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
 ._Section-inner_1uwo0_1 {
@@ -1323,7 +1385,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
-._Chat_1njo2_1 {
+._Chat_8hszl_1 {
   --fade-size: 32px;
   --chat-background-color: white;
   display: flex;
@@ -1333,46 +1395,46 @@ p {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._Chat_1njo2_1 {
+  ._Chat_8hszl_1 {
     max-height: none;
   }
 }
-._Chat-inner_1njo2_17 {
+._Chat-inner_8hszl_17 {
   background-color: var(--chat-background-color);
   display: flex;
   flex-direction: column;
   max-height: 100%;
   position: relative;
 }
-._Chat--hasMessages_1njo2_25 ._Chat-inner_1njo2_17 {
+._Chat--hasMessages_8hszl_25 ._Chat-inner_8hszl_17 {
   padding-top: 0;
 }
-._Chat_1njo2_1:not(._Chat--hasChildren_1njo2_29) ._Chat-inner_1njo2_17 {
+._Chat_8hszl_1:not(._Chat--hasChildren_8hszl_29) ._Chat-inner_8hszl_17 {
   height: 100%;
   padding-top: 0;
 }
-._Chat--hasMessages_1njo2_25 ._Chat-messages_1njo2_34 {
+._Chat--hasMessages_8hszl_25 ._Chat-messages_8hszl_34 {
   display: flex;
   flex-direction: column-reverse;
   padding: 16px;
   overflow: auto;
 }
-._Chat-form_1njo2_41 {
+._Chat-form_8hszl_41 {
   background-color: white;
   padding: 16px;
 }
-._Chat--hideInput_1njo2_46 ._Chat-form_1njo2_41 {
+._Chat--hideInput_8hszl_46 ._Chat-form_8hszl_41 {
   display: none;
 }
-._Chat--hasMessages_1njo2_25 ._Chat-form_1njo2_41 {
+._Chat--hasMessages_8hszl_25 ._Chat-form_8hszl_41 {
   border-top: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-form_1njo2_41 {
+  ._Chat-form_8hszl_41 {
     border-top: 1px solid var(--puck-color-grey-09);
   }
 }
-._Chat-formHelper_1njo2_60 {
+._Chat-formHelper_8hszl_60 {
   align-items: center;
   display: flex;
   color: var(--puck-color-grey-04);
@@ -1381,11 +1443,11 @@ p {
   gap: 8px;
   padding-bottom: 12px;
 }
-._Chat--hasMessages_1njo2_25 ._Chat-formHelper_1njo2_60 {
+._Chat--hasMessages_8hszl_25 ._Chat-formHelper_8hszl_60 {
   opacity: 0;
   transition: opacity 250ms ease-in;
 }
-._Chat-examplePrompts_1njo2_75 {
+._Chat-examplePrompts_8hszl_75 {
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
@@ -1394,7 +1456,7 @@ p {
   width: 100%;
   overflow-x: auto;
 }
-._Chat-examplePrompt_1njo2_75 {
+._Chat-examplePrompt_8hszl_75 {
   align-items: center;
   background: white;
   border: 1px solid var(--puck-color-grey-09);
@@ -1407,35 +1469,35 @@ p {
   padding: 6px 12px;
   text-wrap: nowrap;
 }
-._Chat-examplePrompt_1njo2_75:hover {
+._Chat-examplePrompt_8hszl_75:hover {
   background: var(--puck-color-azure-11);
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
 }
-._Chat-examplePromptArrow_1njo2_105 {
+._Chat-examplePromptArrow_8hszl_105 {
   display: flex;
   margin-left: auto;
 }
-._Chat-default_1njo2_110 {
+._Chat-default_8hszl_110 {
   overflow-y: auto;
   flex-grow: 1;
 }
-._Chat--hasMessages_1njo2_25 ._Chat-default_1njo2_110 {
+._Chat--hasMessages_8hszl_25 ._Chat-default_8hszl_110 {
   opacity: 0;
   padding: 0;
   pointer-events: none;
   transition: opacity 250ms ease-in;
 }
-._Chat--hasMessages_1njo2_25 {
+._Chat--hasMessages_8hszl_25 {
   background-color: white;
   transition: background-color 250ms ease-in;
 }
-._ChatMessage_1njo2_127 {
+._ChatMessage_8hszl_127 {
   font-size: var(--puck-font-size-xs);
   line-height: var(--line-height-s);
   overflow-wrap: break-word;
 }
-._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 {
+._ChatMessage--userRole_8hszl_133 ._ChatMessage-text_8hszl_133 {
   background: var(--puck-color-azure-10);
   border-radius: 16px;
   color: var(--puck-color-grey-03);
@@ -1444,70 +1506,70 @@ p {
   margin-top: 8px;
   padding: 12px 16px;
 }
-._ChatMessage_1njo2_127 ul,
-._ChatMessage_1njo2_127 ol {
+._ChatMessage_8hszl_127 ul,
+._ChatMessage_8hszl_127 ol {
   list-style: decimal;
   margin: 0;
   margin-bottom: 12px;
   margin-top: 12px;
   padding-left: 32px;
 }
-._ChatMessage_1njo2_127 li {
+._ChatMessage_8hszl_127 li {
   margin-bottom: 8px;
   margin-top: 8px;
   padding-left: 8px;
 }
-._ChatMessage_1njo2_127 h1,
-._ChatMessage_1njo2_127 h2,
-._ChatMessage_1njo2_127 h3,
-._ChatMessage_1njo2_127 h4,
-._ChatMessage_1njo2_127 h5,
-._ChatMessage_1njo2_127 h6 {
+._ChatMessage_8hszl_127 h1,
+._ChatMessage_8hszl_127 h2,
+._ChatMessage_8hszl_127 h3,
+._ChatMessage_8hszl_127 h4,
+._ChatMessage_8hszl_127 h5,
+._ChatMessage_8hszl_127 h6 {
   font-weight: 600;
 }
-._ChatMessage_1njo2_127 h1 {
+._ChatMessage_8hszl_127 h1 {
   font-size: var(--puck-font-l);
 }
-._ChatMessage_1njo2_127 h2 {
+._ChatMessage_8hszl_127 h2 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1njo2_127 h3 {
+._ChatMessage_8hszl_127 h3 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1njo2_127 h4 {
+._ChatMessage_8hszl_127 h4 {
   font-size: var(--puck-font-s);
 }
-._ChatMessage_1njo2_127 h5 {
+._ChatMessage_8hszl_127 h5 {
   font-size: var(--puck-font-xs);
 }
-._ChatMessage_1njo2_127 h6 {
+._ChatMessage_8hszl_127 h6 {
   font-size: var(--puck-font-xm);
 }
-._ChatMessage_1njo2_127 p {
+._ChatMessage_8hszl_127 p {
   margin-bottom: 8px;
   margin-top: 8px;
 }
-._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 > *:first-of-type {
+._ChatMessage--userRole_8hszl_133 ._ChatMessage-text_8hszl_133 > *:first-of-type {
   margin-top: 0px;
 }
-._ChatMessage--userRole_1njo2_133 ._ChatMessage-text_1njo2_133 > *:last-of-type {
+._ChatMessage--userRole_8hszl_133 ._ChatMessage-text_8hszl_133 > *:last-of-type {
   margin-bottom: 0px;
 }
-._ChatMessage_1njo2_127 a {
+._ChatMessage_8hszl_127 a {
   color: var(--puck-color-azure-04);
   font-weight: 600;
   text-decoration: none;
 }
-._ChatMessage_1njo2_127 a:hover {
+._ChatMessage_8hszl_127 a:hover {
   color: var(--puck-color-azure-05);
 }
-._ChatMessage_1njo2_127 hr {
+._ChatMessage_8hszl_127 hr {
   border-top: none;
   border-bottom-color: var(--puck-color-grey-09);
   margin-bottom: 16px;
   margin-top: 16px;
 }
-._ChatMessage_1njo2_127 blockquote {
+._ChatMessage_8hszl_127 blockquote {
   margin-bottom: 8px;
   margin-top: 8px;
   margin-left: 0;
@@ -1516,7 +1578,7 @@ p {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-._ChatMessage-data_1njo2_231 {
+._ChatMessage-data_8hszl_231 {
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-08);
   border-radius: 16px;
@@ -1526,19 +1588,19 @@ p {
   margin-top: 12px;
   padding: 12px 16px;
 }
-._ChatMessage-dataInner_1njo2_242 {
+._ChatMessage-dataInner_8hszl_242 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._ChatMessage-dataIcon_1njo2_248 {
+._ChatMessage-dataIcon_8hszl_248 {
   display: flex;
 }
-._Chat-loader_1njo2_252 {
+._Chat-loader_8hszl_252 {
   padding: 16px;
   padding-top: 0;
 }
-._Chat-error_1njo2_257 {
+._Chat-error_8hszl_257 {
   align-items: center;
   display: flex;
   gap: 8px;
@@ -1546,12 +1608,122 @@ p {
   margin: 16px;
   margin-top: 0;
 }
-._Chat-errorLabel_1njo2_266 {
+._Chat-errorLabel_8hszl_266 {
   color: var(--puck-color-red-04);
 }
-._Chat-errorAction_1njo2_270 {
+._Chat-errorAction_8hszl_270 {
+  margin-left: auto;
+}
+._Chat-planGroup_8hszl_274 {
+  background: var(--puck-color-grey-12);
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 16px;
+  margin-block: 8px;
+  margin-bottom: 12px;
+  overflow: hidden;
+}
+._Chat-planGroupHeader_8hszl_283 {
+  color: var(--puck-color-grey-02);
+  background: var(--puck-color-grey-11);
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--puck-color-grey-09);
+  font-weight: 600;
+  font-size: var(--puck-font-size-xxs);
+}
+._Chat-planGroupFooter_8hszl_292 {
+  color: var(--puck-color-grey-02);
+  background: var(--puck-color-grey-11);
+  display: flex;
+  flex-direction: row-reverse;
+  padding: 8px 12px;
+  border-top: 1px solid var(--puck-color-grey-09);
+  font-weight: 600;
+  font-size: var(--puck-font-size-xxs);
+}
+._Chat-planSummary_8hszl_303 {
+  color: var(--puck-color-grey-02);
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  align-items: flex-end;
+}
+._Chat-planSummaryIcon_8hszl_311 {
+  transition: ease-out 150ms;
+}
+._Chat-plan_8hszl_274[open] ._Chat-planSummaryIcon_8hszl_311 {
+  transform: rotate(180deg);
+}
+._Chat-planSummary_8hszl_303:hover {
+  color: var(--puck-color-azure-04);
+  cursor: pointer;
+}
+._Chat-planPath_8hszl_324 {
+  font-weight: 600;
+  font-size: var(--puck-font-size-xxxs);
+  opacity: 0.8;
+}
+._Chat-planHeader_8hszl_330 {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+}
+._Chat-planTitle_8hszl_336 {
+  font-weight: 600;
+  font-size: var(--puck-font-size-xs);
+}
+._Chat-planPrompt_8hszl_341 {
+  color: var(--puck-color-grey-03);
+  font-size: var(--puck-font-size-xxs);
+  margin-top: 4px;
+}
+._Chat-planStatus_8hszl_347 {
   margin-left: auto;
 }
+._Chat-plan_8hszl_274 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+  padding: 8px 12px;
+}
+._Chat-plan_8hszl_274:last-of-type {
+  border-bottom: 0;
+}
+._Chat-planSummary_8hszl_303 {
+  list-style: none;
+}
+._Chat-planSummary_8hszl_303::-webkit-details-marker {
+  display: none;
+}
+._Chat-textStatus_8hszl_368 {
+  background-color: var(--puck-color-grey-04);
+  background-image:
+    linear-gradient(
+      110deg,
+      var(--puck-color-grey-04) 0%,
+      var(--puck-color-grey-08) 50%,
+      var(--puck-color-grey-04) 100%);
+  background-size: 40% 100%;
+  background-position: 100% 0;
+  background-repeat: no-repeat;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  animation: _Chat-textStatusShimmer_8hszl_1 1.4s linear infinite;
+  font-weight: 500;
+  margin-top: 4px;
+}
+@keyframes _Chat-textStatusShimmer_8hszl_1 {
+  from {
+    background-position: -100% 100%;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._Chat-textStatus_8hszl_368 {
+    animation: none;
+    background-image: none;
+    color: var(--puck-color-grey-03);
+    -webkit-text-fill-color: currentColor;
+  }
+}
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
 ._PromptForm_1r4kq_1 {