From ecc7c4d146a5090f87301042a9409cd4307a1e1b Mon Sep 17 00:00:00 2001
From: vibhor-aggr <108814060+vibhor-aggr@users.noreply.github.com>
Date: Sat, 11 Jul 2026 12:33:24 +0530
Subject: [PATCH 1/2] fix: prevent chat source citation clipping

---
 .../patterns/Searchbox/ChatSources.css          | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/patterns/Searchbox/ChatSources.css b/src/components/patterns/Searchbox/ChatSources.css
index 843e276c64..ab3f221fc3 100644
--- a/src/components/patterns/Searchbox/ChatSources.css
+++ b/src/components/patterns/Searchbox/ChatSources.css
@@ -29,21 +29,19 @@
     gap: var(--space-3);
     margin-top: var(--space-8);
     margin-bottom: 0;
-    overflow-x: scroll;
+    overflow-x: auto;
     scroll-behavior: smooth;
-    -ms-overflow-style: none;
-    scrollbar-width: none;
+    scrollbar-width: thin;
     padding-left: 0;
+    padding-right: var(--space-16);
     list-style: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
   }
 
   .chat-sources-item {
     display: flex;
+    flex: 0 0 auto;
     max-width: 100%;
+    min-width: 0;
     height: 100%;
     align-items: center;
     gap: var(--space-2);
@@ -52,13 +50,15 @@
 
   .chat-sources-link {
     display: block;
-    width: var(--space-64);
+    width: min(var(--space-64), calc(100vw - var(--space-8)));
+    min-width: 0;
     height: 100%;
     border-radius: var(--radius-xl);
     background-color: var(--color-bg-tertiary);
     padding: var(--space-3);
     color: var(--color-text-primary);
     text-decoration: none;
+    overflow-wrap: anywhere;
     cursor: pointer;
     transition: var(--transition-colors);
 
@@ -80,6 +80,7 @@
     font-weight: var(--font-weight-semibold);
     color: var(--color-text-secondary);
     overflow: hidden;
+    min-width: 0;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     margin: 0;

From 5b63b8f3e7b787722b4f45efebbd2482c8cd5ace Mon Sep 17 00:00:00 2001
From: vibhor-aggr <108814060+vibhor-aggr@users.noreply.github.com>
Date: Sat, 8 Aug 2026 02:29:33 +0530
Subject: [PATCH 2/2] fix: add chat source edge padding

---
 .../patterns/Searchbox/ChatSources.css        | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/patterns/Searchbox/ChatSources.css b/src/components/patterns/Searchbox/ChatSources.css
index ab3f221fc3..1a6ed7dae0 100644
--- a/src/components/patterns/Searchbox/ChatSources.css
+++ b/src/components/patterns/Searchbox/ChatSources.css
@@ -3,14 +3,31 @@
     position: relative;
     overflow: hidden;
 
+    &::before,
     &::after {
       content: '';
       position: absolute;
       top: 0;
-      right: 0;
       bottom: 0;
+      z-index: 1;
       width: var(--space-16);
       pointer-events: none;
+    }
+
+    &::before {
+      left: 0;
+      background: linear-gradient(
+        to left,
+        transparent,
+        color-mix(in oklch, var(--color-bg-primary) 15%, transparent) 20%,
+        color-mix(in oklch, var(--color-bg-primary) 40%, transparent) 40%,
+        color-mix(in oklch, var(--color-bg-primary) 70%, transparent) 65%,
+        var(--color-bg-primary) 90%
+      );
+    }
+
+    &::after {
+      right: 0;
       background: linear-gradient(
         to right,
         transparent,
@@ -32,8 +49,7 @@
     overflow-x: auto;
     scroll-behavior: smooth;
     scrollbar-width: thin;
-    padding-left: 0;
-    padding-right: var(--space-16);
+    padding-inline: var(--space-16);
     list-style: none;
   }