new: reasoning content display

Author: lollipopkit

lib/data/model/chat/history/history.dart

@@ -82,24 +82,24 @@ final class ChatHistoryItem {
   final List<ChatCompletionMessageToolCall>? toolCalls;
   @HiveField(6)
   @JsonKey(includeIfNull: false)
-  final String? thinkContent;
+  String? reasoning;
 
-  const ChatHistoryItem({
+  ChatHistoryItem({
     required this.role,
     required this.content,
     required this.createdAt,
     required this.id,
     this.toolCallId,
     this.toolCalls,
-    this.thinkContent,
+    this.reasoning,
   });
 
   ChatHistoryItem.gen({
     required this.role,
     required this.content,
     this.toolCallId,
     this.toolCalls,
-    this.thinkContent
+    this.reasoning
   })  : createdAt = DateTime.now(),
         id = shortid.generate();
 
@@ -110,7 +110,7 @@ final class ChatHistoryItem {
     DateTime? createdAt,
     this.toolCallId,
     this.toolCalls,
-    this.thinkContent,
+    this.reasoning,
   })  : content = [ChatContent.noid(type: type, raw: raw)],
         createdAt = createdAt ?? DateTime.now(),
         id = shortid.generate();

lib/data/model/chat/history/history.ext.dart

@@ -75,13 +75,15 @@ extension ChatHistoryItemX on ChatHistoryItem {
     DateTime? createdAt,
     @protected String? id,
     String? toolCallId,
+    String? reasoning,
   }) {
     return ChatHistoryItem(
       role: role ?? this.role,
       content: content ?? this.content,
       createdAt: createdAt ?? this.createdAt,
       id: id ?? this.id,
       toolCallId: toolCallId ?? this.toolCallId,
+      reasoning: reasoning ?? this.reasoning,
     );
   }
 

lib/data/model/chat/history/history.g.dart

@@ -83,39 +83,42 @@ final class ChatHistoryContentView extends StatelessWidget {
       return text;
     }
 
+    final children = chatItem.content.map((e) {
+      final fn = switch (e.type) {
+        // ChatContentType.audio => _buildAudio(e),
+        ChatContentType.image => _buildImage,
+        ChatContentType.file => _buildFile,
+        _ => _buildText,
+      };
+      return fn(context, e);
+    }).toList();
+
+    final reasoningContent = chatItem.reasoning;
+    if (reasoningContent != null) {
+      final reasoning = ExpandTile(
+        title: Text(
+          libL10n.thinking,
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        ),
+        tilePadding: const EdgeInsets.symmetric(horizontal: 17, vertical: 0),
+        childrenPadding: const EdgeInsets.symmetric(horizontal: 9, vertical: 9),
+        children: [
+          _buildMarkdown(context, reasoningContent),
+        ],
+      ).cardx;
+      children.insert(0, reasoning);
+    }
+
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       mainAxisSize: MainAxisSize.min,
-      children: chatItem.content
-          .map((e) => switch (e.type) {
-                // ChatContentType.audio => _buildAudio(e),
-                ChatContentType.image => _buildImage,
-                ChatContentType.file => _buildFile,
-                _ => _buildText,
-              }(context, e))
-          .toList()
-          .joinWith(UIs.height13),
+      children: children.joinWith(UIs.height13),
     );
   }
 
   Widget _buildText(BuildContext context, ChatContent content) {
-    return MarkdownBody(
-      data: content.raw,
-      builders: {
-        'code': CodeElementBuilder(onCopy: Pfs.copy),
-        'latex': LatexElementBuilder(),
-      },
-      styleSheet: MarkdownStyleSheet.fromTheme(context.theme).copyWith(
-        a: TextStyle(color: UIs.primaryColor),
-      ),
-      extensionSet: MarkdownUtils.extensionSet,
-      onTapLink: MarkdownUtils.onLinkTap,
-      shrinkWrap: false,
-      // Keep it false, or the ScrollView's height calculation will be wrong.
-      fitContent: false,
-      // User experience is better when this is false.
-      selectable: isDesktop,
-    );
+    return _buildMarkdown(context, content.raw);
   }
 
   Widget _buildImage(BuildContext context, ChatContent content) {
@@ -137,6 +140,28 @@ final class ChatHistoryContentView extends StatelessWidget {
   //   return AudioCard(id: content.id, path: content.raw);
   // }
 
+  Widget _buildMarkdown(BuildContext context, String content) {
+    return MarkdownBody(
+      data: content,
+      builders: {
+        'code': CodeElementBuilder(onCopy: Pfs.copy),
+        'latex': LatexElementBuilder(),
+      },
+      styleSheet: MarkdownStyleSheet.fromTheme(context.theme).copyWith(
+        a: TextStyle(color: UIs.primaryColor),
+      ),
+      extensionSet: MarkdownUtils.extensionSet,
+      onTapLink: MarkdownUtils.onLinkTap,
+      shrinkWrap: false,
+      // Keep it false, or the ScrollView's height calculation will be wrong.
+      fitContent: false,
+      // User experience is better when this is false.
+      selectable: isDesktop,
+    );
+  }
+}
+
+extension on ChatHistoryContentView {
   void _onImgRet(ImagePageRet ret, String raw) async {
     if (ret.isDeleted) {
       FileApi.delete([raw]);

lib/data/model/chat/history/view.dart

@@ -229,12 +229,23 @@ Future<void> _onCreateText(
   try {
     final sub = chatStream.listen(
       (eve) async {
-        final first = eve.choices.firstOrNull;
-        final delta = first?.delta.content;
-        if (delta != null) {
-          assistReply.content.first.raw += delta;
+        final delta = eve.choices.firstOrNull?.delta;
+        if (delta == null) return;
+
+        final content = delta.content;
+        if (content != null) {
+          assistReply.content.first.raw += content;
+          _chatItemRNMap[assistReply.id]?.notify();
+        }
+
+        final deltaResoningContent = delta.reasoningContent;
+        if (deltaResoningContent != null) {
+          final originReasoning = assistReply.reasoning ?? '';
+          final newReasoning = '$originReasoning$deltaResoningContent';
+          assistReply.reasoning = newReasoning;
           _chatItemRNMap[assistReply.id]?.notify();
         }
+        // print('Reasoning: ${assistReply.reasoning}');
 
         _autoScroll(chatId);
       },

lib/view/page/home/req.dart

@@ -52,7 +52,7 @@ class CodeElementBuilder extends MarkdownElementBuilder {
     //   /// If [textContent] contains any of the above, it will be rendered as
     //   /// plain text.
     //   final isUnsupported = textContent.contains(r'\documentclass') ||
-    //       textContent.contains(r'\title') ||
+    //       textContent.contains(r'\title') || zagu lollipopkit
     //       textContent.contains(r'\author') ||
     //       textContent.contains(r'\begin');
     //   if (!isUnsupported) {