From fd87f1f11c0126ceeb90513227aafaf207b800bd Mon Sep 17 00:00:00 2001
From: Douglasymlai <douglas.ym.lai@gmail.com>
Date: Fri, 17 Oct 2025 10:44:45 +0100
Subject: [PATCH] chore: commit local changes

---
 src/components/TopBar/index.tsx  | 11 +++++++----
 src/components/WorkFlow/node.tsx |  2 +-
 src/components/ui/input.tsx      | 11 ++++++++++-
 src/components/ui/textarea.tsx   | 25 +++++++++++++++++++++++--
 src/pages/Login.tsx              |  2 ++
 5 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/src/components/TopBar/index.tsx b/src/components/TopBar/index.tsx
index b4dcd9f3..471ef9c9 100644
--- a/src/components/TopBar/index.tsx
+++ b/src/components/TopBar/index.tsx
@@ -292,10 +292,11 @@ function HeaderWin() {
 									<Button
 										onClick={exportLog}
 										variant="ghost"
-										size="icon"
-										className="no-drag leading-tight"
+										size="xs"
+										className="no-drag"
 									>
 										<FileDown className="w-4 h-4" />
+										{t("layout.report-bug")}
 									</Button>
 								</TooltipSimple>
 							</>
@@ -304,7 +305,7 @@ function HeaderWin() {
 							<Button
 								onClick={getReferFriendsLink}
 								variant="ghost"
-								size="icon"
+								size="xs"
 								className="no-drag"
 							>
 								<img
@@ -312,6 +313,7 @@ function HeaderWin() {
 									alt="gift-icon"
 									className="w-4 h-4"
 								/>
+								{t("layout.refer-friends")}
 							</Button>
 						</TooltipSimple>
 						{chatStore.activeTaskId &&
@@ -338,10 +340,11 @@ function HeaderWin() {
 								<Button
 									onClick={() => setEndDialogOpen(true)}
 									variant="outline"
-									size="icon"
+									size="xs"
 									className="no-drag !text-text-cuation w-10 justify-center"
 								>
 									<Power />
+									{t("layout.end-project")}
 								</Button>
 							</TooltipSimple>
 						)}
diff --git a/src/components/WorkFlow/node.tsx b/src/components/WorkFlow/node.tsx
index f85ea27b..d8fef480 100644
--- a/src/components/WorkFlow/node.tsx
+++ b/src/components/WorkFlow/node.tsx
@@ -374,7 +374,7 @@ export function Node({ id, data }: NodeProps) {
 													<Button
 														variant="ghost"
 														size="sm"
-														className="w-full justify-start gap-2 bg-specialty-menutabs-default group  hover:bg-surface-cuation text-text-primary hover:text-text-cuation-default"
+														className="w-full justify-start gap-2"
 														onClick={(e) => {
 															e.stopPropagation();
 															const newWorkerList = workerList.filter(
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index ba4ae3dc..a8534db9 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -19,6 +19,7 @@ type BaseInputProps = Omit<React.ComponentProps<"input">, "size"> & {
   backIcon?: React.ReactNode
   onBackIconClick?: () => void
   trailingButton?: React.ReactNode
+  onEnter?: () => void
 }
 
 const sizeClasses: Record<InputSize, string> = {
@@ -92,10 +93,12 @@ const Input = React.forwardRef<HTMLInputElement, BaseInputProps>(
       trailingButton,
       disabled,
       placeholder,
+      onEnter,
       ...props
     },
     ref
   ) => {
+    const { onKeyDown, ...inputProps } = props
     const stateCls = resolveStateClasses(disabled ? "disabled" : state)
     const hasLeft = Boolean(leadingIcon)
     const hasRight = Boolean(backIcon) || Boolean(trailingButton)
@@ -142,7 +145,13 @@ const Input = React.forwardRef<HTMLInputElement, BaseInputProps>(
               hasRight ? "pr-9" : "pr-3",
               className
             )}
-            {...props}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") {
+                onEnter?.()
+              }
+              onKeyDown?.(e)
+            }}
+            {...inputProps}
           />
 
           {backIcon ? (
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index cbc39106..d705e7e6 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -21,6 +21,7 @@ type BaseTextareaProps = Omit<React.ComponentProps<"textarea">, "size"> & {
   backIcon?: React.ReactNode
   onBackIconClick?: () => void
   trailingButton?: React.ReactNode
+  onEnter?: () => void
 }
 
 const sizeClasses: Record<TextareaSize, string> = {
@@ -95,10 +96,12 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, BaseTextareaProps>(
       disabled,
       placeholder,
       style,
+      onEnter,
       ...props
     },
     ref
   ) => {
+    const { onKeyDown, ...textareaProps } = props
     // Original "none" variant - keep the original styling
     if (variant === "none") {
       return (
@@ -111,7 +114,16 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, BaseTextareaProps>(
             )}
             style={{ paddingRight: "4px", ...(style as React.CSSProperties) }}
             ref={ref}
-            {...props}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey) {
+                if (onEnter) {
+                  e.preventDefault()
+                  onEnter()
+                }
+              }
+              onKeyDown?.(e)
+            }}
+            {...textareaProps}
           />
           <style>{`
             /* Firefox */
@@ -177,7 +189,16 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, BaseTextareaProps>(
                 className
               )}
               style={{ paddingRight: "4px", ...(style as React.CSSProperties) }}
-              {...props}
+              onKeyDown={(e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  if (onEnter) {
+                    e.preventDefault()
+                    onEnter()
+                  }
+                }
+                onKeyDown?.(e)
+              }}
+              {...textareaProps}
             />
 
             {backIcon ? (
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 0450c9d3..aa2c79f7 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -277,6 +277,7 @@ export default function Login() {
 										onChange={(e) => handleInputChange("email", e.target.value)}
 										state={errors.email ? "error" : undefined}
 										note={errors.email}
+									onEnter={handleLogin}
 									/>
 
 									<Input
@@ -294,6 +295,7 @@ export default function Login() {
 										note={errors.password}
 										backIcon={<img src={hidePassword ? eye : eyeOff} />}
 										onBackIconClick={() => setHidePassword(!hidePassword)}
+									onEnter={handleLogin}
 									/>
 							</div>
 						</div>