From 9240e31fcb37f9a2564a59f7a02a7aa2937df312 Mon Sep 17 00:00:00 2001
From: Jiayuan Zhang <forrestchang7@gmail.com>
Date: Tue, 10 Feb 2026 22:47:16 +0800
Subject: [PATCH] fix(desktop): improve Try It right panel visual separation

Replace bg-muted/30 with border-l for a clean separator between the
prompt list and ChatView panels.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 6ca1f21e..5bc3933c 100644
--- a/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx
+++ b/apps/desktop/src/renderer/src/pages/onboarding/try-it.tsx
@@ -99,7 +99,7 @@ export default function TryItStep() {
       </div>
 
       {/* Right column — live chat */}
-      <div className="flex-1 flex flex-col min-h-0 bg-muted/30">
+      <div className="flex-1 flex flex-col min-h-0 border-l">
         {initError ? (
           <div className="flex-1 flex items-center justify-center text-sm text-destructive px-8 text-center">
             {initError}