feat(CallFeature): implement call functionality and integrate WebSocket signaling

- Updated app.json to include microphone permissions and background audio support.
- Added call-related dependencies in package.json and package-lock.json.
- Enhanced ChatScreen to initiate calls and handle call actions.
- Introduced call components in the layout for incoming call handling.
- Expanded WebSocket service to manage call signaling messages and events.
- Refactored authStore to initialize call state on user authentication.

src/screens/message/ChatScreen.tsx

@@ -35,7 +35,7 @@ import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Text, ImageGallery, ImageGridItem } from '../../components/common';
 import { useAppColors } from '../../theme';
 import * as hrefs from '../../navigation/hrefs';
-import { messageManager } from '../../stores';
+import { messageManager, callStore } from '../../stores';
 import { useBreakpointGTE } from '../../hooks/useResponsive';
 import {
   useChatScreen,
@@ -423,6 +423,15 @@ export const ChatScreen: React.FC = () => {
         onMorePress={navigateToChatSettings}
         onGroupInfoPress={handleGroupInfoPress}
         isWideScreen={isWideScreen}
+        onCallPress={!isGroupChat ? () => {
+          const otherUserId = otherUser?.id;
+          if (otherUserId && conversationId) {
+            callStore.getState().startCall(conversationId, otherUserId, {
+              nickname: otherUser?.nickname,
+              avatar: otherUser?.avatar,
+            });
+          }
+        } : undefined}
       />
 
       {/* 消息列表 */}

src/screens/message/components/ChatScreen/ChatHeader.tsx

@@ -23,6 +23,7 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   onMorePress,
   onGroupInfoPress,
   isWideScreen: propIsWideScreen,
+  onCallPress,
 }) => {
   const colors = useAppColors();
   const baseStyles = useChatScreenStyles();
@@ -124,13 +125,30 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
           >
             <MaterialCommunityIcons name="dots-horizontal" size={22} color={colors.text.primary} />
           </TouchableOpacity>
-        ) : (
+        ) : isGroupChat ? (
           <TouchableOpacity
             style={styles.moreButton}
             onPress={onMorePress}
           >
             <MaterialCommunityIcons name="dots-horizontal" size={22} color={colors.text.primary} />
           </TouchableOpacity>
+        ) : (
+          <View style={styles.headerActions}>
+            {onCallPress && (
+              <TouchableOpacity
+                style={styles.callButton}
+                onPress={onCallPress}
+              >
+                <MaterialCommunityIcons name="phone" size={22} color={colors.primary.main} />
+              </TouchableOpacity>
+            )}
+            <TouchableOpacity
+              style={styles.moreButton}
+              onPress={onMorePress}
+            >
+              <MaterialCommunityIcons name="dots-horizontal" size={22} color={colors.text.primary} />
+            </TouchableOpacity>
+          </View>
         )}
       </View>
     </View>

src/screens/message/components/ChatScreen/styles.ts

@@ -114,11 +114,22 @@ export function createChatScreenStyles(colors: AppColors) {
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 19,
-    backgroundColor: colors.chat.surfaceRaised,
-    borderWidth: 1,
-    borderColor: colors.chat.borderLight,
+    backgroundColor: 'transparent',
   },
-  
+  headerActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.xs,
+  },
+  callButton: {
+    width: 38,
+    height: 38,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 19,
+    backgroundColor: `${colors.primary.main}12`,
+  },
+
   // 消息列表
   messageListContainer: {
     flex: 1,

src/screens/message/components/ChatScreen/types.ts

@@ -179,6 +179,8 @@ export interface ChatHeaderProps {
   onGroupInfoPress?: () => void;
   /** 是否为大屏幕模式 */
   isWideScreen?: boolean;
+  /** 拨打电话回调（仅私聊有效） */
+  onCallPress?: () => void;
 }
 
 // 回复预览 Props