wip: more rework and docs

src/renderer/components/AssistantSidebar/AssistantSidebar.tsx

@@ -250,7 +250,7 @@ export const AssistantSidebar: React.FC = () => {
 
       {actionError && <p className="assistant-sidebar-error chat-surface-error">{actionError}</p>}
 
-      {surfaceMode.showWelcomeTips && messages.length === 0 && !isStreaming && (
+      {surfaceMode.showWelcomeTips && messages.filter(m => m.role !== 'system' && m.role !== 'tool').length === 0 && !isStreaming && (
         <div className="assistant-sidebar-raw-message chat-surface-section">
           {tr('chat.welcomeDescription')}
         </div>

src/renderer/components/ChatPanel/ChatPanel.css

@@ -98,6 +98,8 @@
   justify-content: center;
   text-align: center;
   padding: 32px;
+  min-height: 100%;
+  box-sizing: border-box;
   color: var(--vscode-descriptionForeground);
 }
 

src/renderer/components/ChatPanel/ChatPanel.tsx

@@ -344,17 +344,17 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ conversationId }) => {
       </div>
 
       <div className="chat-messages chat-surface-scroll">
-        {surfaceMode.showWelcomeTips && messages.length === 0 && !isStreaming && (
+        {surfaceMode.showWelcomeTips && messages.filter(m => m.role !== 'system' && m.role !== 'tool').length === 0 && !isStreaming && (
           <div className="chat-welcome">
             <div className="chat-welcome-icon">{'\u{1F916}'}</div>
             <h2>{tr('chat.welcomeTitle')}</h2>
             <p>{tr('chat.welcomeDescription')}</p>
             <ul>
               <li>{tr('chat.welcomeTipSearch')}</li>
-              <li>{tr('chat.welcomeTipDetails')}</li>
-              <li>{tr('chat.welcomeTipTags')}</li>
+              <li>{tr('chat.welcomeTipChart')}</li>
+              <li>{tr('chat.welcomeTipTable')}</li>
               <li>{tr('chat.welcomeTipMetadata')}</li>
-              <li>{tr('chat.welcomeTipImages')}</li>
+              <li>{tr('chat.welcomeTipTabs')}</li>
             </ul>
           </div>
         )}