@puckeditor/plugin-ai 0.8.0-canary.eb8b0718 → 0.8.0-canary.fa7850b7

package/dist/index.css

@@ -333,7 +333,7 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_16opg_1 {
+._Button_16or4_1 {
   appearance: none;
   background: none;
   border: 1px solid transparent;
@@ -355,32 +355,36 @@ p {
   white-space: nowrap;
   margin: 0;
 }
-._Button_16opg_1:hover,
-._Button_16opg_1:active {
+._Button_16or4_1:hover,
+._Button_16or4_1:active {
   transition: none;
 }
-._Button_16opg_1:focus-visible {
+._Button_16or4_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Button--small_16opg_34 {
-  font-size: 12px;
+._Button--tiny_16or4_34 {
+  font-size: var(--puck-font-size-xxxs);
   padding: 2px 8px;
 }
-._Button--medium_16opg_39 {
+._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_16opg_47 {
+._Button--large_16or4_52 {
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button--brand_16opg_54 {
+._Button--brand_16or4_59 {
   background-image:
     linear-gradient(
       210deg,
@@ -390,53 +394,54 @@ p {
   border: none;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_16opg_54:hover {
+  ._Button--brand_16or4_59:hover {
     opacity: 0.8;
   }
 }
-._Button--brand_16opg_54:active {
+._Button--brand_16or4_59:active {
   opacity: 0.8;
 }
-._Button--primary_16opg_74 {
+._Button--primary_16or4_79 {
   background: var(--puck-color-azure-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_16opg_74:hover {
+  ._Button--primary_16or4_79:hover {
     background-color: var(--puck-color-azure-03);
   }
 }
-._Button--primary_16opg_74:active {
+._Button--primary_16or4_79:active {
   background-color: var(--puck-color-azure-02);
 }
-._Button--secondary_16opg_88 {
+._Button--secondary_16or4_93 {
   border: 1px solid currentColor;
   color: currentColor;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_16opg_88: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_16opg_88:active {
+._Button--secondary_16or4_93:active {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-black);
 }
-._Button--danger_16opg_105 {
+._Button--danger_16or4_111 {
   background: var(--puck-color-red-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_16opg_105:hover {
+  ._Button--danger_16or4_111:hover {
     background-color: var(--puck-color-red-03);
   }
 }
-._Button--danger_16opg_105:active {
+._Button--danger_16or4_111:active {
   background-color: var(--puck-color-red-02);
 }
-._Button--flush_16opg_119 {
+._Button--flush_16or4_125 {
   border-radius: 0;
 }
-._Button--ghost_16opg_123 {
+._Button--ghost_16or4_129 {
   align-items: center;
   background-color: transparent;
   border: none;
@@ -445,26 +450,26 @@ p {
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_16opg_123:hover {
+  ._Button--ghost_16or4_129:hover {
     background-color: var(--puck-color-grey-11);
     color: var(--puck-color-azure-04);
     cursor: pointer;
   }
 }
-._Button--disabled_16opg_140,
-._Button--disabled_16opg_140:hover,
-._Button--secondary_16opg_88._Button--disabled_16opg_140,
-._Button--secondary_16opg_88._Button--disabled_16opg_140: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_16opg_150 {
+._Button--fullWidth_16or4_156 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_16opg_155 {
+._Button-spinner_16or4_161 {
   padding-left: 8px;
 }
 
@@ -1537,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_1utn2_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_1utn2_1 {
+  ._Chat_5z5yi_1,
+  ._Chat--hasMessages_5z5yi_17 {
     max-height: none;
   }
 }
-._Chat-inner_1utn2_17 {
+._Chat-inner_5z5yi_28 {
   background-color: var(--chat-background-color);
   display: flex;
   flex-direction: column;
   max-height: 100%;
   position: relative;
 }
-._Chat--hasMessages_1utn2_25 ._Chat-inner_1utn2_17 {
+._Chat--hasMessages_5z5yi_17 ._Chat-inner_5z5yi_28 {
   padding-top: 0;
 }
-._Chat_1utn2_1:not(._Chat--hasChildren_1utn2_29) ._Chat-inner_1utn2_17 {
+._Chat_5z5yi_1:not(._Chat--hasChildren_5z5yi_40) ._Chat-inner_5z5yi_28 {
   height: 100%;
   padding-top: 0;
 }
-._Chat-body_1utn2_34 {
+._Chat-body_5z5yi_45 {
+  display: none;
   padding: 16px;
   overflow: auto;
 }
-._Chat--hasMessages_1utn2_25 ._Chat-messages_1utn2_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_1utn2_46 {
+._Chat-form_5z5yi_63 {
   background-color: white;
   padding: 16px;
 }
-._Chat--hideInput_1utn2_51 ._Chat-form_1utn2_46 {
+._Chat--hideInput_5z5yi_68 ._Chat-form_5z5yi_63 {
   display: none;
 }
-._Chat--hasMessages_1utn2_25 ._Chat-form_1utn2_46 {
+._Chat--hasMessages_5z5yi_17 ._Chat-form_5z5yi_63 {
   border-top: 1px solid var(--puck-color-grey-09);
 }
 @media (min-width: 638px) {
-  ._Chat-form_1utn2_46 {
+  ._Chat-form_5z5yi_63 {
     border-top: 1px solid var(--puck-color-grey-09);
   }
 }
-._Chat-formHelper_1utn2_65 {
+._Chat-formHelper_5z5yi_82 {
   align-items: center;
   display: flex;
   color: var(--puck-color-grey-04);
@@ -1599,11 +1614,11 @@ button._Menu-item_1tu16_55:hover {
   gap: 8px;
   padding-bottom: 12px;
 }
-._Chat--hasMessages_1utn2_25 ._Chat-formHelper_1utn2_65 {
+._Chat--hasMessages_5z5yi_17 ._Chat-formHelper_5z5yi_82 {
   opacity: 0;
   transition: opacity 250ms ease-in;
 }
-._Chat-examplePrompts_1utn2_80 {
+._Chat-examplePrompts_5z5yi_97 {
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
@@ -1612,7 +1627,7 @@ button._Menu-item_1tu16_55:hover {
   width: 100%;
   overflow-x: auto;
 }
-._Chat-examplePrompt_1utn2_80 {
+._Chat-examplePrompt_5z5yi_97 {
   align-items: center;
   background: white;
   border: 1px solid var(--puck-color-grey-09);
@@ -1625,36 +1640,35 @@ button._Menu-item_1tu16_55:hover {
   padding: 6px 12px;
   text-wrap: nowrap;
 }
-._Chat-examplePrompt_1utn2_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-examplePrompt_1utn2_80:disabled,
-._Chat-examplePrompt_1utn2_80[aria-disabled=true] {
+._Chat-examplePrompt_5z5yi_97:disabled,
+._Chat-examplePrompt_5z5yi_97[aria-disabled=true] {
   cursor: not-allowed;
   opacity: 0.5;
   pointer-events: none;
 }
-._Chat-examplePromptArrow_1utn2_117 {
+._Chat-examplePromptArrow_5z5yi_134 {
   display: flex;
   margin-left: auto;
 }
-._Chat-default_1utn2_122 {
+._Chat-default_5z5yi_139 {
   overflow-y: auto;
   flex-grow: 1;
 }
-._Chat--hasMessages_1utn2_25 ._Chat-default_1utn2_122 {
+._Chat--hasMessages_5z5yi_17 ._Chat-default_5z5yi_139 {
   opacity: 0;
   padding: 0;
   pointer-events: none;
   transition: opacity 250ms ease-in;
 }
-._Chat--hasMessages_1utn2_25 {
+._Chat--hasMessages_5z5yi_17 {
   background-color: white;
-  transition: background-color 250ms ease-in;
 }
-._ChatMessage_1utn2_139 {
+._ChatMessage_5z5yi_155 {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -1662,7 +1676,7 @@ button._Menu-item_1tu16_55:hover {
   line-height: var(--line-height-s);
   overflow-wrap: break-word;
 }
-._ChatMessage--userRole_1utn2_148 ._ChatMessage-userBubble_1utn2_148 {
+._ChatMessage--userRole_5z5yi_164 ._ChatMessage-userBubble_5z5yi_164 {
   background: var(--puck-color-azure-10);
   border-radius: 16px;
   color: var(--puck-color-grey-03);
@@ -1672,12 +1686,12 @@ button._Menu-item_1tu16_55:hover {
   margin-left: 24px;
   padding: 12px 16px;
 }
-._ChatMessage-userAttachments_1utn2_159 {
+._ChatMessage-userAttachments_5z5yi_175 {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
 }
-._ChatMessage-thumbnail_1utn2_165 {
+._ChatMessage-thumbnail_5z5yi_181 {
   align-items: center;
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-09);
@@ -1693,18 +1707,18 @@ button._Menu-item_1tu16_55:hover {
   text-decoration: none;
   width: 92px;
 }
-._ChatMessage-thumbnail_1utn2_165:hover {
+._ChatMessage-thumbnail_5z5yi_181:hover {
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
   opacity: 0.6;
 }
-._ChatMessage-thumbnail_1utn2_165 img {
+._ChatMessage-thumbnail_5z5yi_181 img {
   display: block;
   height: 100%;
   object-fit: cover;
   width: 100%;
 }
-._ChatMessage-thumbnailLabel_1utn2_195 {
+._ChatMessage-thumbnailLabel_5z5yi_211 {
   background: var(--puck-color-grey-12);
   border-top: 1px solid var(--puck-color-grey-09);
   bottom: 0;
@@ -1723,70 +1737,70 @@ button._Menu-item_1tu16_55:hover {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ChatMessage_1utn2_139 ul,
-._ChatMessage_1utn2_139 ol {
+._ChatMessage_5z5yi_155 ul,
+._ChatMessage_5z5yi_155 ol {
   list-style: decimal;
   margin: 0;
   margin-bottom: 12px;
   margin-top: 12px;
   padding-left: 32px;
 }
-._ChatMessage_1utn2_139 li {
+._ChatMessage_5z5yi_155 li {
   margin-bottom: 8px;
   margin-top: 8px;
   padding-left: 8px;
 }
-._ChatMessage_1utn2_139 h1,
-._ChatMessage_1utn2_139 h2,
-._ChatMessage_1utn2_139 h3,
-._ChatMessage_1utn2_139 h4,
-._ChatMessage_1utn2_139 h5,
-._ChatMessage_1utn2_139 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_1utn2_139 h1 {
+._ChatMessage_5z5yi_155 h1 {
   font-size: var(--puck-font-l);
 }
-._ChatMessage_1utn2_139 h2 {
+._ChatMessage_5z5yi_155 h2 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1utn2_139 h3 {
+._ChatMessage_5z5yi_155 h3 {
   font-size: var(--puck-font-m);
 }
-._ChatMessage_1utn2_139 h4 {
+._ChatMessage_5z5yi_155 h4 {
   font-size: var(--puck-font-s);
 }
-._ChatMessage_1utn2_139 h5 {
+._ChatMessage_5z5yi_155 h5 {
   font-size: var(--puck-font-xs);
 }
-._ChatMessage_1utn2_139 h6 {
+._ChatMessage_5z5yi_155 h6 {
   font-size: var(--puck-font-xm);
 }
-._ChatMessage_1utn2_139 p {
+._ChatMessage_5z5yi_155 p {
   margin-bottom: 8px;
   margin-top: 8px;
 }
-._ChatMessage-text_1utn2_268 > *:first-of-type {
+._ChatMessage-text_5z5yi_284 > *:first-of-type {
   margin-top: 0px;
 }
-._ChatMessage-text_1utn2_268 > *:last-of-type {
+._ChatMessage-text_5z5yi_284 > *:last-of-type {
   margin-bottom: 0px;
 }
-._ChatMessage_1utn2_139 a {
+._ChatMessage_5z5yi_155 a {
   color: var(--puck-color-azure-04);
   font-weight: 600;
   text-decoration: none;
 }
-._ChatMessage_1utn2_139 a:hover {
+._ChatMessage_5z5yi_155 a:hover {
   color: var(--puck-color-azure-05);
 }
-._ChatMessage_1utn2_139 hr {
+._ChatMessage_5z5yi_155 hr {
   border-top: none;
   border-bottom-color: var(--puck-color-grey-09);
   margin-bottom: 16px;
   margin-top: 16px;
 }
-._ChatMessage-text_1utn2_268 blockquote {
+._ChatMessage-text_5z5yi_284 blockquote {
   margin-bottom: 8px;
   margin-top: 8px;
   margin-left: 0;
@@ -1795,73 +1809,73 @@ button._Menu-item_1tu16_55:hover {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-._ChatMessage-event_1utn2_303 {
+._ChatMessage-event_5z5yi_319 {
   color: var(--puck-color-grey-05);
 }
-._ChatMessage-eventBody_1utn2_307 > ._ChatMessage-event_1utn2_303:first-child {
+._ChatMessage-eventBody_5z5yi_323 > ._ChatMessage-event_5z5yi_319:first-child {
   padding-top: 8px;
 }
-._ChatMessage-eventBody_1utn2_307 > ._ChatMessage-event_1utn2_303:last-child {
+._ChatMessage-eventBody_5z5yi_323 > ._ChatMessage-event_5z5yi_319:last-child {
   padding-bottom: 8px;
   margin-bottom: 0;
 }
-._ChatMessage-eventCollapse_1utn2_316 {
+._ChatMessage-eventCollapse_5z5yi_332 {
   display: none;
 }
-._ChatMessage-event_1utn2_303[open] > ._ChatMessage-eventHeader_1utn2_320 > ._ChatMessage-eventExpand_1utn2_320 {
+._ChatMessage-event_5z5yi_319[open] > ._ChatMessage-eventHeader_5z5yi_336 > ._ChatMessage-eventExpand_5z5yi_336 {
   display: none;
 }
-._ChatMessage-event_1utn2_303[open] > ._ChatMessage-eventHeader_1utn2_320 > ._ChatMessage-eventCollapse_1utn2_316 {
+._ChatMessage-event_5z5yi_319[open] > ._ChatMessage-eventHeader_5z5yi_336 > ._ChatMessage-eventCollapse_5z5yi_332 {
   display: block;
 }
-._ChatMessage-eventHeader_1utn2_320 {
+._ChatMessage-eventHeader_5z5yi_336 {
   align-items: center;
   display: flex;
   gap: 8px;
   cursor: pointer;
   list-style: none;
 }
-._ChatMessage-eventHeader_1utn2_320::-webkit-details-marker {
+._ChatMessage-eventHeader_5z5yi_336::-webkit-details-marker {
   display: none;
 }
-._ChatMessage-eventHeader_1utn2_320:hover {
+._ChatMessage-eventHeader_5z5yi_336:hover {
   color: var(--puck-color-grey-03);
 }
-._ChatMessage-eventIcon_1utn2_346 {
+._ChatMessage-eventIcon_5z5yi_362 {
   display: flex;
 }
-._ChatMessage-eventLabel_1utn2_350 {
+._ChatMessage-eventLabel_5z5yi_366 {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-._ChatMessage-eventBody_1utn2_307 {
+._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_1utn2_364 {
+._ChatMessage-attachmentImage_5z5yi_380 {
   margin-bottom: 12px;
   margin-top: 12px;
   margin-right: 24px;
 }
-._ChatMessage-attachmentImage_1utn2_364 a {
+._ChatMessage-attachmentImage_5z5yi_380 a {
   display: inline-block;
 }
-._ChatMessage-attachmentImage_1utn2_364 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_1utn2_381 {
+._ChatMessage-attachmentFile_5z5yi_397 {
   margin-bottom: 12px;
   margin-top: 12px;
   margin-right: 24px;
 }
-._ChatMessage-attachmentFile_1utn2_381 a {
+._ChatMessage-attachmentFile_5z5yi_397 a {
   align-items: center;
   background: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-08);
@@ -1872,11 +1886,11 @@ button._Menu-item_1tu16_55:hover {
   padding: 8px 12px;
   text-decoration: none;
 }
-._ChatMessage-attachmentFile_1utn2_381 a:hover {
+._ChatMessage-attachmentFile_5z5yi_397 a:hover {
   border-color: var(--puck-color-azure-08);
   color: var(--puck-color-azure-04);
 }
-._Chat-loader_1utn2_404 {
+._Chat-loader_5z5yi_420 {
   align-items: center;
   color: var(--puck-color-grey-05);
   display: flex;
@@ -1885,10 +1899,10 @@ button._Menu-item_1tu16_55:hover {
   line-height: var(--line-height-s);
   margin-top: 16px;
 }
-._Chat-loaderIcon_1utn2_414 {
+._Chat-loaderIcon_5z5yi_430 {
   height: 16px;
 }
-._Chat-error_1utn2_418 {
+._Chat-error_5z5yi_434 {
   align-items: center;
   display: flex;
   gap: 8px;
@@ -1896,13 +1910,13 @@ button._Menu-item_1tu16_55:hover {
   margin: 16px;
   margin-top: 0;
 }
-._Chat-errorLabel_1utn2_427 {
+._Chat-errorLabel_5z5yi_443 {
   color: var(--puck-color-red-04);
 }
-._Chat-errorAction_1utn2_431 {
+._Chat-errorAction_5z5yi_447 {
   margin-left: auto;
 }
-._Chat-userError_1utn2_435 {
+._Chat-userError_5z5yi_451 {
   align-items: center;
   color: var(--puck-color-red-04);
   display: flex;
@@ -1911,17 +1925,17 @@ button._Menu-item_1tu16_55:hover {
   padding: 0 16px;
   padding-bottom: 8px;
 }
-._Chat-userErrorDismiss_1utn2_445 {
+._Chat-userErrorDismiss_5z5yi_461 {
   all: unset;
   cursor: pointer;
   display: flex;
   flex-shrink: 0;
   opacity: 0.6;
 }
-._Chat-userErrorDismiss_1utn2_445:hover {
+._Chat-userErrorDismiss_5z5yi_461:hover {
   opacity: 1;
 }
-._Chat-userErrorDismiss_1utn2_445:focus-visible {
+._Chat-userErrorDismiss_5z5yi_461:focus-visible {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-04);
   opacity: 1;