From 5c5bf46a95323d1fbb82245c1763a74cebd52106 Mon Sep 17 00:00:00 2001
From: Jiayuan Zhang <forrestchang7@gmail.com>
Date: Tue, 10 Feb 2026 23:29:23 +0800
Subject: [PATCH] fix(desktop): fix Try It step UI overflow and missing chat
 input

Add min-w-0 to SamplePrompt text container so truncate works in
flex layout. Always show ChatView when agent is ready so the message
input is visible (ChatView has its own empty state).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/components/onboarding/sample-prompt.tsx  |  2 +-
 .../src/renderer/src/pages/onboarding/try-it.tsx | 16 +---------------
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/apps/desktop/src/renderer/src/components/onboarding/sample-prompt.tsx b/apps/desktop/src/renderer/src/components/onboarding/sample-prompt.tsx
index 0849879e..25676ddd 100644
--- a/apps/desktop/src/renderer/src/components/onboarding/sample-prompt.tsx
+++ b/apps/desktop/src/renderer/src/components/onboarding/sample-prompt.tsx
@@ -13,7 +13,7 @@ export function SamplePrompt({ title, prompt, onClick }: SamplePromptProps) {
       onClick={onClick}
       className="w-full text-left p-4 rounded-xl border border-border bg-card hover:bg-accent/50 transition-colors group flex items-center justify-between"
     >
-      <div className="space-y-0.5 pr-4">
+      <div className="space-y-0.5 pr-4 min-w-0">
         <p className="font-medium text-sm">{title}</p>
         <p className="text-xs text-muted-foreground truncate">{prompt}</p>
       </div>
diff --git a/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx b/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx
index 5bc3933c..a47af389 100644
--- a/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx
+++ b/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx
@@ -54,8 +54,6 @@ export default function TryItStep() {
     navigate('/onboarding/connect')
   }
 
-  const hasMessages = messages.length > 0
-
   return (
     <div className="h-full flex">
       {/* Left column — prompts */}
@@ -109,19 +107,7 @@ export default function TryItStep() {
             <Loading />
             Initializing agent...
           </div>
-        ) : !hasMessages && !isLoading ? (
-          <div className="flex-1 flex items-center justify-center px-12">
-            <div className="max-w-sm text-center space-y-3">
-              <h3 className="text-lg font-medium">Agent ready</h3>
-              <p className="text-sm text-muted-foreground leading-relaxed">
-                Click a prompt on the left to start a conversation, or type
-                your own message below.
-              </p>
-            </div>
-          </div>
-        ) : null}
-
-        {agentId && (hasMessages || isLoading) && (
+        ) : (
           <ChatView
             messages={messages}
             streamingIds={streamingIds}