@puckeditor/plugin-ai 0.8.0-canary.fed2989a → 0.8.0

package/dist/index.css

@@ -1,79 +1,106 @@
 /* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
-._Chat_1g2yc_1 {
+._Chat_1ei0a_1 {
   background: white;
   height: 100%;
   display: flex;
   flex-direction: column;
   text-align: left;
 }
-._Chat-header_1g2yc_9 {
+._Chat-header_1ei0a_9 {
   display: block;
   padding: 8px 16px;
   font-weight: 600;
   border-bottom: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-header_1g2yc_9 {
+  ._Chat-header_1ei0a_9 {
     display: block;
     padding: 16px;
   }
 }
-._Chat-placeholder_1g2yc_23 {
+._Chat-placeholder_1ei0a_23 {
   align-items: center;
   box-sizing: border-box;
-  color: var(--puck-color-grey-06);
+  color: var(--puck-color-grey-04);
   display: none;
-  justify-content: center;
   flex-direction: column;
+  gap: 8px;
   height: 100%;
-  text-align: center;
+  justify-content: center;
   padding: 32px;
-  gap: 8px;
+  text-align: center;
 }
 @media (min-width: 638px) {
-  ._Chat-placeholder_1g2yc_23 {
+  ._Chat-placeholder_1ei0a_23 {
     display: flex;
   }
 }
-._Chat-actions_1g2yc_42 {
+._Chat-placeholderIcon_1ei0a_42 {
+  align-items: center;
+  background-color: var(--puck-color-azure-11);
+  border-radius: 999px;
+  color: var(--puck-color-azure-04);
   display: flex;
-  gap: 8px;
   justify-content: center;
+  margin-bottom: 4px;
+  padding: 12px;
+}
+._Chat-placeholderTitle_1ei0a_53 {
+  color: var(--puck-color-grey-01);
+  font-size: var(--puck-font-size-s);
+}
+._Chat-placeholderDescription_1ei0a_58 {
+  font-size: var(--puck-font-size-xxs);
+  line-height: 1.5;
+  max-width: 260px;
+}
+._Chat-actions_1ei0a_64 {
+  display: flex;
   flex-wrap: wrap;
-  margin-top: 4px;
+  gap: 8px;
+  justify-content: center;
+  margin-top: 8px;
 }
-._Chat-action_1g2yc_42,
-._Chat-actionOutlined_1g2yc_51 {
+._Chat-action_1ei0a_64,
+._Chat-actionOutlined_1ei0a_73 {
+  appearance: none;
   border: 1px solid var(--puck-color-azure-04);
-  border-radius: 16px;
-  padding: 4px 12px;
-  font-size: 12px;
+  border-radius: 999px;
   cursor: pointer;
+  font-family: inherit;
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 600;
+  padding: 8px 14px;
 }
-._Chat-action_1g2yc_42 {
+._Chat-action_1ei0a_64 {
   background: var(--puck-color-azure-04);
   color: white;
 }
-._Chat-action_1g2yc_42:hover {
-  opacity: 0.8;
+._Chat-action_1ei0a_64:hover {
+  background-color: var(--puck-color-azure-03);
 }
-._Chat-actionOutlined_1g2yc_51 {
+._Chat-actionOutlined_1ei0a_73 {
   background: transparent;
   color: var(--puck-color-azure-04);
 }
-._Chat-actionOutlined_1g2yc_51:hover {
+._Chat-actionOutlined_1ei0a_73:hover {
   background: var(--puck-color-azure-11);
 }
-._Chat-attachmentControls_1g2yc_77 {
+._Chat-action_1ei0a_64:focus-visible,
+._Chat-actionOutlined_1ei0a_73:focus-visible {
+  outline: 2px solid var(--puck-color-azure-04);
+  outline-offset: 2px;
+}
+._Chat-attachmentControls_1ei0a_108 {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
 }
-._Chat-attachmentInput_1g2yc_84 {
+._Chat-attachmentInput_1ei0a_115 {
   display: none;
 }
-._Chat-attachmentButton_1g2yc_88 {
+._Chat-attachmentButton_1ei0a_119 {
   align-items: center;
   background: none;
   border-radius: 4px;
@@ -86,19 +113,19 @@
   padding: 8px;
   white-space: nowrap;
 }
-._Chat-attachmentButton_1g2yc_88:hover,
-._Chat-attachmentButton_1g2yc_88:focus-visible {
+._Chat-attachmentButton_1ei0a_119:hover,
+._Chat-attachmentButton_1ei0a_119:focus-visible {
   background-color: var(--puck-color-azure-12);
   color: var(--puck-color-azure-04);
 }
-._Chat-attachmentButton_1g2yc_88:focus-visible {
+._Chat-attachmentButton_1ei0a_119:focus-visible {
   outline: 2px solid var(--puck-color-azure-04);
 }
-._Chat-attachmentButton_1g2yc_88:disabled {
+._Chat-attachmentButton_1ei0a_119:disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-._Chat-attachmentButton_1g2yc_88:disabled:hover {
+._Chat-attachmentButton_1ei0a_119:disabled:hover {
   border-color: var(--puck-color-grey-09);
   color: var(--puck-color-grey-04);
 }
@@ -247,11 +274,11 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
-._ActionModal_r3pvy_1 {
+._ActionModal_1g44k_1 {
   display: block;
   min-width: 356px;
 }
-._ActionModal-header_r3pvy_6 {
+._ActionModal-header_1g44k_6 {
   color: var(--puck-color-grey-02);
   display: flex;
   justify-content: center;
@@ -261,11 +288,14 @@ p {
   padding: 24px;
   padding-bottom: 16px;
 }
-._ActionModal-body_r3pvy_17 {
+._ActionModal-body_1g44k_17 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
   padding: 24px;
   padding-top: 8px;
 }
-._ActionModal-footer_r3pvy_22 {
+._ActionModal-footer_1g44k_25 {
   border-top: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
   display: flex;
@@ -303,7 +333,7 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_1tog0_1 {
+._Button_16or4_1 {
   appearance: none;
   background: none;
   border: 1px solid transparent;
@@ -325,28 +355,36 @@ p {
   white-space: nowrap;
   margin: 0;
 }
-._Button_1tog0_1:hover,
-._Button_1tog0_1:active {
+._Button_16or4_1:hover,
+._Button_16or4_1:active {
   transition: none;
 }
-._Button_1tog0_1:focus-visible {
+._Button_16or4_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Button--medium_1tog0_34 {
+._Button--tiny_16or4_34 {
+  font-size: var(--puck-font-size-xxxs);
+  padding: 2px 8px;
+}
+._Button--small_16or4_39 {
+  font-size: var(--puck-font-size-xxs);
+  padding: 4px 8px;
+}
+._Button--medium_16or4_44 {
   min-height: 34px;
   padding-bottom: 7px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 7px;
 }
-._Button--large_1tog0_42 {
+._Button--large_16or4_52 {
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button--brand_1tog0_49 {
+._Button--brand_16or4_59 {
   background-image:
     linear-gradient(
       210deg,
@@ -356,53 +394,54 @@ p {
   border: none;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_1tog0_49:hover {
+  ._Button--brand_16or4_59:hover {
     opacity: 0.8;
   }
 }
-._Button--brand_1tog0_49:active {
+._Button--brand_16or4_59:active {
   opacity: 0.8;
 }
-._Button--primary_1tog0_69 {
+._Button--primary_16or4_79 {
   background: var(--puck-color-azure-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_1tog0_69:hover {
+  ._Button--primary_16or4_79:hover {
     background-color: var(--puck-color-azure-03);
   }
 }
-._Button--primary_1tog0_69:active {
+._Button--primary_16or4_79:active {
   background-color: var(--puck-color-azure-02);
 }
-._Button--secondary_1tog0_83 {
+._Button--secondary_16or4_93 {
   border: 1px solid currentColor;
   color: currentColor;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_1tog0_83:hover {
+  ._Button--secondary_16or4_93:hover {
     background-color: var(--puck-color-azure-12);
-    color: var(--puck-color-black);
+    border-color: var(--puck-color-azure-12);
+    color: var(--puck-color-azure-04);
   }
 }
-._Button--secondary_1tog0_83:active {
+._Button--secondary_16or4_93:active {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-black);
 }
-._Button--danger_1tog0_100 {
+._Button--danger_16or4_111 {
   background: var(--puck-color-red-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_1tog0_100:hover {
+  ._Button--danger_16or4_111:hover {
     background-color: var(--puck-color-red-03);
   }
 }
-._Button--danger_1tog0_100:active {
+._Button--danger_16or4_111:active {
   background-color: var(--puck-color-red-02);
 }
-._Button--flush_1tog0_114 {
+._Button--flush_16or4_125 {
   border-radius: 0;
 }
-._Button--ghost_1tog0_118 {
+._Button--ghost_16or4_129 {
   align-items: center;
   background-color: transparent;
   border: none;
@@ -411,26 +450,26 @@ p {
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_1tog0_118:hover {
+  ._Button--ghost_16or4_129:hover {
     background-color: var(--puck-color-grey-11);
     color: var(--puck-color-azure-04);
     cursor: pointer;
   }
 }
-._Button--disabled_1tog0_135,
-._Button--disabled_1tog0_135:hover,
-._Button--secondary_1tog0_83._Button--disabled_1tog0_135,
-._Button--secondary_1tog0_83._Button--disabled_1tog0_135:hover {
+._Button--disabled_16or4_146,
+._Button--disabled_16or4_146:hover,
+._Button--secondary_16or4_93._Button--disabled_16or4_146,
+._Button--secondary_16or4_93._Button--disabled_16or4_146:hover {
   background-color: var(--puck-color-grey-12);
   border-color: var(--puck-color-grey-08);
   color: var(--puck-color-grey-07);
   cursor: not-allowed;
 }
-._Button--fullWidth_1tog0_145 {
+._Button--fullWidth_16or4_156 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_1tog0_150 {
+._Button-spinner_16or4_161 {
   padding-left: 8px;
 }
 
@@ -1046,215 +1085,187 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
-._PlanGrid--loading_97rn7_1 {
-  opacity: 0;
-}
-._PlanGrid-grid_97rn7_5 {
+._PlanGrid_1ar8g_1 {
   color: var(--puck-color-grey-02);
-  display: grid;
-  gap: 16px;
   text-align: left;
-  @media (min-width: 768px) {
-    grid-template-columns: 1fr 1fr 1fr;
-  }
+  position: relative;
+  z-index: 0;
 }
-._PlanGrid-enterprise_97rn7_16 {
-  color: var(--puck-color-grey-04);
-  font-size: var(--puck-font-size-xxs);
-  margin-left: auto;
-  margin-right: auto;
-  padding-inline: 4px;
-  padding-top: 20px;
-  text-align: center;
+._PlanGrid-billingNote_1ar8g_8,
+._PlanGrid-planKicker_1ar8g_9 {
+  font-size: var(--puck-font-size-xxxs);
+  letter-spacing: 0.12em;
 }
-._PlanGrid-enterprise_97rn7_16 a {
-  color: var(--puck-color-azure-04);
-  cursor: pointer;
-  font-weight: 500;
+._PlanGrid-billingNote_1ar8g_8 {
+  color: var(--puck-color-grey-05);
 }
-
-/* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
-._PlanCard_16zmu_1 {
+._PlanGrid-tableWrapper_1ar8g_18 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
-  display: flex;
-  gap: 8px;
-  flex-direction: column;
-  min-width: 256px;
-  padding: 8px;
-  position: relative;
+  overflow-x: auto;
 }
-._PlanCard--enterprise_16zmu_12 {
-  flex-direction: row;
-  grid-column: span 3;
+._PlanGrid-table_1ar8g_18 {
+  border-collapse: separate;
+  border-spacing: 0;
+  max-width: 1440px;
+  min-width: 880px;
+  table-layout: fixed;
+  width: 100%;
 }
-._PlanCard-title_16zmu_17 {
-  display: flex;
-  gap: 8px;
-  justify-content: space-between;
-  font-size: var(--puck-font-size-xs);
-  font-weight: 700;
+._PlanGrid-caption_1ar8g_33 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
   white-space: nowrap;
+  width: 1px;
 }
-._PlanCard-header_16zmu_26 {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 12px 16px;
-  width: 100%;
+._PlanGrid-featureHeader_1ar8g_43,
+._PlanGrid-featureName_1ar8g_44,
+._PlanGrid-planHeader_1ar8g_45,
+._PlanGrid-featureValue_1ar8g_46 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+  border-right: 1px solid var(--puck-color-grey-09);
 }
-._PlanCard-features_16zmu_35 {
-  display: grid;
-  gap: 4px;
-  list-style: none;
-  margin: 0;
+._PlanGrid-featureHeader_1ar8g_43,
+._PlanGrid-featureName_1ar8g_44 {
+  background: var(--puck-color-white);
+  position: sticky;
+  left: 0;
+  width: 24%;
+  z-index: 2;
+}
+._PlanGrid-featureHeader_1ar8g_43 {
+  font-size: var(--puck-font-size-s);
+  padding: 28px 24px;
+  text-align: left;
+  vertical-align: top;
+}
+._PlanGrid-planHeader_1ar8g_45 {
+  background: var(--puck-color-white);
+  height: 336px;
   padding: 0;
+  text-align: left;
+  vertical-align: top;
+  width: 25.333%;
 }
-._PlanCard-feature_16zmu_35 {
-  align-items: center;
+._PlanGrid-planHeaderInner_1ar8g_76 {
+  box-sizing: border-box;
   display: flex;
-  gap: 4px;
-  color: var(--puck-color-grey-05);
-  font-size: var(--puck-font-size-xxs);
-}
-._PlanCard-featureIcon_16zmu_51 {
-  align-self: flex-start;
-  margin-top: 5px;
+  flex-direction: column;
+  height: 100%;
+  padding: 28px 24px 24px;
 }
-._PlanCard-featureTitle_16zmu_56 {
-  color: var(--puck-color-grey-04);
-  font-weight: 600;
+._PlanGrid-planKicker_1ar8g_9 {
+  color: var(--puck-color-azure-04);
+  font-weight: 700;
+  min-height: 20px;
+  text-transform: uppercase;
 }
-._PlanCard-priceValue_16zmu_61 {
-  font-size: var(--puck-font-size-m);
+._PlanGrid-planTitle_1ar8g_91 {
+  font-size: var(--puck-font-size-l);
+  line-height: 1.2;
+  margin: 12px 0 0;
 }
-._PlanCard-priceInterval_16zmu_65 {
+._PlanGrid-planDescription_1ar8g_97 {
   color: var(--puck-color-grey-05);
+  font-size: var(--puck-font-size-xxs);
+  margin: 8px 0 0;
+  min-height: 44px;
+  font-weight: 400;
 }
-._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;
+._PlanGrid-priceBlock_1ar8g_105 {
+  margin-top: auto;
+  padding: 20px 0 16px;
 }
-._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
+._PlanGrid-price_1ar8g_105 {
+  align-items: baseline;
   display: flex;
-  gap: 8px;
-  width: 100%;
-}
-._PlanCard-section_16zmu_83 {
-  padding-bottom: 16px;
-  min-width: 192px;
-}
-._PlanCard-section_16zmu_83:last-of-type {
-  padding-bottom: 0;
-}
-._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
-  border-top: 1px solid var(--puck-color-grey-09);
-  padding-top: 16px;
-}
-._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;
-  }
+  gap: 4px;
+  white-space: nowrap;
 }
-._PlanCard-sectionTitle_16zmu_106 {
+._PlanGrid-standardPrice_1ar8g_117 {
+  color: var(--puck-color-grey-06);
   font-size: var(--puck-font-size-xs);
   font-weight: 500;
-  margin-bottom: 8px;
+  text-decoration: line-through;
 }
-._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
-  border-top: 1px solid var(--puck-color-grey-09);
-  margin-top: 16px;
-  padding-top: 16px;
+._PlanGrid-priceValue_1ar8g_124 {
+  font-size: var(--puck-font-size-xl);
+  font-weight: 600;
+  letter-spacing: -0.02em;
 }
-._PlanCard-sectionBody_16zmu_112 {
-  color: var(--puck-color-grey-03);
+._PlanGrid-priceInterval_1ar8g_130 {
+  color: var(--puck-color-grey-05);
   font-size: var(--puck-font-size-xxs);
-  display: grid;
-  gap: 2px;
+  font-weight: 400;
 }
-._PlanCard-usageItem_16zmu_125 {
-  display: flex;
-  gap: 8px;
+._PlanGrid-priceNote_1ar8g_136 {
+  color: var(--puck-color-azure-04);
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 600;
+  margin-top: 2px;
+}
+._PlanGrid-action_1ar8g_143 {
+  width: 100%;
+}
+._PlanGrid-featureName_1ar8g_44,
+._PlanGrid-featureValue_1ar8g_46 {
   font-size: var(--puck-font-size-xxs);
+  min-height: 68px;
+  padding: 20px 24px;
 }
-._PlanCard-usageLabel_16zmu_131 {
-  color: var(--puck-color-grey-04);
-  font-weight: 500;
+._PlanGrid-featureName_1ar8g_44 {
+  font-weight: 600;
+  text-align: left;
 }
-._PlanCard-usageValue_16zmu_136 {
-  color: var(--puck-color-grey-05);
-  font-family: var(--puck-font-family-monospaced);
-  margin-left: auto;
+._PlanGrid-featureValue_1ar8g_46 {
+  background: var(--puck-color-white);
+  color: var(--puck-color-grey-04);
 }
-._PlanCard-action_16zmu_142 {
-  align-items: flex-end;
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
+._PlanGrid-featureValue_1ar8g_46 a {
+  color: var(--puck-color-azure-04);
 }
-._PlanCard-description_16zmu_149 {
+._PlanGrid-included_1ar8g_168 {
+  align-items: center;
   color: var(--puck-color-grey-03);
-  margin-top: 8px;
+  display: inline-flex;
+  gap: 8px;
 }
-._PlanCard--highlight_16zmu_154 {
-  border: transparent;
+._PlanGrid-included_1ar8g_168 svg {
+  color: var(--puck-color-azure-04);
 }
-._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;
+._PlanGrid-unavailable_1ar8g_179 {
+  color: var(--puck-color-grey-07);
 }
-._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;
-  }
+._PlanGrid-highlightCell_1ar8g_183 {
+  background: var(--puck-color-azure-12);
 }
-._PlanCard--fullWidth_16zmu_200 {
-  flex-direction: row;
-  grid-column: 1 / -1;
+._PlanGrid-planHeader_1ar8g_45._PlanGrid-highlightCell_1ar8g_183 {
+  box-shadow: inset 0 3px 0 var(--puck-color-azure-04);
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
-  max-width: 312px;
+._PlanGrid-planHeader_1ar8g_45:last-child,
+._PlanGrid-featureValue_1ar8g_46:last-child {
+  border-right: 0;
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
-  max-width: 256px;
+._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureName_1ar8g_44,
+._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureValue_1ar8g_46 {
+  border-bottom: 0;
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
-  display: grid;
-  grid-template-rows: 1fr 1fr 1fr 1fr;
-  grid-auto-flow: column;
+._PlanGrid-enterprise_1ar8g_201 {
+  color: var(--puck-color-grey-04);
+  font-size: var(--puck-font-size-xxs);
+  margin-left: auto;
+  margin-right: auto;
+  padding-inline: 4px;
+  padding-top: 20px;
+  text-align: center;
+}
+._PlanGrid-enterprise_1ar8g_201 a {
+  color: var(--puck-color-azure-04);
+  cursor: pointer;
+  font-weight: 500;
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
@@ -1531,60 +1542,70 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
-._Chat_s0sv0_1 {
+._Chat_5z5yi_1 {
   --fade-size: 32px;
   --chat-background-color: white;
   display: flex;
   flex-direction: column;
   height: 100%;
-  max-height: 55vh;
+  max-height: 55dvh;
   overflow: hidden;
+  transition: background-color 250ms ease-in, max-height 250ms ease-in;
+}
+._Chat--hasMessages_5z5yi_17 {
+  max-height: 45dvh;
 }
 @media (min-width: 638px) {
-  ._Chat_s0sv0_1 {
+  ._Chat_5z5yi_1,
+  ._Chat--hasMessages_5z5yi_17 {
     max-height: none;
   }
 }
-._Chat-inner_s0sv0_17 {
+._Chat-inner_5z5yi_28 {
   background-color: var(--chat-background-color);
   display: flex;
   flex-direction: column;
   max-height: 100%;
   position: relative;
 }
-._Chat--hasMessages_s0sv0_25 ._Chat-inner_s0sv0_17 {
+._Chat--hasMessages_5z5yi_17 ._Chat-inner_5z5yi_28 {
   padding-top: 0;
 }
-._Chat_s0sv0_1:not(._Chat--hasChildren_s0sv0_29) ._Chat-inner_s0sv0_17 {
+._Chat_5z5yi_1:not(._Chat--hasChildren_5z5yi_40) ._Chat-inner_5z5yi_28 {
   height: 100%;
   padding-top: 0;
 }
-._Chat-body_s0sv0_34 {
+._Chat-body_5z5yi_45 {
+  display: none;
   padding: 16px;
   overflow: auto;
 }
-._Chat--hasMessages_s0sv0_25 ._Chat-messages_s0sv0_39 {
+._Chat--hasMessages_5z5yi_17 ._Chat-body_5z5yi_45,
+._Chat--isLoading_5z5yi_52 ._Chat-body_5z5yi_45 {
+  display: block;
+}
+._Chat--hasMessages_5z5yi_17 ._Chat-messages_5z5yi_56 {
   display: flex;
   flex-direction: column-reverse;
   gap: 16px;
   overflow: auto;
 }
-._Chat-form_s0sv0_46 {
+._Chat-form_5z5yi_63 {
   background-color: white;
   padding: 16px;
 }
-._Chat--hideInput_s0sv0_51 ._Chat-form_s0sv0_46 {
+._Chat--hideInput_5z5yi_68 ._Chat-form_5z5yi_63 {
   display: none;
 }
-._Chat--hasMessages_s0sv0_25 ._Chat-form_s0sv0_46 {
+._Chat--hasMessages_5z5yi_17 ._Chat-form_5z5yi_63 {
   border-top: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-form_s0sv0_46 {
+  ._Chat-form_5z5yi_63 {
     border-top: 1px solid var(--puck-color-grey-09);
   }
 }
-._Chat-formHelper_s0sv0_65 {
+._Chat-formHelper_5z5yi_82 {
   align-items: center;
   display: flex;
   color: var(--puck-color-grey-04);
@@ -1593,11 +1614,11 @@ button._Menu-item_1tu16_55:hover {
   gap: 8px;
   padding-bottom: 12px;
 }
-._Chat--hasMessages_s0sv0_25 ._Chat-formHelper_s0sv0_65 {
+._Chat--hasMessages_5z5yi_17 ._Chat-formHelper_5z5yi_82 {
   opacity: 0;
   transition: opacity 250ms ease-in;
 }
-._Chat-examplePrompts_s0sv0_80 {
+._Chat-examplePrompts_5z5yi_97 {
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
@@ -1606,7 +1627,7 @@ button._Menu-item_1tu16_55:hover {
   width: 100%;
   overflow-x: auto;
 }
-._Chat-examplePrompt_s0sv0_80 {
+._Chat-examplePrompt_5z5yi_97 {
   align-items: center;
   background: white;
   border: 1px solid var(--puck-color-grey-09);
@@ -1619,30 +1640,35 @@ button._Menu-item_1tu16_55:hover {
   padding: 6px 12px;
   text-wrap: nowrap;
 }
-._Chat-examplePrompt_s0sv0_80:hover {
+._Chat-examplePrompt_5z5yi_97:hover {
   background: var(--puck-color-azure-11);
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
 }
-._Chat-examplePromptArrow_s0sv0_110 {
+._Chat-examplePrompt_5z5yi_97:disabled,
+._Chat-examplePrompt_5z5yi_97[aria-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+._Chat-examplePromptArrow_5z5yi_134 {
   display: flex;
   margin-left: auto;
 }
-._Chat-default_s0sv0_115 {
+._Chat-default_5z5yi_139 {
   overflow-y: auto;
   flex-grow: 1;
 }
-._Chat--hasMessages_s0sv0_25 ._Chat-default_s0sv0_115 {
+._Chat--hasMessages_5z5yi_17 ._Chat-default_5z5yi_139 {
   opacity: 0;
   padding: 0;
   pointer-events: none;
   transition: opacity 250ms ease-in;
 }
-._Chat--hasMessages_s0sv0_25 {
+._Chat--hasMessages_5z5yi_17 {
   background-color: white;
-  transition: background-color 250ms ease-in;
 }
-._ChatMessage_s0sv0_132 {
+._ChatMessage_5z5yi_155 {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -1650,7 +1676,7 @@ button._Menu-item_1tu16_55:hover {
   line-height: var(--line-height-s);
   overflow-wrap: break-word;
 }
-._ChatMessage--userRole_s0sv0_141 ._ChatMessage-userBubble_s0sv0_141 {
+._ChatMessage--userRole_5z5yi_164 ._ChatMessage-userBubble_5z5yi_164 {
   background: var(--puck-color-azure-10);
   border-radius: 16px;
   color: var(--puck-color-grey-03);
@@ -1660,12 +1686,12 @@ button._Menu-item_1tu16_55:hover {
   margin-left: 24px;
   padding: 12px 16px;
 }
-._ChatMessage-userAttachments_s0sv0_152 {
+._ChatMessage-userAttachments_5z5yi_175 {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
 }
-._ChatMessage-thumbnail_s0sv0_158 {
+._ChatMessage-thumbnail_5z5yi_181 {
   align-items: center;
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-09);
@@ -1681,18 +1707,18 @@ button._Menu-item_1tu16_55:hover {
   text-decoration: none;
   width: 92px;
 }
-._ChatMessage-thumbnail_s0sv0_158:hover {
+._ChatMessage-thumbnail_5z5yi_181:hover {
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
   opacity: 0.6;
 }
-._ChatMessage-thumbnail_s0sv0_158 img {
+._ChatMessage-thumbnail_5z5yi_181 img {
   display: block;
   height: 100%;
   object-fit: cover;
   width: 100%;
 }
-._ChatMessage-thumbnailLabel_s0sv0_188 {
+._ChatMessage-thumbnailLabel_5z5yi_211 {
   background: var(--puck-color-grey-12);
   border-top: 1px solid var(--puck-color-grey-09);
   bottom: 0;
@@ -1711,70 +1737,70 @@ button._Menu-item_1tu16_55:hover {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ChatMessage_s0sv0_132 ul,
-._ChatMessage_s0sv0_132 ol {
+._ChatMessage_5z5yi_155 ul,
+._ChatMessage_5z5yi_155 ol {
   list-style: decimal;
   margin: 0;
   margin-bottom: 12px;
   margin-top: 12px;
   padding-left: 32px;
 }
-._ChatMessage_s0sv0_132 li {
+._ChatMessage_5z5yi_155 li {
   margin-bottom: 8px;
   margin-top: 8px;
   padding-left: 8px;
 }
-._ChatMessage_s0sv0_132 h1,
-._ChatMessage_s0sv0_132 h2,
-._ChatMessage_s0sv0_132 h3,
-._ChatMessage_s0sv0_132 h4,
-._ChatMessage_s0sv0_132 h5,
-._ChatMessage_s0sv0_132 h6 {
+._ChatMessage_5z5yi_155 h1,
+._ChatMessage_5z5yi_155 h2,
+._ChatMessage_5z5yi_155 h3,
+._ChatMessage_5z5yi_155 h4,
+._ChatMessage_5z5yi_155 h5,
+._ChatMessage_5z5yi_155 h6 {
   font-weight: 600;
 }
-._ChatMessage_s0sv0_132 h1 {
+._ChatMessage_5z5yi_155 h1 {
   font-size: var(--puck-font-l);
 }
-._ChatMessage_s0sv0_132 h2 {
+._ChatMessage_5z5yi_155 h2 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_s0sv0_132 h3 {
+._ChatMessage_5z5yi_155 h3 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_s0sv0_132 h4 {
+._ChatMessage_5z5yi_155 h4 {
   font-size: var(--puck-font-s);
 }
-._ChatMessage_s0sv0_132 h5 {
+._ChatMessage_5z5yi_155 h5 {
   font-size: var(--puck-font-xs);
 }
-._ChatMessage_s0sv0_132 h6 {
+._ChatMessage_5z5yi_155 h6 {
   font-size: var(--puck-font-xm);
 }
-._ChatMessage_s0sv0_132 p {
+._ChatMessage_5z5yi_155 p {
   margin-bottom: 8px;
   margin-top: 8px;
 }
-._ChatMessage-text_s0sv0_261 > *:first-of-type {
+._ChatMessage-text_5z5yi_284 > *:first-of-type {
   margin-top: 0px;
 }
-._ChatMessage-text_s0sv0_261 > *:last-of-type {
+._ChatMessage-text_5z5yi_284 > *:last-of-type {
   margin-bottom: 0px;
 }
-._ChatMessage_s0sv0_132 a {
+._ChatMessage_5z5yi_155 a {
   color: var(--puck-color-azure-04);
   font-weight: 600;
   text-decoration: none;
 }
-._ChatMessage_s0sv0_132 a:hover {
+._ChatMessage_5z5yi_155 a:hover {
   color: var(--puck-color-azure-05);
 }
-._ChatMessage_s0sv0_132 hr {
+._ChatMessage_5z5yi_155 hr {
   border-top: none;
   border-bottom-color: var(--puck-color-grey-09);
   margin-bottom: 16px;
   margin-top: 16px;
 }
-._ChatMessage-text_s0sv0_261 blockquote {
+._ChatMessage-text_5z5yi_284 blockquote {
   margin-bottom: 8px;
   margin-top: 8px;
   margin-left: 0;
@@ -1783,73 +1809,73 @@ button._Menu-item_1tu16_55:hover {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-._ChatMessage-event_s0sv0_296 {
+._ChatMessage-event_5z5yi_319 {
   color: var(--puck-color-grey-05);
 }
-._ChatMessage-eventBody_s0sv0_300 > ._ChatMessage-event_s0sv0_296:first-child {
+._ChatMessage-eventBody_5z5yi_323 > ._ChatMessage-event_5z5yi_319:first-child {
   padding-top: 8px;
 }
-._ChatMessage-eventBody_s0sv0_300 > ._ChatMessage-event_s0sv0_296:last-child {
+._ChatMessage-eventBody_5z5yi_323 > ._ChatMessage-event_5z5yi_319:last-child {
   padding-bottom: 8px;
   margin-bottom: 0;
 }
-._ChatMessage-eventCollapse_s0sv0_309 {
+._ChatMessage-eventCollapse_5z5yi_332 {
   display: none;
 }
-._ChatMessage-event_s0sv0_296[open] > ._ChatMessage-eventHeader_s0sv0_313 > ._ChatMessage-eventExpand_s0sv0_313 {
+._ChatMessage-event_5z5yi_319[open] > ._ChatMessage-eventHeader_5z5yi_336 > ._ChatMessage-eventExpand_5z5yi_336 {
   display: none;
 }
-._ChatMessage-event_s0sv0_296[open] > ._ChatMessage-eventHeader_s0sv0_313 > ._ChatMessage-eventCollapse_s0sv0_309 {
+._ChatMessage-event_5z5yi_319[open] > ._ChatMessage-eventHeader_5z5yi_336 > ._ChatMessage-eventCollapse_5z5yi_332 {
   display: block;
 }
-._ChatMessage-eventHeader_s0sv0_313 {
+._ChatMessage-eventHeader_5z5yi_336 {
   align-items: center;
   display: flex;
   gap: 8px;
   cursor: pointer;
   list-style: none;
 }
-._ChatMessage-eventHeader_s0sv0_313::-webkit-details-marker {
+._ChatMessage-eventHeader_5z5yi_336::-webkit-details-marker {
   display: none;
 }
-._ChatMessage-eventHeader_s0sv0_313:hover {
+._ChatMessage-eventHeader_5z5yi_336:hover {
   color: var(--puck-color-grey-03);
 }
-._ChatMessage-eventIcon_s0sv0_339 {
+._ChatMessage-eventIcon_5z5yi_362 {
   display: flex;
 }
-._ChatMessage-eventLabel_s0sv0_343 {
+._ChatMessage-eventLabel_5z5yi_366 {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-._ChatMessage-eventBody_s0sv0_300 {
+._ChatMessage-eventBody_5z5yi_323 {
   border-left: 2px solid var(--puck-color-grey-09);
   color: var(--puck-color-grey-05);
   font-size: var(--puck-font-size-xxs);
   margin-top: 8px;
   padding-left: 12px;
 }
-._ChatMessage-attachmentImage_s0sv0_357 {
+._ChatMessage-attachmentImage_5z5yi_380 {
   margin-bottom: 12px;
   margin-top: 12px;
   margin-right: 24px;
 }
-._ChatMessage-attachmentImage_s0sv0_357 a {
+._ChatMessage-attachmentImage_5z5yi_380 a {
   display: inline-block;
 }
-._ChatMessage-attachmentImage_s0sv0_357 img {
+._ChatMessage-attachmentImage_5z5yi_380 img {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
   display: block;
   max-width: min(100%, 280px);
 }
-._ChatMessage-attachmentFile_s0sv0_374 {
+._ChatMessage-attachmentFile_5z5yi_397 {
   margin-bottom: 12px;
   margin-top: 12px;
   margin-right: 24px;
 }
-._ChatMessage-attachmentFile_s0sv0_374 a {
+._ChatMessage-attachmentFile_5z5yi_397 a {
   align-items: center;
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-08);
@@ -1860,11 +1886,11 @@ button._Menu-item_1tu16_55:hover {
   padding: 8px 12px;
   text-decoration: none;
 }
-._ChatMessage-attachmentFile_s0sv0_374 a:hover {
+._ChatMessage-attachmentFile_5z5yi_397 a:hover {
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
 }
-._Chat-loader_s0sv0_397 {
+._Chat-loader_5z5yi_420 {
   align-items: center;
   color: var(--puck-color-grey-05);
   display: flex;
@@ -1873,10 +1899,10 @@ button._Menu-item_1tu16_55:hover {
   line-height: var(--line-height-s);
   margin-top: 16px;
 }
-._Chat-loaderIcon_s0sv0_407 {
+._Chat-loaderIcon_5z5yi_430 {
   height: 16px;
 }
-._Chat-error_s0sv0_411 {
+._Chat-error_5z5yi_434 {
   align-items: center;
   display: flex;
   gap: 8px;
@@ -1884,13 +1910,13 @@ button._Menu-item_1tu16_55:hover {
   margin: 16px;
   margin-top: 0;
 }
-._Chat-errorLabel_s0sv0_420 {
+._Chat-errorLabel_5z5yi_443 {
   color: var(--puck-color-red-04);
 }
-._Chat-errorAction_s0sv0_424 {
+._Chat-errorAction_5z5yi_447 {
   margin-left: auto;
 }
-._Chat-userError_s0sv0_428 {
+._Chat-userError_5z5yi_451 {
   align-items: center;
   color: var(--puck-color-red-04);
   display: flex;
@@ -1899,31 +1925,31 @@ button._Menu-item_1tu16_55:hover {
   padding: 0 16px;
   padding-bottom: 8px;
 }
-._Chat-userErrorDismiss_s0sv0_438 {
+._Chat-userErrorDismiss_5z5yi_461 {
   all: unset;
   cursor: pointer;
   display: flex;
   flex-shrink: 0;
   opacity: 0.6;
 }
-._Chat-userErrorDismiss_s0sv0_438:hover {
+._Chat-userErrorDismiss_5z5yi_461:hover {
   opacity: 1;
 }
-._Chat-userErrorDismiss_s0sv0_438:focus-visible {
+._Chat-userErrorDismiss_5z5yi_461:focus-visible {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-04);
   opacity: 1;
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
-._PromptForm_1iqhg_1 {
+._PromptForm_16e09_1 {
   --radius: 9px;
   background-color: var(--puck-color-grey-09);
   border-radius: var(--radius);
   position: relative;
   width: 100%;
 }
-._PromptForm-dropOverlay_1iqhg_9 {
+._PromptForm-dropOverlay_16e09_9 {
   align-items: center;
   background: var(--puck-color-azure-12);
   border: 2px dashed var(--puck-color-azure-04);
@@ -1940,16 +1966,16 @@ button._Menu-item_1tu16_55:hover {
   position: absolute;
   z-index: 10;
 }
-._PromptForm-inner_1iqhg_27 {
+._PromptForm-inner_16e09_27 {
   border-radius: var(--radius);
   padding: 1px;
   position: relative;
 }
-._PromptForm--dark_1iqhg_33 {
+._PromptForm--dark_16e09_33 {
   background-color: var(--puck-color-grey-02);
   box-shadow: none;
 }
-._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38 {
+._PromptForm--glow_16e09_38 ._PromptForm-glow_16e09_38 {
   border: 2px solid transparent;
   border-radius: var(--radius);
   mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
@@ -1959,7 +1985,7 @@ button._Menu-item_1tu16_55:hover {
   pointer-events: none;
   inset: 0;
 }
-._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38::after {
+._PromptForm--glow_16e09_38 ._PromptForm-glow_16e09_38::after {
   background:
     radial-gradient(
       circle at center,
@@ -1968,30 +1994,30 @@ button._Menu-item_1tu16_55:hover {
   content: "";
   offset-path: rect(0 100% 100% 0 round 200px);
   offset-anchor: calc(var(--anchor) * 1%) 50%;
-  animation: _loop_1iqhg_1 9s infinite linear;
+  animation: _loop_16e09_1 9s infinite linear;
   position: absolute;
   height: 312px;
   aspect-ratio: 1 / 1;
   display: inline-block;
 }
-._PromptForm--dark_1iqhg_33._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38::after {
+._PromptForm--dark_16e09_33._PromptForm--glow_16e09_38 ._PromptForm-glow_16e09_38::after {
   background:
     radial-gradient(
       circle at center,
       var(--puck-color-azure-08),
       transparent 50%);
 }
-@keyframes _loop_1iqhg_1 {
+@keyframes _loop_16e09_1 {
   to {
     offset-distance: 100%;
   }
 }
-._PromptForm-formInner_1iqhg_79 {
+._PromptForm-formInner_16e09_79 {
   background-color: white;
   border-radius: 8px;
   position: relative;
 }
-._PromptForm-input_1iqhg_85 {
+._PromptForm-input_16e09_85 {
   background-color: transparent;
   border: none;
   display: block;
@@ -2008,21 +2034,26 @@ button._Menu-item_1tu16_55:hover {
   width: 100%;
   box-sizing: border-box;
 }
-._PromptForm-input_1iqhg_85:focus {
+@media (min-width: 768px) {
+  ._PromptForm-input_16e09_85 {
+    font-size: var(--puck-font-size-xxs);
+  }
+}
+._PromptForm-input_16e09_85:focus {
   outline: none;
 }
-._PromptForm-formInner_1iqhg_79:has(._PromptForm-input_1iqhg_85:focus) {
+._PromptForm-formInner_16e09_79:has(._PromptForm-input_16e09_85:focus) {
   outline: 2px solid var(--puck-color-azure-04);
 }
-._PromptForm--dark_1iqhg_33 ._PromptForm-input_1iqhg_85 {
+._PromptForm--dark_16e09_33 ._PromptForm-input_16e09_85 {
   background-color: var(--puck-color-grey-01);
   color: var(--puck-color-grey-08);
 }
-._PromptForm--disabled_1iqhg_116 ._PromptForm-input_1iqhg_85 {
+._PromptForm--disabled_16e09_122 ._PromptForm-input_16e09_85 {
   background-color: var(--puck-color-grey-12);
   cursor: not-allowed;
 }
-._PromptForm-helper_1iqhg_121 {
+._PromptForm-helper_16e09_127 {
   align-items: center;
   color: var(--puck-color-grey-04);
   display: flex;
@@ -2031,7 +2062,7 @@ button._Menu-item_1tu16_55:hover {
   font-weight: 500;
   padding: 6px 12px;
 }
-._PromptForm-actions_1iqhg_131 {
+._PromptForm-actions_16e09_137 {
   align-items: flex-end;
   cursor: text;
   display: flex;
@@ -2041,7 +2072,7 @@ button._Menu-item_1tu16_55:hover {
   right: 0;
   padding: 6px;
 }
-._PromptForm-actionsLeft_1iqhg_142 {
+._PromptForm-actionsLeft_16e09_148 {
   align-items: center;
   cursor: auto;
   display: flex;
@@ -2049,11 +2080,11 @@ button._Menu-item_1tu16_55:hover {
   gap: 6px;
   padding-left: 4px;
 }
-._PromptForm-actionsRight_1iqhg_151 {
+._PromptForm-actionsRight_16e09_157 {
   cursor: auto;
   margin-left: auto;
 }
-._PromptForm-actionSubmit_1iqhg_156 {
+._PromptForm-actionSubmit_16e09_162 {
   background: var(--puck-color-azure-04);
   border-radius: 48px;
   color: white;
@@ -2066,34 +2097,35 @@ button._Menu-item_1tu16_55:hover {
   pointer-events: auto;
   cursor: pointer;
   height: 32px;
-  width: 32px;
+  width: 100%;
+  min-width: 32px;
 }
-._PromptForm--userCta_1iqhg_172 ._PromptForm-actionSubmit_1iqhg_156 {
+._PromptForm--userCta_16e09_179 ._PromptForm-actionSubmit_16e09_162 {
   padding: 8px 12px;
 }
-._PromptForm-actionSubmit_1iqhg_156:hover {
+._PromptForm-actionSubmit_16e09_162:hover {
   background: var(--puck-color-azure-05);
 }
-._PromptForm-actionSubmit_1iqhg_156:focus {
+._PromptForm-actionSubmit_16e09_162:focus {
   outline: 2px solid var(--puck-color-azure-04);
   outline-offset: 2px;
 }
-._PromptForm--isDisabled_1iqhg_185 ._PromptForm-actionSubmit_1iqhg_156 {
+._PromptForm--isDisabled_16e09_192 ._PromptForm-actionSubmit_16e09_162 {
   background-color: var(--puck-color-grey-06);
   cursor: not-allowed;
 }
-._PromptForm--isLoading_1iqhg_190 ._PromptForm-actionSubmit_1iqhg_156 {
+._PromptForm--isLoading_16e09_197 ._PromptForm-actionSubmit_16e09_162 {
   background-color: var(--puck-color-azure-06);
   cursor: not-allowed;
 }
-._PromptForm-attachments_1iqhg_195 {
+._PromptForm-attachments_16e09_202 {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   padding: 8px 12px;
   padding-bottom: 0px;
 }
-._PromptForm-attachmentChip_1iqhg_203 {
+._PromptForm-attachmentChip_16e09_210 {
   align-items: center;
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-09);
@@ -2107,21 +2139,21 @@ button._Menu-item_1tu16_55:hover {
   padding: 4px 8px;
   text-overflow: ellipsis;
 }
-._PromptForm-attachmentChipUploading_1iqhg_218 {
+._PromptForm-attachmentChipUploading_16e09_225 {
   color: var(--puck-color-grey-05);
 }
-._PromptForm-attachmentChipFailed_1iqhg_222 {
+._PromptForm-attachmentChipFailed_16e09_229 {
   border-color: var(--puck-color-red-08);
   color: var(--puck-color-red-04);
 }
-._PromptForm-attachmentError_1iqhg_227 {
+._PromptForm-attachmentError_16e09_234 {
   color: var(--puck-color-red-04);
   font-size: var(--puck-font-size-xxxs);
 }
-._PromptForm-attachmentSpinner_1iqhg_232 {
-  animation: _PromptForm-attachmentSpin_1iqhg_232 1s linear infinite;
+._PromptForm-attachmentSpinner_16e09_239 {
+  animation: _PromptForm-attachmentSpin_16e09_239 1s linear infinite;
 }
-._PromptForm-attachmentRemove_1iqhg_236 {
+._PromptForm-attachmentRemove_16e09_243 {
   align-items: center;
   background: transparent;
   border: 0;
@@ -2131,12 +2163,116 @@ button._Menu-item_1tu16_55:hover {
   margin-left: 2px;
   padding: 0;
 }
-._PromptForm-attachmentRemove_1iqhg_236:focus-visible {
+._PromptForm-attachmentRemove_16e09_243:focus-visible {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-04);
 }
-@keyframes _PromptForm-attachmentSpin_1iqhg_232 {
+@keyframes _PromptForm-attachmentSpin_16e09_239 {
   to {
     transform: rotate(360deg);
   }
 }
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/DesignModeToggle/styles.module.css/#css-module-data */
+._DesignModeToggle_o5uty_1 {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+}
+._DesignModeToggle-button_o5uty_8 {
+  all: unset;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--puck-color-grey-04);
+  background: var(--puck-color-grey-11);
+  transition: background 150ms, color 150ms;
+}
+._DesignModeToggle-button_o5uty_8:hover {
+  background: var(--puck-color-grey-10);
+}
+._DesignModeToggle-button--active_o5uty_28 {
+  background: var(--puck-color-azure-09);
+  color: var(--puck-color-azure-03);
+}
+._DesignModeToggle-button_o5uty_8:focus-visible {
+  outline: 2px var(--puck-color-azure-04) solid;
+}
+._DesignModeToggle-button_o5uty_8:disabled {
+  cursor: not-allowed;
+}
+._DesignModeToggle-button--active_o5uty_28:hover {
+  background: var(--puck-color-azure-08);
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/ManageComponents/styles.module.css/#css-module-data */
+._ManageComponents-cta_xifz3_1 {
+  all: unset;
+  box-sizing: border-box;
+  border-radius: 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 12px;
+  font-size: var(--puck-font-size-xs);
+  color: var(--puck-color-grey-04);
+  margin-top: 16px;
+}
+._ManageComponents-cta_xifz3_1:hover {
+  color: var(--puck-color-azure-04);
+  background: var(--puck-color-grey-11);
+}
+._ManageComponents-list_xifz3_22 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow-y: auto;
+}
+._ManageComponents-item_xifz3_29 {
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  justify-content: space-between;
+  padding: 4px 8px;
+}
+._ManageComponents-item_xifz3_29:hover {
+  background-color: var(--puck-color-grey-11);
+}
+._ManageComponents-delete_xifz3_41 {
+  all: unset;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  border-radius: 8px;
+  font-size: var(--puck-font-size-xxs);
+  color: var(--puck-color-red-03);
+  gap: 4px;
+}
+._ManageComponents-delete_xifz3_41:hover {
+  background: var(--puck-color-red-09, #fef2f2);
+}
+._ManageComponents-empty_xifz3_57 {
+  text-align: center;
+  color: var(--puck-color-grey-05);
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/Drawer/styles.module.css/#css-module-data */
+._Drawer--empty_8e8cs_1 {
+  color: var(--puck-color-text-subtle);
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  font-size: var(--puck-font-size-xxs);
+  margin: var(--puck-space-2) var(--puck-space-1);
+}