💄 Optimize thinking UI

2025-10-27 00:56:21 +08:00
parent 4b32b65d1c
commit 481190811b
7 changed files with 745 additions and 732 deletions
--- a/lib/widgets/thought/thought_proposal.dart
+++ b/lib/widgets/thought/thought_proposal.dart
@@ -0,0 +1,137 @@
+import "package:flutter/material.dart";
+import "package:material_symbols_icons/material_symbols_icons.dart";
+import "package:styled_widget/styled_widget.dart";
+import "package:markdown/markdown.dart" as markdown;
+import "package:markdown_widget/markdown_widget.dart";
+
+class ProposalBlockSyntax extends markdown.BlockSyntax {
+  @override
+  RegExp get pattern => RegExp(r'^<proposal', caseSensitive: false);
+
+  @override
+  bool canParse(markdown.BlockParser parser) {
+    return pattern.hasMatch(parser.current.content);
+  }
+
+  @override
+  bool canEndBlock(markdown.BlockParser parser) {
+    return parser.current.content.contains('</proposal>');
+  }
+
+  @override
+  markdown.Node parse(markdown.BlockParser parser) {
+    final childLines = <String>[];
+
+    // Extract type from opening tag
+    final openingLine = parser.current.content;
+    final attrsMatch = RegExp(
+      r'<proposal(\s[^>]*)?>',
+      caseSensitive: false,
+    ).firstMatch(openingLine);
+    final attrs = attrsMatch?.group(1) ?? '';
+    final typeMatch = RegExp(r'type="([^"]*)"').firstMatch(attrs);
+    final type = typeMatch?.group(1) ?? '';
+
+    // Collect all lines until closing tag
+    while (!parser.isDone) {
+      childLines.add(parser.current.content);
+      if (canEndBlock(parser)) {
+        parser.advance();
+        break;
+      }
+      parser.advance();
+    }
+
+    // Extract content between tags
+    final fullContent = childLines.join('\n');
+    final contentMatch = RegExp(
+      r'<proposal[^>]*>(.*?)</proposal>',
+      dotAll: true,
+      caseSensitive: false,
+    ).firstMatch(fullContent);
+    final content = contentMatch?.group(1)?.trim() ?? '';
+
+    final element = markdown.Element('proposal', [markdown.Text(content)])
+      ..attributes['type'] = type;
+
+    return element;
+  }
+}
+
+class ProposalGenerator extends SpanNodeGeneratorWithTag {
+  ProposalGenerator({
+    required Color backgroundColor,
+    required Color foregroundColor,
+    required Color borderColor,
+  }) : super(
+         tag: 'proposal',
+         generator: (
+           markdown.Element element,
+           MarkdownConfig config,
+           WidgetVisitor visitor,
+         ) {
+           return ProposalSpanNode(
+             text: element.textContent,
+             type: element.attributes['type'] ?? '',
+             backgroundColor: backgroundColor,
+             foregroundColor: foregroundColor,
+             borderColor: borderColor,
+           );
+         },
+       );
+}
+
+class ProposalSpanNode extends SpanNode {
+  final String text;
+  final String type;
+  final Color backgroundColor;
+  final Color foregroundColor;
+  final Color borderColor;
+
+  ProposalSpanNode({
+    required this.text,
+    required this.type,
+    required this.backgroundColor,
+    required this.foregroundColor,
+    required this.borderColor,
+  });
+
+  @override
+  InlineSpan build() {
+    return WidgetSpan(
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+        decoration: BoxDecoration(
+          color: backgroundColor,
+          border: Border.all(color: borderColor, width: 1),
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          spacing: 6,
+          children: [
+            Row(
+              spacing: 6,
+              children: [
+                Icon(Symbols.lightbulb, size: 16, color: foregroundColor),
+                Text(
+                  'SN-chan suggest you to ${type.split('_').reversed.join(' ')}',
+                ).fontSize(13).opacity(0.8),
+              ],
+            ).padding(top: 3, bottom: 4),
+            Flexible(
+              child: Text(
+                text,
+                style: TextStyle(
+                  color: foregroundColor,
+                  fontSize: 14,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}