app-tutor-ai-consumer 1.27.3 → 1.27.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.27.4](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.3...v1.27.4) (2025-08-14)
+
+### Bug Fixes
+
+- add markdown list config ([6203615](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/62036154cf708089aa5986403879f42e5eb25089))
+- messages list spacing ([af43357](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/af43357496b6bd38ebd8dd5c1fea1090656b383c))
+
 ## [1.27.3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.2...v1.27.3) (2025-08-14)
 
 ### Performance Improvements

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.27.3",
+  "version": "1.27.4",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",

package/src/lib/components/markdownrenderer/markdownrenderer.tsx

@@ -9,6 +9,8 @@ import { URLutils } from '../../utils'
 
 import MdCodeBlock from './components/md-code-block'
 
+import styles from './styles.module.css'
+
 const mdComponents: Partial<Components> = {
   h1({ children, ...props }) {
     return (
@@ -77,7 +79,7 @@ const mdComponents: Partial<Components> = {
     )
   },
   p({ children }) {
-    return <span className='my-3 inline-block'>{children}</span>
+    return <span className='inline-block [&:not(:only-child)]:my-3'>{children}</span>
   },
   ul({ children }) {
     return <ul className='my-3 list-inside list-disc'>{children}</ul>
@@ -86,7 +88,7 @@ const mdComponents: Partial<Components> = {
     return <ol className='my-3 list-inside list-decimal'>{children}</ol>
   },
   li({ children }) {
-    return <li className='[&:not(:last-child)]:mb-1'>{children}</li>
+    return <li className={clsx('[&:not(:last-child)]:mb-2', styles.li)}>{children}</li>
   }
 }
 

package/src/lib/components/markdownrenderer/styles.module.css

@@ -0,0 +1,5 @@
+.li{
+  &>span {
+    display: inline !important;
+  }
+}

package/src/modules/messages/components/message-item/message-item.tsx

@@ -19,7 +19,7 @@ function MessageItem({ message }: { message: ParsedMessage }) {
       )}>
       <div
         data-test='messages-item'
-        className={clsx('w-full overflow-x-hidden rounded-lg px-3', {
+        className={clsx('w-full overflow-x-hidden rounded-lg p-3', {
           'max-w-max bg-[rgb(from_var(--hc-color-neutral-300)_r_g_b_/_0.8)]': messageFromUser,
           'bg-neutral-200': messageFromAi
         })}>