Show ontology snowflake in admin reviews

lib/screens/mapflow_shell.dart

@@ -1025,7 +1025,7 @@ class _AdminVoiceExperienceRow extends StatelessWidget {
               ),
             ],
             const SizedBox(height: 10),
-            _AdminOntologyTags(selectedTags: selectedTags),
+            _AdminOntologySnowflake(selectedTags: selectedTags),
           ],
         ),
       ),
@@ -1033,75 +1033,219 @@ class _AdminVoiceExperienceRow extends StatelessWidget {
   }
 }
 
-class _AdminOntologyTags extends StatelessWidget {
+class _AdminOntologySnowflake extends StatelessWidget {
-  const _AdminOntologyTags({required this.selectedTags});
+  const _AdminOntologySnowflake({required this.selectedTags});
 
   final Set<String> selectedTags;
 
-  static const _tags = [
+  static const _axes = [
-    _AdminOntologyTag('energy:calm', 'спокойное'),
+    _AdminOntologyAxis(
-    _AdminOntologyTag('energy:dynamic', 'живое'),
+      id: 'energy',
-    _AdminOntologyTag('privacy:intimate', 'камерное'),
+      label: 'энергия',
-    _AdminOntologyTag('privacy:open', 'открытое'),
+      angle: -math.pi / 2,
-    _AdminOntologyTag('sociality:solo', 'для себя'),
+      leaves: [
-    _AdminOntologyTag('sociality:group', 'для компании'),
+        _AdminOntologyLeaf('calm', 'спокойное', -0.22),
-    _AdminOntologyTag('function:reset', 'выдохнуть'),
+        _AdminOntologyLeaf('dynamic', 'живое', 0.22),
-    _AdminOntologyTag('function:impress', 'впечатлить'),
+      ],
-    _AdminOntologyTag('function:transit', 'транзитное'),
+    ),
-    _AdminOntologyTag('aesthetic:clean', 'чистое'),
+    _AdminOntologyAxis(
-    _AdminOntologyTag('aesthetic:expressive', 'выразительное'),
+      id: 'privacy',
+      label: 'приватность',
+      angle: -math.pi / 2 + math.pi * 2 / 5,
+      leaves: [
+        _AdminOntologyLeaf('intimate', 'камерное', -0.2),
+        _AdminOntologyLeaf('open', 'открытое', 0.2),
+      ],
+    ),
+    _AdminOntologyAxis(
+      id: 'function',
+      label: 'сценарий',
+      angle: -math.pi / 2 + math.pi * 4 / 5,
+      leaves: [
+        _AdminOntologyLeaf('reset', 'выдохнуть', -0.25),
+        _AdminOntologyLeaf('impress', 'впечатлить', 0),
+        _AdminOntologyLeaf('transit', 'транзитное', 0.25),
+      ],
+    ),
+    _AdminOntologyAxis(
+      id: 'aesthetic',
+      label: 'образ',
+      angle: -math.pi / 2 + math.pi * 6 / 5,
+      leaves: [
+        _AdminOntologyLeaf('clean', 'чистое', -0.2),
+        _AdminOntologyLeaf('expressive', 'выразительное', 0.2),
+      ],
+    ),
+    _AdminOntologyAxis(
+      id: 'sociality',
+      label: 'социальность',
+      angle: -math.pi / 2 + math.pi * 8 / 5,
+      leaves: [
+        _AdminOntologyLeaf('solo', 'для себя', -0.2),
+        _AdminOntologyLeaf('group', 'для компании', 0.2),
+      ],
+    ),
   ];
 
   @override
   Widget build(BuildContext context) {
-    return Wrap(
+    return SizedBox(
-      spacing: 6,
+      height: 300,
-      runSpacing: 6,
+      width: double.infinity,
-      children: [
+      child: CustomPaint(
-        for (final tag in _tags)
+        painter: _AdminOntologySnowflakePainter(
-          _AdminOntologyChip(
+          axes: _axes,
-            label: tag.label,
+          selectedTags: selectedTags,
-            selected: selectedTags.contains(tag.id),
+        ),
       ),
-      ],
     );
   }
 }
 
-class _AdminOntologyChip extends StatelessWidget {
+class _AdminOntologySnowflakePainter extends CustomPainter {
-  const _AdminOntologyChip({required this.label, required this.selected});
+  const _AdminOntologySnowflakePainter({
+    required this.axes,
+    required this.selectedTags,
+  });
 
-  final String label;
+  final List<_AdminOntologyAxis> axes;
-  final bool selected;
+  final Set<String> selectedTags;
 
   @override
-  Widget build(BuildContext context) {
+  void paint(Canvas canvas, Size size) {
-    return DecoratedBox(
+    final center = Offset(size.width / 2, size.height / 2);
-      decoration: BoxDecoration(
+    final radius = math.min(size.width, size.height);
-        color: selected ? const Color(0xFFE11D48) : const Color(0xFFF2EEE8),
+    final axisRadius = radius * 0.25;
-        borderRadius: BorderRadius.circular(999),
+    final leafRadius = radius * 0.43;
-      ),
+
-      child: Padding(
+    final baseLine = Paint()
-        padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 5),
+      ..color = const Color(0xFFE6DDD2)
-        child: Text(
+      ..strokeWidth = 1.3
-          label,
+      ..style = PaintingStyle.stroke;
+    final selectedLine = Paint()
+      ..color = const Color(0xFFE11D48)
+      ..strokeWidth = 2.2
+      ..strokeCap = StrokeCap.round
+      ..style = PaintingStyle.stroke;
+    final node = Paint()..color = const Color(0xFFDED3C7);
+    final selectedNode = Paint()..color = const Color(0xFFE11D48);
+    final centerNode = Paint()..color = const Color(0xFF241B18);
+
+    canvas.drawCircle(center, 5, centerNode);
+    _drawLabel(canvas, size, center + const Offset(0, 14), 'место', true);
+
+    for (final axis in axes) {
+      final axisOffset = Offset(math.cos(axis.angle), math.sin(axis.angle));
+      final axisPoint = center + axisOffset * axisRadius;
+      final hasSelectedLeaf = axis.leaves.any(
+        (leaf) => selectedTags.contains('${axis.id}:${leaf.id}'),
+      );
+
+      canvas.drawLine(
+        center,
+        axisPoint,
+        hasSelectedLeaf ? selectedLine : baseLine,
+      );
+      canvas.drawCircle(
+        axisPoint,
+        hasSelectedLeaf ? 5.5 : 4.5,
+        hasSelectedLeaf ? selectedNode : node,
+      );
+      _drawLabel(
+        canvas,
+        size,
+        axisPoint + axisOffset * 18,
+        axis.label,
+        hasSelectedLeaf,
+        fontSize: 11,
+      );
+
+      for (final leaf in axis.leaves) {
+        final leafAngle = axis.angle + leaf.angleOffset;
+        final leafOffset = Offset(math.cos(leafAngle), math.sin(leafAngle));
+        final leafPoint = center + leafOffset * leafRadius;
+        final tag = '${axis.id}:${leaf.id}';
+        final selected = selectedTags.contains(tag);
+
+        canvas.drawLine(
+          axisPoint,
+          leafPoint,
+          selected ? selectedLine : baseLine,
+        );
+        canvas.drawCircle(
+          leafPoint,
+          selected ? 8 : 5.5,
+          selected ? selectedNode : node,
+        );
+        _drawLabel(
+          canvas,
+          size,
+          leafPoint + leafOffset * 20,
+          leaf.label,
+          selected,
+        );
+      }
+    }
+  }
+
+  void _drawLabel(
+    Canvas canvas,
+    Size size,
+    Offset anchor,
+    String label,
+    bool selected, {
+    double fontSize = 12,
+  }) {
+    final painter = TextPainter(
+      text: TextSpan(
+        text: label,
         style: TextStyle(
-            color: selected ? Colors.white : const Color(0xFF746A60),
+          color: selected ? const Color(0xFFE11D48) : const Color(0xFF746A60),
-            fontSize: 12,
+          fontSize: fontSize,
-            fontWeight: FontWeight.w800,
+          fontWeight: selected ? FontWeight.w900 : FontWeight.w700,
           height: 1,
         ),
       ),
-      ),
+      textDirection: TextDirection.ltr,
+      maxLines: 1,
+    )..layout(maxWidth: 86);
+    final dx = (anchor.dx - painter.width / 2).clamp(
+      0.0,
+      size.width - painter.width,
     );
+    final dy = (anchor.dy - painter.height / 2).clamp(
+      0.0,
+      size.height - painter.height,
+    );
+    painter.paint(canvas, Offset(dx, dy));
+  }
+
+  @override
+  bool shouldRepaint(covariant _AdminOntologySnowflakePainter oldDelegate) {
+    return oldDelegate.selectedTags != selectedTags;
   }
 }
 
-class _AdminOntologyTag {
+class _AdminOntologyAxis {
-  const _AdminOntologyTag(this.id, this.label);
+  const _AdminOntologyAxis({
+    required this.id,
+    required this.label,
+    required this.angle,
+    required this.leaves,
+  });
 
   final String id;
   final String label;
+  final double angle;
+  final List<_AdminOntologyLeaf> leaves;
+}
+
+class _AdminOntologyLeaf {
+  const _AdminOntologyLeaf(this.id, this.label, this.angleOffset);
+
+  final String id;
+  final String label;
+  final double angleOffset;
 }
 
 Set<String> _selectedAdminTags(Map<String, dynamic>? analysis) {