From 51bcdfe6d2936bc64e391b2c1f83962575a305db Mon Sep 17 00:00:00 2001
From: 35C4n0r <work.jaykumar@gmail.com>
Date: Sat, 1 Nov 2025 16:11:05 +0530
Subject: [PATCH] feat: add tooltips for buttons

---
 chat/src/components/message-input.tsx | 32 +++++++++++++++------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/chat/src/components/message-input.tsx b/chat/src/components/message-input.tsx
index 0748dee..7df94bf 100644
--- a/chat/src/components/message-input.tsx
+++ b/chat/src/components/message-input.tsx
@@ -261,15 +261,17 @@ export default function MessageInput({
                 </TabsList>
 
                 <div className={"flex flex-row gap-3"}>
-                  <Button
-                    type="submit"
-                    size="icon"
-                    className="rounded-full"
-                    onClick={handleUploadClick}
+                  {serverStatus !== "running" && <Button
+                      type="submit"
+                      size="icon"
+                      className="rounded-full"
+                      onClick={handleUploadClick}
+                      title={"Upload File"}
                   >
-                    <Upload/>
-                    <span className="sr-only">Upload</span>
+                      <Upload/>
+                      <span className="sr-only">Upload</span>
                   </Button>
+                  }
 
                   {inputMode === "text" && serverStatus !== "running" && (
                     <Button
@@ -277,6 +279,7 @@ export default function MessageInput({
                       disabled={disabled || !message.trim()}
                       size="icon"
                       className="rounded-full"
+                      title={"Send Message"}
                     >
                       <SendIcon/>
                       <span className="sr-only">Send</span>
@@ -291,6 +294,7 @@ export default function MessageInput({
                       onClick={() => {
                         onSendMessage(specialKeys.Escape, "raw");
                       }}
+                      title={"Interrupt"}
                     >
                       <Square/>
                       <span className="sr-only">Stop</span>
@@ -332,20 +336,20 @@ export default function MessageInput({
   );
 }
 
-function Char({ char }: { char: string }) {
+function Char({char}: { char: string }) {
   switch (char) {
     case "ArrowUp":
-      return <ArrowUpIcon className="h-4 w-4" />;
+      return <ArrowUpIcon className="h-4 w-4"/>;
     case "ArrowDown":
-      return <ArrowDownIcon className="h-4 w-4" />;
+      return <ArrowDownIcon className="h-4 w-4"/>;
     case "ArrowRight":
-      return <ArrowRightIcon className="h-4 w-4" />;
+      return <ArrowRightIcon className="h-4 w-4"/>;
     case "ArrowLeft":
-      return <ArrowLeftIcon className="h-4 w-4" />;
+      return <ArrowLeftIcon className="h-4 w-4"/>;
     case "⏎":
-      return <CornerDownLeftIcon className="h-4 w-4" />;
+      return <CornerDownLeftIcon className="h-4 w-4"/>;
     case "Backspace":
-      return <DeleteIcon className="h-4 w-4" />;
+      return <DeleteIcon className="h-4 w-4"/>;
     default:
       return char;
   }