From 9ec9638d9ce13942a39fa6792cb63b2aa49597fb Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:31:47 -0400
Subject: [PATCH 1/6] I complete desktop UI.

---
 components/Chat/Chat.tsx         | 4 ++--
 components/Chat/ChatInput.tsx    | 4 ++--
 components/Chat/Messages.tsx     | 2 +-
 components/Chat/SubmitButton.tsx | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index e73d9c4da..502fe53b7 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -7,10 +7,10 @@ const Chat = () => {
 
   return (
     <div
-      className={`w-screen overflow-hidden ${messages.length ? "px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen"}`}
+      className={`overflow-hidden ${messages.length ? "w-screen px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen mx-auto max-w-3xl"}`}
     >
       <p className="font-sans font-semibold text-2xl mb-2 text-center">
-        {`How is Luh Tyler's 3D Game Performing?`}
+        What can I help you ship?
       </p>
       <ChatInput />
       <Messages />
diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index 13b24a2f6..2fa9a3836 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -16,13 +16,13 @@ const ChatInput: React.FC = () => {
     <div
       className={`w-full px-2 z-[10] bg-background ${messages.length ? "fixed bottom-2 left-0" : "relative"}`}
     >
-      <div className="border-gray-700 border-[1px] rounded-md p-2">
+      <div className="border-gray-700 border-[1px] rounded-md p-2 max-w-3xl mx-auto">
         <form onSubmit={handleSubmit} className="w-full">
           <textarea
             value={input}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
-            placeholder="Ask recoupable a question..."
+            placeholder="Ask me anything about the music industry..."
             className="bg-transparent w-full p-2 text-sm !border-none !outline-none rounded-md h-auto"
             aria-label="Chat input"
           />
diff --git a/components/Chat/Messages.tsx b/components/Chat/Messages.tsx
index 369a0fbde..36cb9c4ca 100644
--- a/components/Chat/Messages.tsx
+++ b/components/Chat/Messages.tsx
@@ -6,7 +6,7 @@ const Messages = () => {
   const { messages } = useChatProvider();
 
   return (
-    <div className="w-full mt-4">
+    <div className="w-full mt-4 max-w-3xl mx-auto">
       <div className="space-y-4">
         {messages.map((message: Message, index: number) => (
           <div key={index} className="p-3 rounded-lg flex w-full gap-2">
diff --git a/components/Chat/SubmitButton.tsx b/components/Chat/SubmitButton.tsx
index 86272262b..e4b9208be 100644
--- a/components/Chat/SubmitButton.tsx
+++ b/components/Chat/SubmitButton.tsx
@@ -1,6 +1,6 @@
 import { ArrowUpRightIcon } from "lucide-react";
 
-const SubmitButton = ({ canSubmit }: { canSubmit: boolean }) => {
+const SubmitButton = ({ canSubmit }: { canSubmit: Boolean }) => {
   return (
     <button
       type="submit"

From 4e7dea0df0717b517cb1f28177c23da0bb6e9485 Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:32:01 -0400
Subject: [PATCH 2/6] Revert "I complete desktop UI."

This reverts commit 9ec9638d9ce13942a39fa6792cb63b2aa49597fb.
---
 components/Chat/Chat.tsx         | 4 ++--
 components/Chat/ChatInput.tsx    | 4 ++--
 components/Chat/Messages.tsx     | 2 +-
 components/Chat/SubmitButton.tsx | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index 502fe53b7..e73d9c4da 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -7,10 +7,10 @@ const Chat = () => {
 
   return (
     <div
-      className={`overflow-hidden ${messages.length ? "w-screen px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen mx-auto max-w-3xl"}`}
+      className={`w-screen overflow-hidden ${messages.length ? "px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen"}`}
     >
       <p className="font-sans font-semibold text-2xl mb-2 text-center">
-        What can I help you ship?
+        {`How is Luh Tyler's 3D Game Performing?`}
       </p>
       <ChatInput />
       <Messages />
diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index 2fa9a3836..13b24a2f6 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -16,13 +16,13 @@ const ChatInput: React.FC = () => {
     <div
       className={`w-full px-2 z-[10] bg-background ${messages.length ? "fixed bottom-2 left-0" : "relative"}`}
     >
-      <div className="border-gray-700 border-[1px] rounded-md p-2 max-w-3xl mx-auto">
+      <div className="border-gray-700 border-[1px] rounded-md p-2">
         <form onSubmit={handleSubmit} className="w-full">
           <textarea
             value={input}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
-            placeholder="Ask me anything about the music industry..."
+            placeholder="Ask recoupable a question..."
             className="bg-transparent w-full p-2 text-sm !border-none !outline-none rounded-md h-auto"
             aria-label="Chat input"
           />
diff --git a/components/Chat/Messages.tsx b/components/Chat/Messages.tsx
index 36cb9c4ca..369a0fbde 100644
--- a/components/Chat/Messages.tsx
+++ b/components/Chat/Messages.tsx
@@ -6,7 +6,7 @@ const Messages = () => {
   const { messages } = useChatProvider();
 
   return (
-    <div className="w-full mt-4 max-w-3xl mx-auto">
+    <div className="w-full mt-4">
       <div className="space-y-4">
         {messages.map((message: Message, index: number) => (
           <div key={index} className="p-3 rounded-lg flex w-full gap-2">
diff --git a/components/Chat/SubmitButton.tsx b/components/Chat/SubmitButton.tsx
index e4b9208be..86272262b 100644
--- a/components/Chat/SubmitButton.tsx
+++ b/components/Chat/SubmitButton.tsx
@@ -1,6 +1,6 @@
 import { ArrowUpRightIcon } from "lucide-react";
 
-const SubmitButton = ({ canSubmit }: { canSubmit: Boolean }) => {
+const SubmitButton = ({ canSubmit }: { canSubmit: boolean }) => {
   return (
     <button
       type="submit"

From ced61d9c2bed9b2c0901822d531aa31cdf6728ab Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:32:46 -0400
Subject: [PATCH 3/6] I complete desktop UI.

---
 components/Chat/Chat.tsx         | 4 ++--
 components/Chat/ChatInput.tsx    | 4 ++--
 components/Chat/Messages.tsx     | 2 +-
 components/Chat/SubmitButton.tsx | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index e73d9c4da..502fe53b7 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -7,10 +7,10 @@ const Chat = () => {
 
   return (
     <div
-      className={`w-screen overflow-hidden ${messages.length ? "px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen"}`}
+      className={`overflow-hidden ${messages.length ? "w-screen px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen mx-auto max-w-3xl"}`}
     >
       <p className="font-sans font-semibold text-2xl mb-2 text-center">
-        {`How is Luh Tyler's 3D Game Performing?`}
+        What can I help you ship?
       </p>
       <ChatInput />
       <Messages />
diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index 13b24a2f6..2fa9a3836 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -16,13 +16,13 @@ const ChatInput: React.FC = () => {
     <div
       className={`w-full px-2 z-[10] bg-background ${messages.length ? "fixed bottom-2 left-0" : "relative"}`}
     >
-      <div className="border-gray-700 border-[1px] rounded-md p-2">
+      <div className="border-gray-700 border-[1px] rounded-md p-2 max-w-3xl mx-auto">
         <form onSubmit={handleSubmit} className="w-full">
           <textarea
             value={input}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
-            placeholder="Ask recoupable a question..."
+            placeholder="Ask me anything about the music industry..."
             className="bg-transparent w-full p-2 text-sm !border-none !outline-none rounded-md h-auto"
             aria-label="Chat input"
           />
diff --git a/components/Chat/Messages.tsx b/components/Chat/Messages.tsx
index 369a0fbde..36cb9c4ca 100644
--- a/components/Chat/Messages.tsx
+++ b/components/Chat/Messages.tsx
@@ -6,7 +6,7 @@ const Messages = () => {
   const { messages } = useChatProvider();
 
   return (
-    <div className="w-full mt-4">
+    <div className="w-full mt-4 max-w-3xl mx-auto">
       <div className="space-y-4">
         {messages.map((message: Message, index: number) => (
           <div key={index} className="p-3 rounded-lg flex w-full gap-2">
diff --git a/components/Chat/SubmitButton.tsx b/components/Chat/SubmitButton.tsx
index 86272262b..e4b9208be 100644
--- a/components/Chat/SubmitButton.tsx
+++ b/components/Chat/SubmitButton.tsx
@@ -1,6 +1,6 @@
 import { ArrowUpRightIcon } from "lucide-react";
 
-const SubmitButton = ({ canSubmit }: { canSubmit: boolean }) => {
+const SubmitButton = ({ canSubmit }: { canSubmit: Boolean }) => {
   return (
     <button
       type="submit"

From b15833b570aef40f7783f8b330d19c62460e738e Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:37:30 -0400
Subject: [PATCH 4/6] fix: conflict.

---
 components/Chat/Chat.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index 502fe53b7..abbbf616e 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -10,7 +10,7 @@ const Chat = () => {
       className={`overflow-hidden ${messages.length ? "w-screen px-4 pt-20 mb-[150px] overflow-y-auto h-[calc(100vh-150px)]" : "flex flex-col items-center justify-center h-screen mx-auto max-w-3xl"}`}
     >
       <p className="font-sans font-semibold text-2xl mb-2 text-center">
-        What can I help you ship?
+        {`How is Luh Tyler's 3D Game Performing?`}
       </p>
       <ChatInput />
       <Messages />

From a3b2ccb1a1ce37eb9ce5a2c34bf539980aef19dc Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:37:55 -0400
Subject: [PATCH 5/6] fix: conflict.

---
 components/Chat/ChatInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index 2fa9a3836..adf0e9fc5 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -22,7 +22,7 @@ const ChatInput: React.FC = () => {
             value={input}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
-            placeholder="Ask me anything about the music industry..."
+            placeholder="Ask recoupable a question..."
             className="bg-transparent w-full p-2 text-sm !border-none !outline-none rounded-md h-auto"
             aria-label="Chat input"
           />

From d731dab3d7f71bbaee33216739bbe26d2c0c0f8e Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Mon, 7 Oct 2024 11:38:41 -0400
Subject: [PATCH 6/6] fix: conflict.

---
 components/Chat/SubmitButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Chat/SubmitButton.tsx b/components/Chat/SubmitButton.tsx
index e4b9208be..86272262b 100644
--- a/components/Chat/SubmitButton.tsx
+++ b/components/Chat/SubmitButton.tsx
@@ -1,6 +1,6 @@
 import { ArrowUpRightIcon } from "lucide-react";
 
-const SubmitButton = ({ canSubmit }: { canSubmit: Boolean }) => {
+const SubmitButton = ({ canSubmit }: { canSubmit: boolean }) => {
   return (
     <button
       type="submit"