From 5402cdecc22e988dedee6f600d2a75088ea1270d Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Wed, 21 Jan 2026 02:22:12 +0800
Subject: [PATCH] style: update text sizes and spacing in components

---
 packages/extension/src/entrypoints/sidepanel/App.tsx   |  8 ++++----
 .../entrypoints/sidepanel/components/cards/index.tsx   | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/extension/src/entrypoints/sidepanel/App.tsx b/packages/extension/src/entrypoints/sidepanel/App.tsx
index 7e459a8..77b8680 100644
--- a/packages/extension/src/entrypoints/sidepanel/App.tsx
+++ b/packages/extension/src/entrypoints/sidepanel/App.tsx
@@ -149,7 +149,7 @@ export default function App() {
 
 			{/* Input */}
 			<div className="border-t p-3">
-				<InputGroup className="relative">
+				<InputGroup className="relative rounded-lg">
 					<InputGroupTextarea
 						ref={textareaRef}
 						placeholder="Describe your task... (Enter to send)"
@@ -157,10 +157,10 @@ export default function App() {
 						onChange={(e) => setTask(e.target.value)}
 						onKeyDown={handleKeyDown}
 						disabled={isRunning}
-						rows={2}
-						className="text-xs pr-12 min-h-[60px]"
+						// rows={2}
+						className="text-xs pr-12 min-h-10"
 					/>
-					<InputGroupAddon align="inline-end" className="absolute bottom-2 right-2">
+					<InputGroupAddon align="inline-end" className="absolute bottom-0 right-0">
 						{isRunning ? (
 							<InputGroupButton
 								size="icon-sm"
diff --git a/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx b/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
index 1070e9f..abff419 100644
--- a/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
+++ b/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
@@ -48,7 +48,7 @@ function ResultCard({
 					Result: {success ? 'Success' : 'Failed'}
 				</span>
 			</div>
-			<p className="text-xs text-muted-foreground pl-5 whitespace-pre-wrap">{text}</p>
+			<p className="text-xs text-[11px] text-muted-foreground pl-5 whitespace-pre-wrap">{text}</p>
 			{children}
 		</div>
 	)
@@ -63,7 +63,7 @@ function ReflectionItem({ icon, value }: { icon: string; value: string }) {
 			<span className="text-xs">{icon}</span>
 			<span
 				className={cn(
-					'text-xs text-muted-foreground cursor-pointer hover:text-muted-foreground/80',
+					'text-[11px] text-muted-foreground cursor-pointer hover:text-muted-foreground/70',
 					!expanded && 'line-clamp-2'
 				)}
 				onClick={() => setExpanded(!expanded)}
@@ -180,11 +180,11 @@ export function EventCard({ event }: { event: HistoricalEvent }) {
 							<div className="flex-1 min-w-0">
 								<p className="text-xs text-foreground/80 mb-0.5">
 									<span className="font-medium">{event.action.name}</span>
-									<span className="text-muted-foreground ml-1.5">
+									<span className="text-muted-foreground/70 ml-1.5">
 										{JSON.stringify(event.action.input)}
 									</span>
 								</p>
-								<p className="text-[11px] text-muted-foreground/70">→ {event.action.output}</p>
+								<p className="text-[11px] text-muted-foreground/70">└ {event.action.output}</p>
 							</div>
 						</div>
 					</div>
@@ -204,7 +204,7 @@ export function EventCard({ event }: { event: HistoricalEvent }) {
 				</div>
 				<div className="flex items-start gap-2">
 					<Eye className="size-3.5 text-green-500 shrink-0 mt-0.5" />
-					<span className="text-xs text-muted-foreground">{event.content}</span>
+					<span className="text-[11px] text-muted-foreground">{event.content}</span>
 				</div>
 			</div>
 		)