@qfei-design/make-ai-assistant 0.2.13 → 0.2.15

package/dist/styles.css

@@ -20,10 +20,8 @@
   --make-ai-internal-on-overlay: #fff;
   --make-ai-internal-overlay-shadow: #3549701f;
   --make-ai-internal-highlight: color-mix(in srgb, #fff 58%, transparent);
-  --make-ai-internal-drawer-min-width: var(--make-ai-drawer-width, 480px);
-  --make-ai-internal-drawer-width: var(--make-ai-internal-drawer-min-width);
-  --make-ai-internal-drawer-max-width: max(var(--make-ai-internal-drawer-min-width), min(1024px, 72vw));
-  --make-ai-internal-drawer-resize-line: var(--make-ai-drawer-resize-line, var(--make-ai-internal-accent));
+  --make-ai-internal-drawer-width: var(--make-ai-drawer-width, 560px);
+  --make-ai-internal-drawer-max-width: max(var(--make-ai-internal-drawer-width), min(1024px, 72vw));
   --make-ai-internal-z-index: var(--make-ai-z-index, 1050);
   --make-ai-internal-font-size-heading: var(--make-ai-font-size-heading, .875rem);
   --make-ai-internal-font-size-body: var(--make-ai-font-size-body, .8125rem);
@@ -229,42 +227,11 @@
   animation: make-ai-drawer-in 180ms cubic-bezier(.2, .75, .35, 1);
 }
 
