🐛(front) fix mobile source (#119)

fix show source mobile

CHANGELOG.md

@@ -12,6 +12,9 @@ and this project adheres to
 
 - 🌐(i18n) add dutch language #117
 
+### Changed
+
+- 🐛(front) fix mobile source
 
 ## [0.0.3] - 2025-10-21
 

src/frontend/apps/conversations/src/features/chat/components/Chat.tsx

@@ -789,7 +789,7 @@ export const Chat = ({
                                       $direction="row"
                                       $align="center"
                                       $gap="4px"
-                                      className={`c__button--neutral action-chat-button ${isSourceOpen ? 'action-chat-button--open' : ''}`}
+                                      className={`c__button--neutral action-chat-button ${isSourceOpen === message.id ? 'action-chat-button--open' : ''}`}
                                       onClick={() => openSources(message.id)}
                                       onKeyDown={(e) => {
                                         if (

src/frontend/apps/conversations/src/features/chat/components/SourceItem.tsx

@@ -151,7 +151,7 @@ export const SourceItem: React.FC<SourceItemProps> = ({ url, metadata }) => {
     <Box $direction="row" $gap="4px" $align="center">
       <Box
         $direction="row"
-        $align="center"
+        $align="start"
         $css="font-size: 14px;"
         $width="100%"
       >
@@ -168,6 +168,9 @@ export const SourceItem: React.FC<SourceItemProps> = ({ url, metadata }) => {
                 padding: 4px;
                 width: 100%;
                 text-decoration: none;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
                 background-color: transparent;
                 transition: background-color 0.3s;
                 color: var(--c--theme--colors--greyscale-500);

src/frontend/apps/conversations/src/pages/globals.css

@@ -154,13 +154,15 @@ ul a:hover {
 }
 
 .mainContent-chat a {
-  color: var(--c--theme--colors--primary-text) !important;
+  color: inherit !important;
+  text-decoration: none !important;
+  transition: box-shadow 0.2s !important;
+  box-shadow: inset 0 -2px 0 0 #dae2ff !important;
 }
 
 .mainContent-chat a:hover {
-  color: var(
-    --c--components--button--primary--background--color-hover
-  ) !important;
+  color: inherit !important;
+  box-shadow: inset 0 -22px 0 0 #dae2ff !important;
 }
 
 .lasuite-gaufre-btn.lasuite--gaufre-opened {