> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Call Log Details

> Show CometChat Flutter UI Kit call log details with participants, duration, timestamps, recordings, and call metadata.

Provide a post-call details screen with metadata, participants, history, and recordings using CometChat V6 UIKit.

## Overview

The Call Log Details feature displays detailed information about a specific call, including participants, duration, timestamps, and recordings (if available).

## Components

| Component               | Role                                 |
| :---------------------- | :----------------------------------- |
| `CometChatCallLogs`     | Lists call logs; tap to view details |
| `CallLogRequestBuilder` | Filters call logs by criteria        |

## Integration

### Navigate to Call Details

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCallLogs(
      onItemClick: (callLog) {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (_) => CallLogDetailScreen(callLog: callLog),
          ),
        );
      },
    )
    ```
  </Tab>
</Tabs>

### Build a Call Detail Screen

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    class CallLogDetailScreen extends StatelessWidget {
      final CallLog callLog;

      const CallLogDetailScreen({required this.callLog, super.key});

      @override
      Widget build(BuildContext context) {
        final initiatedAt = DateTime.fromMillisecondsSinceEpoch(
          (callLog.initiatedAt ?? 0) * 1000,
        );

        return Scaffold(
          appBar: AppBar(title: const Text("Call Details")),
          body: Padding(
            padding: const EdgeInsets.all(16),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text("Status: ${callLog.status ?? 'Unknown'}"),
                Text("Type: ${callLog.type ?? 'Unknown'}"),
                Text("Duration: ${callLog.totalDurationInMinutes ?? 0} min"),
                Text("Time: $initiatedAt"),
                if (callLog.hasRecording == true)
                  const Text("Recording available"),
              ],
            ),
          ),
        );
      }
    }
    ```
  </Tab>
</Tabs>

## Filtering Call Logs

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCallLogs(
      callLogsRequestBuilder: CallLogRequestBuilder()
        ..limit = 20
        ..hasRecording = true,
    )
    ```
  </Tab>
</Tabs>