refactor(types): comprehensive TypeScript type system improvements

Major type system refactoring and error fixes across the codebase:

**Type System Improvements:**
- Extended OpenFangStreamEvent with 'connected' and 'agents_updated' event types
- Added GatewayPong interface for WebSocket pong responses
- Added index signature to MemorySearchOptions for Record compatibility
- Fixed RawApproval interface with hand_name, run_id properties

**Gateway & Protocol Fixes:**
- Fixed performHandshake nonce handling in gateway-client.ts
- Fixed onAgentStream callback type definitions
- Fixed HandRun runId mapping to handle undefined values
- Fixed Approval mapping with proper default values

**Memory System Fixes:**
- Fixed MemoryEntry creation with required properties (lastAccessedAt, accessCount)
- Replaced getByAgent with getAll method in vector-memory.ts
- Fixed MemorySearchOptions type compatibility

**Component Fixes:**
- Fixed ReflectionLog property names (filePath→file, proposedContent→suggestedContent)
- Fixed SkillMarket suggestSkills async call arguments
- Fixed message-virtualization useRef generic type
- Fixed session-persistence messageCount type conversion

**Code Cleanup:**
- Removed unused imports and variables across multiple files
- Consolidated StoredError interface (removed duplicate)
- Deleted obsolete test files (feedbackStore.test.ts, memory-index.test.ts)

**New Features:**
- Added browser automation module (Tauri backend)
- Added Active Learning Panel component
- Added Agent Onboarding Wizard
- Added Memory Graph visualization
- Added Personality Selector
- Added Skill Market store and components

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

desktop/src/components/ChatArea.tsx

@@ -1,10 +1,11 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useChatStore, Message } from '../store/chatStore';
 import { useGatewayStore } from '../store/gatewayStore';
 import { Paperclip, ChevronDown, Terminal, SquarePen, ArrowUp, MessageSquare } from 'lucide-react';
 import { Button, EmptyState } from './ui';
 import { listItemVariants, defaultTransition, fadeInVariants } from '../lib/animations';
+import { FirstConversationPrompt } from './FirstConversationPrompt';
 
 const MODELS = ['glm-5', 'qwen3.5-plus', 'kimi-k2.5', 'minimax-m2.5'];
 
@@ -14,13 +15,28 @@ export function ChatArea() {
     sendMessage: sendToGateway, setCurrentModel, initStreamListener,
     newConversation,
   } = useChatStore();
-  const { connectionState } = useGatewayStore();
+  const { connectionState, clones } = useGatewayStore();
 
   const [input, setInput] = useState('');
   const [showModelPicker, setShowModelPicker] = useState(false);
   const scrollRef = useRef<HTMLDivElement>(null);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
+  // Get current clone for first conversation prompt
+  const currentClone = useMemo(() => {
+    if (!currentAgent) return null;
+    return clones.find((c) => c.id === currentAgent.id) || null;
+  }, [currentAgent, clones]);
+
+  // Check if should show first conversation prompt
+  const showFirstPrompt = messages.length === 0 && currentClone && !currentClone.onboardingCompleted;
+
+  // Handle suggestion click from first conversation prompt
+  const handleSelectSuggestion = (text: string) => {
+    setInput(text);
+    textareaRef.current?.focus();
+  };
+
   // Auto-resize textarea
   const adjustTextarea = useCallback(() => {
     const el = textareaRef.current;
@@ -104,11 +120,18 @@ export function ChatArea() {
               animate="animate"
               exit="exit"
             >
-              <EmptyState
-                icon={<MessageSquare className="w-8 h-8" />}
-                title="欢迎使用 ZCLAW"
-                description={connected ? '发送消息开始对话' : '请先在设置中连接 Gateway'}
-              />
+              {showFirstPrompt && currentClone ? (
+                <FirstConversationPrompt
+                  clone={currentClone}
+                  onSelectSuggestion={handleSelectSuggestion}
+                />
+              ) : (
+                <EmptyState
+                  icon={<MessageSquare className="w-8 h-8" />}
+                  title="欢迎使用 ZCLAW"
+                  description={connected ? '发送消息开始对话' : '请先在设置中连接 Gateway'}
+                />
+              )}
             </motion.div>
           )}