From 544425ae40749e227cb189a127992e91ff6bda42 Mon Sep 17 00:00:00 2001
From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com>
Date: Thu, 5 Feb 2026 09:23:53 +0800
Subject: [PATCH] feat(ui): improve mobile onboarding copy and chat input
 sizing

Rewrite user-facing text to be source-agnostic and result-focused:
- Connect prompt: "Scan to start" / "Scan a QR code to use an Agent"
- Empty chat: "Your Agent is ready"
- Input placeholder: "Ask your Agent..." / "Scan QR code to get started"
- Bump chat input font to text-base for mobile readability

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 packages/ui/src/components/chat-input.tsx | 2 +-
 packages/ui/src/components/chat.tsx       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/chat-input.tsx b/packages/ui/src/components/chat-input.tsx
index 2e4573b91..20f65a07e 100644
--- a/packages/ui/src/components/chat-input.tsx
+++ b/packages/ui/src/components/chat-input.tsx
@@ -50,7 +50,7 @@ export const ChatInput = forwardRef<ChatInputRef, ChatInputProps>(
       editorProps: {
         attributes: {
           class:
-            "w-full resize-none bg-transparent px-1 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+            "w-full resize-none bg-transparent px-1 py-1 text-base text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
         },
         handleKeyDown(_view, event) {
           // Guard for IME composition (Chinese/Japanese input)
diff --git a/packages/ui/src/components/chat.tsx b/packages/ui/src/components/chat.tsx
index 60f7519a1..ea51d0369 100644
--- a/packages/ui/src/components/chat.tsx
+++ b/packages/ui/src/components/chat.tsx
@@ -59,7 +59,7 @@ export function Chat() {
           <ConnectPrompt />
         ) : messages.length === 0 ? (
           <div className="flex items-center justify-center h-full text-muted-foreground text-sm">
-            Send a message to start the conversation
+            Your Agent is ready
           </div>
         ) : (
           <MessageList messages={messages} streamingIds={streamingIds} />
@@ -88,7 +88,7 @@ export function Chat() {
         <ChatInput
           onSubmit={handleSend}
           disabled={!isConnected}
-          placeholder={!isConnected ? "Connect first..." : "Type a message..."}
+          placeholder={!isConnected ? "Scan QR code to get started" : "Ask your Agent..."}
         />
       </footer>
     </div>