feat: redesign coding default entry

src/pages/Chat/CodingConversationTimeline.tsx

@@ -11,7 +11,6 @@ import {
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import {
-  Bot,
   BookOpen,
   Check,
   CheckCircle2,
@@ -64,6 +63,7 @@ import type {
   SubagentDetailsV1,
 } from '../../../shared/coding-conversation-contracts';
 import { CodingAttachmentPreview } from './CodingAttachmentPreview';
+import { CodingWelcomeHero } from './CodingWelcomeHero';
 
 const EMPTY_NODES: ConversationNode[] = [];
 const IDLE_RUN: ConversationRunState = { status: 'idle' };
@@ -1610,7 +1610,10 @@ export const CodingConversationTimeline = memo(function CodingConversationTimeli
         if (element.scrollTop <= 48) loadEarlier();
       }}
     >
-      <div className="mx-auto flex w-full max-w-[50rem] flex-col gap-8">
+      <div className={cn(
+        'mx-auto flex w-full max-w-[50rem] flex-col gap-8',
+        nodes.length === 0 && 'min-h-full',
+      )}>
         {windowStart > 0 && (
           <Button
             type="button"
@@ -1632,15 +1635,10 @@ export const CodingConversationTimeline = memo(function CodingConversationTimeli
           />
         ))}
         {nodes.length === 0 && (
-          <div className="mx-auto flex max-w-md flex-col items-center px-6 py-16 text-center">
-            <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-surface-subtle">
-              <Bot className="h-4.5 w-4.5 text-muted-foreground" aria-hidden="true" />
-            </div>
-            <h2 className="mt-4 text-balance text-base font-semibold">开始一条对话</h2>
-            <p className="mt-1.5 text-pretty text-sm leading-6 text-muted-foreground">
-              Pi 会连续展示思考和工具进度，处理完成后自动收纳过程并给出结论。
-            </p>
-          </div>
+          <CodingWelcomeHero
+            headingLevel="h2"
+            className="min-h-[18rem] flex-1 px-6 pb-12 pt-6 sm:pb-16"
+          />
         )}
       </div>
     </div>