-.make-ai-assistant__drawer-resize-handle {
-  background: transparent;
-  border: 0;
-  bottom: 0;
-  cursor: ew-resize;
-  left: -6px;
-  outline: 0;
-  position: absolute;
-  top: 0;
-  touch-action: none;
-  width: 12px;
-  z-index: 1;
-}
-
-.make-ai-assistant__drawer-resize-handle::after {
-  background: var(--make-ai-internal-drawer-resize-line);
-  border-radius: 999px;
-  content: "";
-  height: 100%;
-  left: 50%;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  transform: translateX(-50%);
-  transition: opacity 160ms ease;
-  width: 2px;
-}
-
-.make-ai-assistant__drawer-resize-handle:hover::after,
-.make-ai-assistant__drawer[data-resizing] .make-ai-assistant__drawer-resize-handle::after,
-.make-ai-assistant__drawer-resize-handle:focus-visible::after {
-  opacity: 1;
-}
-
-.make-ai-assistant__drawer-resize-handle:focus-visible {
-  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--make-ai-internal-accent) 35%, transparent);
+.make-ai-assistant__drawer--fullscreen {
+  border-left: 0;
+  inset: 0;
+  max-width: none;
+  width: 100vw;
 }
 
 .make-ai-assistant__panel {
@@ -327,7 +294,6 @@
 
 .make-ai-assistant__avatar svg,
 .make-ai-assistant__icon-button svg,
-.make-ai-assistant__task-list-trigger svg,
 .make-ai-assistant__send svg {
   fill: none;
   height: 20px;
@@ -356,6 +322,18 @@
   color: var(--make-ai-internal-text);
 }
 
+.make-ai-assistant__icon-button-icon {
+  display: inline-flex;
+  height: 20px;
+  line-height: 0;
+  width: 20px;
+}
+
+.make-ai-assistant__icon-button-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
 .make-ai-assistant__header-actions {
   align-items: center;
   display: flex;
@@ -391,13 +369,13 @@
 
 .make-ai-assistant__task-list-trigger {
   align-items: center;
-  background: var(--make-ai-internal-surface-strong);
+  background: color-mix(in srgb, var(--make-ai-internal-accent) 5%, var(--make-ai-internal-bg));
   border: 0;
   border-radius: 9px;
   color: var(--make-ai-internal-text-secondary);
   cursor: pointer;
   display: inline-flex;
-  font-size: var(--make-ai-internal-font-size-caption);
+  font-size: 14px;
   gap: 6px;
   height: 34px;
   max-width: 118px;
@@ -407,23 +385,30 @@
 
 .make-ai-assistant__task-list-trigger:hover,
 .make-ai-assistant__task-list-trigger[aria-expanded="true"] {
-  background: color-mix(in srgb, var(--make-ai-internal-accent) 8%, var(--make-ai-internal-surface-strong));
+  background: color-mix(in srgb, var(--make-ai-internal-accent) 8%, var(--make-ai-internal-bg));
   color: var(--make-ai-internal-text);
 }
 
-.make-ai-assistant__task-list-trigger svg:first-child {
+.make-ai-assistant__task-list-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
   height: 19px;
+  line-height: 0;
   width: 19px;
 }
 
-.make-ai-assistant__task-list-trigger svg:last-child {
+.make-ai-assistant__task-list-disclosure {
+  display: inline-flex;
+  flex: 0 0 auto;
   height: 15px;
-  transition: transform 160ms ease;
+  line-height: 0;
   width: 15px;
 }
 
-.make-ai-assistant__task-list-trigger[aria-expanded="true"] svg:last-child {
-  transform: rotate(180deg);
+.make-ai-assistant__task-list-icon svg,
+.make-ai-assistant__task-list-disclosure svg {
+  height: 100%;
+  width: 100%;
 }
 
 .make-ai-assistant__header-title {
@@ -1156,9 +1141,9 @@
   width: 28px;
 }
 
-.make-ai-assistant__reply-copy svg,
-.make-ai-assistant__reply-regenerate svg,
-.make-ai-assistant__reply-feedback-action svg {
+.make-ai-assistant__reply-copy > svg,
+.make-ai-assistant__reply-regenerate > svg,
+.make-ai-assistant__reply-feedback-action > svg {
   fill: none;
   height: 15px;
   stroke: currentColor;
@@ -1168,6 +1153,20 @@
   width: 15px;
 }
 
+.make-ai-assistant__reply-copy-icon,
+.make-ai-assistant__reply-feedback-icon {
+  display: inline-flex;
+  height: 15px;
+  line-height: 0;
+  width: 15px;
+}
+
+.make-ai-assistant__reply-copy-icon svg,
+.make-ai-assistant__reply-feedback-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
 .make-ai-assistant__reply-feedback-action {
   height: 28px;
   width: 28px;
@@ -1345,13 +1344,14 @@
 .make-ai-assistant__composer {
   background: var(--make-ai-internal-surface);
   border: 1px solid var(--make-ai-internal-border);
-  border-radius: 15px;
-  display: grid;
-  gap: 7px 10px;
-  grid-template-columns: minmax(0, 1fr) auto;
-  grid-template-rows: minmax(46px, auto) 36px;
-  min-height: 96px;
-  padding: 10px 10px 8px;
+  border-radius: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: min(440px, 46vh);
+  min-height: 132px;
+  overflow: auto;
+  padding: 12px 14px 10px;
   transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
 }
 
@@ -1369,12 +1369,11 @@
   color: var(--make-ai-internal-text);
   font-size: var(--make-ai-internal-font-size-body);
   line-height: var(--make-ai-internal-line-height-body);
-  grid-column: 1 / -1;
-  grid-row: 1;
-  max-height: 128px;
-  min-height: 46px;
+  max-height: 192px;
+  min-height: 72px;
   outline: 0;
-  padding: 2px 5px;
+  overflow-y: auto;
+  padding: 3px 4px;
   resize: none;
   width: 100%;
 }
@@ -1407,9 +1406,13 @@
   align-items: center;
   display: flex;
   gap: 7px;
-  grid-column: 2;
-  grid-row: 2;
-  justify-self: end;
+}
+
+.make-ai-assistant__composer-toolbar {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  min-height: 34px;
 }
 
 .make-ai-assistant__send::before {
@@ -1659,8 +1662,8 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
     padding: 0 8px;
   }
 
-  .make-ai-assistant__task-list-trigger > span,
-  .make-ai-assistant__task-list-trigger svg:last-child {
+  .make-ai-assistant__task-list-label,
+  .make-ai-assistant__task-list-disclosure {
     display: none;
   }
 
@@ -1798,7 +1801,6 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 
 @media (max-width: 560px) {
   .make-ai-assistant__drawer { width: 100vw; }
-  .make-ai-assistant__drawer-resize-handle { display: none; }
   .make-ai-assistant__launcher {
     bottom: var(--make-ai-launcher-mobile-bottom, var(--make-ai-launcher-bottom, 16px));
     left: auto;
@@ -1856,7 +1858,7 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   border: 1px solid var(--make-ai-internal-border);
   border-radius: 12px;
   box-shadow: 0 14px 34px color-mix(in srgb, var(--make-ai-internal-text) 12%, transparent);
-  font-size: var(--make-ai-internal-font-size-meta);
+  font-size: 14px;
   left: var(--make-ai-internal-panel-gutter);
   max-height: min(430px, calc(100% - var(--make-ai-internal-header-height) - 24px));
   overflow: auto;
@@ -1899,34 +1901,42 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 .make-ai-assistant__conversation-row {
   align-items: center;
   border-radius: 8px;
+  box-sizing: border-box;
   display: flex;
-  gap: 2px;
+  gap: 0;
+  height: 40px;
   min-width: 0;
-  padding: 2px;
+  padding: 2px 4px;
 }
 
 .make-ai-assistant__conversation-row:hover,
 .make-ai-assistant__conversation-row:focus-within {
-  background: var(--make-ai-internal-surface-strong);
+  background: color-mix(in srgb, var(--make-ai-internal-accent) 4%, var(--make-ai-internal-bg));
+}
+
+.make-ai-assistant__conversation-row[data-active="true"] {
+  background: color-mix(in srgb, var(--make-ai-internal-accent) 8%, var(--make-ai-internal-bg));
 }
 
 .make-ai-assistant__conversation-row .make-ai-assistant__conversation-row-select {
   align-items: center;
   background: transparent;
   border-color: transparent;
+  box-sizing: border-box;
   display: flex;
   flex: 1;
   gap: 8px;
-  min-height: 36px;
+  height: 36px;
+  min-height: 0;
   min-width: 0;
   overflow: hidden;
-  padding: 0 8px;
+  padding: 0 6px;
   text-align: left;
 }
 
-.make-ai-assistant__conversation-row-select svg,
-.make-ai-assistant__conversation-row-action svg,
-.make-ai-assistant__conversation-new svg {
+.make-ai-assistant__conversation-row-select > svg,
+.make-ai-assistant__conversation-row-action > svg,
+.make-ai-assistant__conversation-new > svg {
   fill: none;
   flex: 0 0 auto;
   height: 16px;
@@ -1937,6 +1947,32 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   width: 16px;
 }
 
+.make-ai-assistant__conversation-row-action-icon {
+  display: inline-flex;
+  height: 16px;
+  line-height: 0;
+  width: 16px;
+}
+
+.make-ai-assistant__conversation-row-action-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
+.make-ai-assistant__conversation-new-icon,
+.make-ai-assistant__conversation-refresh-icon {
+  display: inline-flex;
+  height: 16px;
+  line-height: 0;
+  width: 16px;
+}
+
+.make-ai-assistant__conversation-new-icon svg,
+.make-ai-assistant__conversation-refresh-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
 .make-ai-assistant__conversation-row-select span {
   min-width: 0;
   overflow: hidden;
@@ -1945,15 +1981,17 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 }
 
 .make-ai-assistant__conversation-row .make-ai-assistant__conversation-row-select[aria-pressed="true"] {
-  background: var(--make-ai-internal-accent-soft);
+  background: transparent;
   color: var(--make-ai-internal-accent);
 }
 
 .make-ai-assistant__conversation-row-actions {
   align-items: center;
+  align-self: stretch;
   display: flex;
   flex: 0 0 auto;
-  gap: 2px;
+  gap: 0;
+  height: 36px;
 }
 
 .make-ai-assistant__conversation-row .make-ai-assistant__conversation-row-pin,
@@ -1961,11 +1999,15 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   background: transparent;
   border-color: transparent;
   color: var(--make-ai-internal-text-secondary);
+  display: inline-flex;
   flex: 0 0 auto;
-  height: 30px;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
   padding: 0;
   position: relative;
-  width: 30px;
+  width: 28px;
 }
 
 .make-ai-assistant__conversation-row .make-ai-assistant__conversation-row-action {
@@ -1987,6 +2029,10 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   color: var(--make-ai-internal-danger);
 }
 
+.make-ai-assistant__conversation-row-pin[aria-pressed="true"] {
+  color: var(--make-ai-internal-accent);
+}
+
 .make-ai-assistant__conversation-tooltip {
   background: var(--make-ai-internal-overlay);
   border-radius: 8px;
@@ -2008,35 +2054,76 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 }
 
 .make-ai-assistant__conversation-row-title-input {
+  align-self: stretch;
   background: var(--make-ai-internal-surface);
   border: 1px solid var(--make-ai-internal-border);
   border-radius: 6px;
+  box-sizing: border-box;
   color: inherit;
   flex: 1;
   font: inherit;
+  height: 36px;
   min-width: 0;
-  padding: 6px;
+  padding: 0 8px;
 }
 
 .make-ai-assistant__conversation-delete-confirmation {
   align-items: center;
+  align-self: stretch;
+  background: color-mix(in srgb, var(--make-ai-internal-danger) 7%, var(--make-ai-internal-bg));
+  border: 1px solid color-mix(in srgb, var(--make-ai-internal-danger) 24%, var(--make-ai-internal-border));
+  border-radius: 7px;
+  box-sizing: border-box;
+  color: var(--make-ai-internal-danger);
   display: flex;
   flex: 1 1 0;
-  gap: 2px;
+  gap: 4px;
+  height: 36px;
   min-width: 0;
   overflow: hidden;
+  padding: 0 4px 0 8px;
 }
 
-.make-ai-assistant__conversation-delete-confirmation > span {
-  color: var(--make-ai-internal-text-secondary);
+.make-ai-assistant__conversation-delete-confirmation-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  height: 16px;
+  line-height: 0;
+  width: 16px;
+}
+
+.make-ai-assistant__conversation-delete-confirmation-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
+.make-ai-assistant__conversation-delete-confirmation-message {
+  color: var(--make-ai-internal-danger);
   flex: 1 1 0;
+  font-size: var(--make-ai-internal-font-size-meta);
+  font-weight: 600;
+  line-height: var(--make-ai-internal-line-height-meta);
   min-width: 0;
   overflow: hidden;
-  padding-left: 4px;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.make-ai-assistant__conversation-delete-confirmation .make-ai-assistant__conversation-delete-confirmation-confirm {
+  background: color-mix(in srgb, var(--make-ai-internal-danger) 12%, var(--make-ai-internal-bg));
+  border-color: color-mix(in srgb, var(--make-ai-internal-danger) 24%, var(--make-ai-internal-border));
+  color: var(--make-ai-internal-danger);
+}
+
+.make-ai-assistant__conversation-delete-confirmation .make-ai-assistant__conversation-delete-confirmation-confirm:hover {
+  background: color-mix(in srgb, var(--make-ai-internal-danger) 18%, var(--make-ai-internal-bg));
+  border-color: color-mix(in srgb, var(--make-ai-internal-danger) 40%, var(--make-ai-internal-border));
+}
+
+.make-ai-assistant__conversation-delete-confirmation .make-ai-assistant__conversation-delete-confirmation-cancel {
+  color: var(--make-ai-internal-text-secondary);
+}
+
 .make-ai-assistant__conversation-more,
 .make-ai-assistant__conversation-refresh {
   background: transparent !important;
@@ -2044,6 +2131,15 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   color: var(--make-ai-internal-text-secondary) !important;
 }
 
+.make-ai-assistant__conversation-refresh {
+  align-items: center;
+  display: inline-flex;
+  height: 28px;
+  justify-content: center;
+  padding: 0 !important;
+  width: 28px;
+}
+
 .make-ai-assistant__conversation-more {
   margin-top: 4px;
   width: 100%;
@@ -2121,9 +2217,6 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 .make-ai-assistant__attachment-composer {
   align-self: center;
   font-size: var(--make-ai-internal-font-size-meta);
-  grid-column: 1;
-  grid-row: 2;
-  justify-self: start;
   position: relative;
 }
 
@@ -2148,7 +2241,7 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   color: var(--make-ai-internal-text);
 }
 
-.make-ai-assistant__attachment-trigger svg,
+.make-ai-assistant__attachment-trigger > svg,
 .make-ai-assistant__attachment-menu svg {
   fill: none;
   height: 18px;
@@ -2159,6 +2252,18 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   width: 18px;
 }
 
+.make-ai-assistant__attachment-trigger-icon {
+  display: inline-flex;
+  height: 18px;
+  line-height: 0;
+  width: 18px;
+}
+
+.make-ai-assistant__attachment-trigger-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
 .make-ai-assistant__attachment-menu {
   background: var(--make-ai-internal-surface);
   border: 1px solid var(--make-ai-internal-border);
@@ -2192,10 +2297,11 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 }
 
 .make-ai-assistant__attachment-drafts {
+  border-bottom: 1px solid var(--make-ai-internal-border);
   font-size: var(--make-ai-internal-font-size-meta);
-  max-height: 156px;
+  max-height: 184px;
   overflow: auto;
-  padding: 4px 0 8px;
+  padding: 0 0 12px;
 }
 
 .make-ai-assistant__attachment-drafts ul {
@@ -2215,8 +2321,8 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
-  min-height: 64px;
-  padding: 5px 28px 5px 5px;
+  min-height: 56px;
+  padding: 4px 26px 4px 4px;
   position: relative;
 }
 
@@ -2234,9 +2340,22 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   border: 1px solid color-mix(in srgb, var(--make-ai-internal-accent) 14%, var(--make-ai-internal-border));
   border-radius: 7px;
   flex: 0 0 auto;
-  height: 52px;
+  height: 44px;
   object-fit: cover;
-  width: 52px;
+  width: 44px;
+}
+
+.make-ai-assistant__attachment-draft-preview-button {
+  border-radius: 7px;
+  cursor: zoom-in;
+  flex: 0 0 auto;
+  line-height: 0;
+  overflow: hidden;
+  padding: 0 !important;
+}
+
+.make-ai-assistant__attachment-draft-preview-button:hover .make-ai-assistant__attachment-draft-preview {
+  border-color: color-mix(in srgb, var(--make-ai-internal-accent) 44%, var(--make-ai-internal-border));
 }
 
 .make-ai-assistant__attachment-draft-file {
@@ -2248,12 +2367,12 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
 
 .make-ai-assistant__attachment-draft-file svg {
   fill: none;
-  height: 24px;
+  height: 20px;
   stroke: currentColor;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-width: 1.6;
-  width: 24px;
+  width: 20px;
 }
 
 .make-ai-assistant__attachment-draft-details {
@@ -2302,7 +2421,7 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   padding: 0;
 }
 
-.make-ai-assistant__attachment-draft-remove svg {
+.make-ai-assistant__attachment-draft-remove > svg {
   fill: none;
   height: 13px;
   stroke: currentColor;
@@ -2311,6 +2430,20 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   width: 13px;
 }
 
+.make-ai-assistant__attachment-draft-remove-icon,
+.make-ai-assistant__attachment-preview-close-icon {
+  display: inline-flex;
+  height: 13px;
+  line-height: 0;
+  width: 13px;
+}
+
+.make-ai-assistant__attachment-draft-remove-icon svg,
+.make-ai-assistant__attachment-preview-close-icon svg {
+  height: 100%;
+  width: 100%;
+}
+
 .make-ai-assistant__attachment-drafts li:hover .make-ai-assistant__attachment-draft-remove,
 .make-ai-assistant__attachment-drafts li:focus-within .make-ai-assistant__attachment-draft-remove {
   opacity: 1;
@@ -2318,6 +2451,60 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   transform: scale(1);
 }
 
+.make-ai-assistant__attachment-preview-backdrop {
+  align-items: center;
+  background: color-mix(in srgb, var(--make-ai-internal-text) 46%, transparent);
+  display: flex;
+  inset: 0;
+  justify-content: center;
+  padding: 24px;
+  position: fixed;
+  z-index: calc(var(--make-ai-internal-z-index) + 10);
+}
+
+.make-ai-assistant__attachment-preview-dialog {
+  background: var(--make-ai-internal-surface);
+  border: 1px solid color-mix(in srgb, var(--make-ai-internal-border) 80%, transparent);
+  border-radius: 14px;
+  box-shadow: 0 20px 48px color-mix(in srgb, var(--make-ai-internal-text) 28%, transparent);
+  max-height: min(76vh, 760px);
+  max-width: min(88vw, 960px);
+  padding: 8px;
+  position: relative;
+}
+
+.make-ai-assistant__attachment-preview-dialog img {
+  display: block;
+  height: 100%;
+  max-height: min(76vh, 744px);
+  max-width: min(88vw, 944px);
+  object-fit: contain;
+  width: 100%;
+}
+
+.make-ai-assistant__attachment-preview-close {
+  align-items: center;
+  background: var(--make-ai-internal-overlay) !important;
+  border: 0 !important;
+  border-radius: 50% !important;
+  color: var(--make-ai-internal-on-overlay) !important;
+  cursor: pointer;
+  display: inline-flex;
+  height: 28px;
+  justify-content: center;
+  padding: 0 !important;
+  position: absolute;
+  right: 14px;
+  top: 14px;
+  width: 28px;
+}
+
+.make-ai-assistant__attachment-draft-preview-button:focus-visible,
+.make-ai-assistant__attachment-preview-close:focus-visible {
+  outline: 2px solid var(--make-ai-internal-accent);
+  outline-offset: 2px;
+}
+
 .make-ai-assistant__conversation-controls button:focus-visible,
 .make-ai-assistant__feedback button:focus-visible,
 .make-ai-assistant__attachment button:focus-visible,
@@ -2349,7 +2536,6 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
   .make-ai-assistant__launcher,
   .make-ai-assistant__launcher > svg,
   .make-ai-assistant__back-to-latest,
-  .make-ai-assistant__drawer-resize-handle::after,
   .make-ai-assistant__reply-action[data-tooltip]::after,
   .make-ai-assistant__send[data-tooltip]::after,
   .make-ai-assistant__conversation-row-action,
@@ -2359,7 +2545,4 @@ button.make-ai-artifact__record:hover { background: var(--make-ai-internal-accen
     transition: none;
   }
 
-  .make-ai-assistant__task-list-trigger svg:last-child {
-    transition: none;
-  }
 }