@websolutespa/bom-llm 0.0.46 → 0.0.47

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @websolutespa/bom-llm
 
+## 0.0.47
+
+### Patch Changes
+
+- 77ef1ea: Added: addFile, removeFile and image_url user message
+- 77ef1ea: Modified: hasTextToSpeechSupport, hasSpeechToTextSupport
+
 ## 0.0.46
 
 ### Patch Changes

package/dist/index.d.ts

@@ -40,6 +40,7 @@ type LlmContents = {
     disableSpeechRecognition?: boolean;
     disableSpeechSynthesis?: boolean;
     disclaimer?: string;
+    enableUpload?: boolean;
     extendedWelcomeText?: string;
     intro?: string;
     layoutBuilder?: LlmCard[];

package/dist/umd/index.css

@@ -538,9 +538,15 @@ llm-embed {
   text-decoration: underline;
   margin-top: calc(var(--rem, 1rem) * 0.5);
 }
-.llm .llm__stream-error__toggle:focus {
+.llm .llm__stream-error__toggle:focus, .llm .llm__stream-error__toggle:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__stream-error__toggle:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__stream-error__toggle:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 .llm .llm__stream-error__toggle:hover {
   text-decoration: none;
 }
@@ -656,9 +662,15 @@ llm-embed {
   transition: 0.4s;
   box-shadow: var(--llm-trigger-box-shadow);
 }
-.llm .llm__trigger-btn:focus {
+.llm .llm__trigger-btn:focus, .llm .llm__trigger-btn:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__trigger-btn:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__trigger-btn:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 .llm .llm__trigger-btn > span {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -1002,9 +1014,15 @@ llm-embed {
   width: 1px !important;
   white-space: nowrap !important;
 }
-.llm .llm__header-skip:focus {
+.llm .llm__header-skip:focus, .llm .llm__header-skip:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__header-skip:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__header-skip:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 .llm .llm__header-skip:focus, .llm .llm__header-skip:active {
   clip: auto !important;
   clip-path: none !important;
@@ -1048,9 +1066,15 @@ llm-embed {
   user-select: none;
   color: var(--llm-color-title-foreground);
 }
-.llm .llm__header-back:focus {
+.llm .llm__header-back:focus, .llm .llm__header-back:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__header-back:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__header-back:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 
 .llm .llm__scroller {
   position: absolute;
@@ -1203,9 +1227,15 @@ llm-embed {
   font-family: var(--llm-hint-font-family);
   backdrop-filter: blur(20px);
 }
-.llm .llm__hint:focus {
+.llm .llm__hint:focus, .llm .llm__hint:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__hint:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__hint:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 @media (min-width: 768px) {
   .llm .llm__hint:first-child {
     grid-column: span 2;
@@ -1301,7 +1331,6 @@ llm-embed {
   margin: 0;
   border: none;
   resize: none;
-  border-radius: 0;
   font-family: var(--llm-input-font-family);
   font-size: calc(var(--rem, 1rem) * 1);
   line-height: 1.3;
@@ -1376,9 +1405,15 @@ llm-embed {
   font-size: 16px;
   color: var(--llm-input-accent);
 }
-.llm .llm__prompt-speak:focus, .llm .llm__prompt-microphone:focus {
+.llm .llm__prompt-speak:focus, .llm .llm__prompt-speak:focus-visible, .llm .llm__prompt-microphone:focus, .llm .llm__prompt-microphone:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__prompt-speak:hover, .llm .llm__prompt-microphone:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-speak:active, .llm .llm__prompt-microphone:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 .llm .llm__prompt-speak svg, .llm .llm__prompt-microphone svg {
   width: 18px;
   height: 18px;
@@ -1390,8 +1425,172 @@ llm-embed {
   right: 8px;
   outline: 2px solid transparent;
 }
-.llm .llm__prompt-microphone:active {
-  outline: 2px solid var(--llm-color-base-100);
+.llm .llm__prompt-upload-group {
+  position: absolute;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  top: 50%;
+  right: 46px;
+  transform: translateY(-50%);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.llm .llm__prompt-upload-group:has(.llm__prompt-upload-input:focus), .llm .llm__prompt-upload-group:has(.llm__prompt-upload-input:focus-visible) {
+  outline-color: var(--llm-color-outline);
+}
+.llm .llm__prompt-upload-group:has(.llm__prompt-upload-input:hover) {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-upload-group:has(.llm__prompt-upload-input:active) {
+  outline-color: var(--llm-color-accent-foreground);
+}
+.llm .llm__prompt-upload-input {
+  appearance: none;
+  position: absolute;
+  display: block;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: none;
+  border: none;
+  color: transparent;
+  outline: none;
+  font-size: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.llm .llm__prompt-upload {
+  margin: 0;
+  padding: 0;
+  border: none;
+  text-decoration: none;
+  background: none;
+  appearance: none;
+  font-family: inherit;
+  font-style: inherit;
+  font-variant-ligatures: inherit;
+  font-variant-caps: inherit;
+  font-variant-numeric: inherit;
+  font-variant-east-asian: inherit;
+  font-weight: inherit;
+  font-stretch: inherit;
+  text-rendering: inherit;
+  letter-spacing: inherit;
+  word-spacing: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-indent: inherit;
+  text-shadow: none;
+  text-align: inherit;
+  pointer-events: auto;
+  cursor: pointer;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-size: 16px;
+  color: var(--llm-input-accent);
+  outline: none;
+  pointer-events: none;
+}
+.llm .llm__prompt-upload:focus, .llm .llm__prompt-upload:focus-visible {
+  outline-color: var(--llm-color-outline);
+}
+.llm .llm__prompt-upload:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-upload:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
+.llm .llm__prompt-upload svg {
+  width: 18px;
+  height: 18px;
+}
+.llm .llm__prompt-upload-file {
+  margin: 0;
+  padding: 0;
+  border: none;
+  text-decoration: none;
+  background: none;
+  appearance: none;
+  font-family: inherit;
+  font-style: inherit;
+  font-variant-ligatures: inherit;
+  font-variant-caps: inherit;
+  font-variant-numeric: inherit;
+  font-variant-east-asian: inherit;
+  font-weight: inherit;
+  font-stretch: inherit;
+  text-rendering: inherit;
+  letter-spacing: inherit;
+  word-spacing: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-indent: inherit;
+  text-shadow: none;
+  text-align: inherit;
+  pointer-events: auto;
+  cursor: pointer;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  position: absolute;
+  right: 0;
+  bottom: 100%;
+  display: flex;
+  align-items: center;
+  column-gap: 0.35em;
+  padding: 0.2em 1em;
+  border-radius: 8px;
+  margin-bottom: 0.3rem;
+  font-size: 12px;
+  background: var(--llm-pill-background);
+  color: var(--llm-pill-foreground);
+  backdrop-filter: blur(20px);
+}
+.llm .llm__prompt-upload-file:focus, .llm .llm__prompt-upload-file:focus-visible {
+  outline-color: var(--llm-color-outline);
+}
+.llm .llm__prompt-upload-file:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-upload-file:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
+.llm .llm__prompt-upload-file span {
+  max-width: 100px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-family: var(--llm-pill-font-family);
+  font-weight: 700;
+}
+.llm .llm__prompt-upload-file svg {
+  flex-shrink: 0;
+  width: 1em;
+  height: 1em;
+  fill: currentColor;
+}
+.llm .llm__prompt-upload-file img {
+  display: none;
+  position: absolute;
+  max-width: 96px;
+  max-height: 96px;
+  bottom: 100%;
+  right: 0;
+  border-radius: 8px;
+  margin-bottom: 0.3rem;
+  box-shadow: var(--llm-shadow-xs);
+  pointer-events: none;
+  object-fit: contain;
+}
+.llm .llm__prompt-upload-file:hover img {
+  display: block;
 }
 .llm .llm__prompt-submit, .llm .llm__prompt-stop {
   margin: 0;
@@ -1431,9 +1630,15 @@ llm-embed {
   color: var(--llm-trigger-foreground);
   border-radius: 50%;
 }
-.llm .llm__prompt-submit:focus, .llm .llm__prompt-stop:focus {
+.llm .llm__prompt-submit:focus, .llm .llm__prompt-submit:focus-visible, .llm .llm__prompt-stop:focus, .llm .llm__prompt-stop:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__prompt-submit:hover, .llm .llm__prompt-stop:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-submit:active, .llm .llm__prompt-stop:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 @media (min-width: 1024px) {
   .llm .llm__prompt-submit, .llm .llm__prompt-stop {
     width: 60px;
@@ -1560,9 +1765,15 @@ llm-embed {
   backdrop-filter: blur(20px);
   text-decoration: none;
 }
-.llm .llm__pill:focus {
+.llm .llm__pill:focus, .llm .llm__pill:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__pill:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__pill:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 .llm .llm__prompt-footer {
   position: absolute;
   display: flex;
@@ -1614,9 +1825,15 @@ llm-embed {
   opacity: 0.4;
   transition: opacity ease-in-out 250ms;
 }
-.llm .llm__prompt-powered-by:focus {
+.llm .llm__prompt-powered-by:focus, .llm .llm__prompt-powered-by:focus-visible {
   outline-color: var(--llm-color-outline);
 }
+.llm .llm__prompt-powered-by:hover {
+  outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+}
+.llm .llm__prompt-powered-by:active {
+  outline-color: var(--llm-color-accent-foreground);
+}
 @media (min-width: 1024px) {
   .llm .llm__prompt-powered-by {
     font-size: 12px;
@@ -1640,7 +1857,10 @@ llm-embed {
   border-radius: 12px;
   padding: var(--llm-size-3, 1.5rem) var(--llm-size-4, 2rem);
 }
-.llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body, .llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body > p, .llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body > h2 {
+.llm .llm__message--assistant .llm__inner--text:first-child .llm__text .llm__text-body, .llm .llm__message--assistant .llm__inner--text:first-child .llm__text .llm__text-body > p, .llm .llm__message--assistant .llm__inner--text:first-child .llm__text .llm__text-body > h2,
+.llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body,
+.llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body > p,
+.llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body > h2 {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: var(--llm-typography-display3-font-weight);
@@ -1649,6 +1869,7 @@ llm-embed {
   font-size: clamp(var(--llm-typography-display3-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display3-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display3-font-size-max) - var(--llm-typography-display3-font-size-min)) * var(--s, 1), var(--llm-typography-display3-font-size-max) * 1px * var(--s, 1));
   margin: 0;
 }
+.llm .llm__message--assistant .llm__inner--text:not(:first-child) .llm__text .llm__text-body,
 .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -1657,6 +1878,7 @@ llm-embed {
   letter-spacing: var(--llm-typography-display6-letter-spacing);
   font-size: clamp(var(--llm-typography-display6-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display6-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display6-font-size-max) - var(--llm-typography-display6-font-size-min)) * var(--s, 1), var(--llm-typography-display6-font-size-max) * 1px * var(--s, 1));
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body {
   font-family: var(--llm-font-primary);
   background: var(--llm-assistant-background);
@@ -1669,6 +1891,7 @@ llm-embed {
   }
   */
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h1,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h1 {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -1677,6 +1900,7 @@ llm-embed {
   letter-spacing: var(--llm-typography-display3-letter-spacing);
   font-size: clamp(var(--llm-typography-display3-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display3-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display3-font-size-max) - var(--llm-typography-display3-font-size-min)) * var(--s, 1), var(--llm-typography-display3-font-size-max) * 1px * var(--s, 1));
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h2,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h2 {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -1685,6 +1909,7 @@ llm-embed {
   letter-spacing: var(--llm-typography-display4-letter-spacing);
   font-size: clamp(var(--llm-typography-display4-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display4-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display4-font-size-max) - var(--llm-typography-display4-font-size-min)) * var(--s, 1), var(--llm-typography-display4-font-size-max) * 1px * var(--s, 1));
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h3,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h3 {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -1693,6 +1918,9 @@ llm-embed {
   letter-spacing: var(--llm-typography-display5-letter-spacing);
   font-size: clamp(var(--llm-typography-display5-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display5-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display5-font-size-max) - var(--llm-typography-display5-font-size-min)) * var(--s, 1), var(--llm-typography-display5-font-size-max) * 1px * var(--s, 1));
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h4,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h5,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h6,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h4,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h5,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h6 {
@@ -1703,6 +1931,8 @@ llm-embed {
   letter-spacing: var(--llm-typography-display6-letter-spacing);
   font-size: clamp(var(--llm-typography-display6-font-size-min) * 1px * var(--s, 1), var(--llm-typography-display6-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-display6-font-size-max) - var(--llm-typography-display6-font-size-min)) * var(--s, 1), var(--llm-typography-display6-font-size-max) * 1px * var(--s, 1));
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ol,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ul,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ol,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ul {
   display: flex;
@@ -1710,13 +1940,17 @@ llm-embed {
   gap: 0.75em;
   margin-left: var(--llm-markdown-margin-left);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ol,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ol {
   margin-left: 1.1em;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ul,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ul {
   margin-left: 0.8em;
   list-style: disc;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body code,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body pre,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body code,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body pre {
   font-size: inherit;
@@ -1726,19 +1960,31 @@ llm-embed {
   background-color: transparent;
   color: inherit;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body pre,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body code,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body pre,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body code {
   font-family: monospace;
   font-size: 0.9em;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body i,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body em,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body i,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body em {
   font-style: italic;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body b,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body strong,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body b,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body strong {
   font-weight: var(--llm-typography-cta2-font-weight);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h1,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h2,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h3,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h4,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h5,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h6,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h1,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h2,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h3,
@@ -1747,6 +1993,17 @@ llm-embed {
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h6 {
   margin-top: var(--llm-markdown-margin-top);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body p,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h1,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h2,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h3,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h4,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h5,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h6,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ul,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ol,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body pre,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body p,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h1,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h2,
@@ -1760,6 +2017,17 @@ llm-embed {
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote {
   margin-bottom: var(--llm-markdown-margin-bottom);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body p:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h1:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h2:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h3:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h4:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h5:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body h6:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ul:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body ol:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body pre:last-child,
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote:last-child,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body p:last-child,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h1:last-child,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h2:last-child,
@@ -1773,7 +2041,10 @@ llm-embed {
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote:last-child {
   margin-bottom: 0;
 }
-.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote, .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote:before, .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote:after {
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote, .llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote:before, .llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote:after,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote:before,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote:after {
   margin: 0;
   padding: 0;
   border: none;
@@ -1783,29 +2054,38 @@ llm-embed {
   background: none;
   color: inherit;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body blockquote,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body blockquote {
   margin-bottom: var(--llm-markdown-margin-bottom);
   padding-left: 0.5em;
   border-left: var(--llm-markdown-border);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body hr,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body hr {
   border: none;
   border-top: var(--llm-markdown-border);
   margin-top: var(--llm-markdown-margin-top);
   margin-bottom: var(--llm-markdown-margin-bottom);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body a,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a {
   text-decoration: underline;
 }
-.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:link, .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:active, .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:visited, .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:hover {
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body a:link, .llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body a:active, .llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body a:visited, .llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body a:hover,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:link,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:active,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:visited,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a:hover {
   color: var(--llm-markdown-accent);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body img,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body img {
   max-width: 320px;
   padding: 8px;
   border-radius: 8px;
   border: var(--llm-markdown-border);
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body .llm__text-img,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__text-img {
   display: block;
   margin-top: var(--llm-markdown-margin-top);
@@ -1813,6 +2093,7 @@ llm-embed {
   font-size: 0;
   text-decoration: none;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body .llm__text-img > img,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__text-img > img {
   display: inline-flex;
   justify-content: center;
@@ -1821,17 +2102,27 @@ llm-embed {
   height: 320px;
   object-fit: cover;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body .llm__pill,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__pill {
   max-width: max(375px, var(--u, 1vw) * 30);
   margin-bottom: 1em;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body .llm__pill:first-of-type,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__pill:first-of-type {
   margin-top: 2em;
 }
+.llm .llm__message--assistant .llm__inner--text .llm__text .llm__text-body .llm__pill:last-of-type,
 .llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__pill:last-of-type {
   margin-bottom: 2em;
 }
-.llm .llm__text-disclaimer {
+.llm .llm__message .llm__inner--image_url img {
+  max-width: 256px;
+  border-radius: 8px;
+  border: var(--llm-markdown-border);
+  box-shadow: var(--llm-shadow-xs);
+}
+
+.llm .llm__disclaimer {
   line-height: 1;
   font-family: var(--llm-font-secondary);
   font-weight: var(--llm-typography-body5-font-weight);
@@ -1840,20 +2131,19 @@ llm-embed {
   font-size: clamp(var(--llm-typography-body5-font-size-min) * 1px * var(--s, 1), var(--llm-typography-body5-font-size-min) * 1px * var(--s, 1) + (var(--u, 1vw) * 100 - 375px) / 1545 * (var(--llm-typography-body5-font-size-max) - var(--llm-typography-body5-font-size-min)) * var(--s, 1), var(--llm-typography-body5-font-size-max) * 1px * var(--s, 1));
   display: flex;
   gap: var(--llm-size-2, 1rem);
-  padding-top: var(--llm-size-3, 1.5rem);
   color: var(--llm-color-foreground);
 }
-.llm .llm__text-disclaimer a {
+.llm .llm__disclaimer a {
   text-decoration: underline;
 }
-.llm .llm__text-disclaimer i {
+.llm .llm__disclaimer i {
   display: block;
-  width: 18px;
+  width: 19px;
   height: 18px;
   flex-shrink: 0;
   color: var(--llm-color-accent-foreground);
 }
-.llm .llm__text-disclaimer i svg {
+.llm .llm__disclaimer i svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -2780,16 +3070,27 @@ llm-embed {
 .llm .llm__product-label {
   line-height: 1.25;
   position: absolute;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   top: calc(var(--rem, 1rem) * 1);
   left: calc(var(--rem, 1rem) * 1);
   border-radius: calc(var(--rem, 1rem) * 0.25);
-  font-size: calc(var(--rem, 1rem) * 0.8);
+  font-size: calc(var(--rem, 1rem) * 0.6);
   padding: 0.4em 0.8em;
   letter-spacing: 0.05em;
   font-weight: 600;
   background: var(--llm-product-label-background);
   color: var(--llm-product-label-foreground);
 }
+@media (min-width: 1024px) {
+  .llm .llm__product-label {
+    top: calc(var(--rem, 1rem) * 1);
+    left: calc(var(--rem, 1rem) * 1);
+    border-radius: calc(var(--rem, 1rem) * 0.25);
+    font-size: calc(var(--rem, 1rem) * 0.8);
+  }
+}
 .llm .llm__product-sku {
   line-height: 1;
   font-family: var(--llm-font-primary);
@@ -3421,7 +3722,7 @@ llm-embed {
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: var(--llm-size-4, 2rem);
+  row-gap: var(--llm-size-2, 1rem);
 }
 .llm .llm__message--user:last-child {
   margin-bottom: 20vh;
@@ -3432,7 +3733,7 @@ llm-embed {
 .llm .llm__inner:empty {
   display: none;
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text-body {
+.llm .llm__message--assistant .llm__inner--text:not(:first-child) .llm__text-body, .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text-body {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: var(--llm-typography-display6-font-weight);