From 553412e863d2164b48f2a351426abeebd3c2617e Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:32:03 +0100
Subject: [PATCH] Make the content width a bit smaller

---
 agent/uis/stockbroker/portfolio-view/index.tsx       | 2 +-
 agent/uis/stockbroker/stock-price/index.tsx          | 2 +-
 agent/uis/trip-planner/accommodations-list/index.tsx | 2 +-
 src/components/thread/index.tsx                      | 6 +++---
 src/providers/Stream.tsx                             | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/agent/uis/stockbroker/portfolio-view/index.tsx b/agent/uis/stockbroker/portfolio-view/index.tsx
index 42bb140..2eff0be 100644
--- a/agent/uis/stockbroker/portfolio-view/index.tsx
+++ b/agent/uis/stockbroker/portfolio-view/index.tsx
@@ -160,7 +160,7 @@ export default function PortfolioView() {
   const chartData = selectedHolding ? generateChartData(selectedHolding) : [];
 
   return (
-    <div className="w-full max-w-4xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
+    <div className="w-full max-w-3xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
       <div className="bg-gradient-to-r from-indigo-700 to-indigo-500 px-6 py-4">
         <div className="flex justify-between items-center">
           <h2 className="text-white font-bold text-xl tracking-tight flex items-center">
diff --git a/agent/uis/stockbroker/stock-price/index.tsx b/agent/uis/stockbroker/stock-price/index.tsx
index 1c1ea52..8bcceca 100644
--- a/agent/uis/stockbroker/stock-price/index.tsx
+++ b/agent/uis/stockbroker/stock-price/index.tsx
@@ -149,7 +149,7 @@ export default function StockPrice(props: {
   };
 
   return (
-    <div className="w-full max-w-4xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
+    <div className="w-full max-w-3xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
       <div className="flex items-center justify-start gap-4 mb-2 text-lg font-medium text-gray-700">
         <p>{ticker}</p>
         <p>${currentPrice}</p>
diff --git a/agent/uis/trip-planner/accommodations-list/index.tsx b/agent/uis/trip-planner/accommodations-list/index.tsx
index 87e28f2..d360198 100644
--- a/agent/uis/trip-planner/accommodations-list/index.tsx
+++ b/agent/uis/trip-planner/accommodations-list/index.tsx
@@ -320,7 +320,7 @@ export default function AccommodationsList({
           align: "start",
           loop: true,
         }}
-        className="w-full sm:max-w-sm md:max-w-2xl lg:max-w-3xl"
+        className="w-full sm:max-w-sm md:max-w-3xl lg:max-w-3xl"
       >
         <CarouselContent>
           {accommodations.map((accommodation) => (
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 2332f30..d3d3acf 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -276,7 +276,7 @@ export function Thread() {
               !chatStarted && "flex flex-col items-stretch mt-[25vh]",
               chatStarted && "grid grid-rows-[1fr_auto]",
             )}
-            contentClassName="pt-8 pb-16 px-4 max-w-4xl mx-auto flex flex-col gap-4 w-full"
+            contentClassName="pt-8 pb-16 px-4 max-w-3xl mx-auto flex flex-col gap-4 w-full"
             content={
               <>
                 {messages
@@ -315,10 +315,10 @@ export function Thread() {
 
                 <ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
 
-                <div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-4xl relative z-10">
+                <div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-3xl relative z-10">
                   <form
                     onSubmit={handleSubmit}
-                    className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"
+                    className="grid grid-rows-[1fr_auto] gap-2 max-w-3xl mx-auto"
                   >
                     <textarea
                       value={input}
diff --git a/src/providers/Stream.tsx b/src/providers/Stream.tsx
index f1b9027..4e0df8a 100644
--- a/src/providers/Stream.tsx
+++ b/src/providers/Stream.tsx
@@ -89,7 +89,7 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
   if (!apiUrl || !assistantId) {
     return (
       <div className="flex items-center justify-center min-h-screen w-full p-4">
-        <div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-2xl">
+        <div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-3xl">
           <div className="flex flex-col gap-2 mt-14 p-6 border-b">
             <div className="flex items-start flex-col gap-2">
               <LangGraphLogoSVG className="h-7" />