// import 'dart:ui' as ui;
// import 'package:flutter/material.dart';
// import 'package:flutterflow_ui/flutterflow_ui.dart';
// import 'package:vbvs_app/common/util/FitTool.dart';
// import 'package:vbvs_app/common/util/MyUtils.dart';
// import 'package:intl/intl.dart';

// class SnoreChartContainer extends StatelessWidget {
//   final List<dynamic> snoreValues;
//   final List<dynamic> barData;
//   final List<dynamic> showLabel;
//   final int startTime;
//   final int endTime;

//   const SnoreChartContainer({
//     required this.snoreValues,
//     required this.barData,
//     required this.showLabel,
//     required this.startTime,
//     required this.endTime,
//     super.key,
//   });

//   @override
//   Widget build(BuildContext context) {
//     return Column(
//       crossAxisAlignment: CrossAxisAlignment.start,
//       children: [
//         SnoreBarOverlay(
//           barData: barData,
//           showLabel: showLabel,
//           startTime: startTime,
//           endTime: endTime,
//         ),
//         Container(height: 32.rpx),
//         Container(
//           height: 23.rpx,
//           child: SnoreWaveform(
//             snoreValues: snoreValues,
//             startTime: startTime,
//             endTime: endTime,
//           ),
//         ),
//       ],
//     );
//   }
// }

// class SnoreBarOverlay extends StatelessWidget {
//   final List<dynamic> barData;
//   final List<dynamic> showLabel;
//   final int startTime;
//   final int endTime;

//   const SnoreBarOverlay({
//     required this.barData,
//     required this.showLabel,
//     required this.startTime,
//     required this.endTime,
//     super.key,
//   });

//   @override
//   Widget build(BuildContext context) {
//     const double barHeight = 50;
//     return SizedBox(
//       height: barHeight,
//       child: CustomPaint(
//         size: Size(double.infinity, barHeight),
//         painter: SnoreBarPainter(
//           barData: barData,
//           showLabel: showLabel,
//           startTime: startTime,
//           endTime: endTime,
//         ),
//       ),
//     );
//   }
// }

// class SnoreBarPainter extends CustomPainter {
//   final List<dynamic> barData;
//   final List<dynamic> showLabel;
//   final int startTime;
//   final int endTime;

//   SnoreBarPainter({
//     required this.barData,
//     required this.showLabel,
//     required this.startTime,
//     required this.endTime,
//   });

//   @override
//   void paint(Canvas canvas, Size size) {
//     final double width = size.width;
//     final double height = size.height;
//     final double pixelPerMs = width / (endTime - startTime);

//     for (var item in barData) {
//       final int st = item['st'];
//       final int et = item['et'];
//       final int type = item['type'];
//       int heightInit = 1;

//       final match = showLabel.firstWhere(
//         (e) => e['type'] == type,
//         orElse: () => null,
//       );

//       Color barColor = Colors.transparent;
//       if (match != null) {
//         final dynamic colorStr = match['color'];
//         if (colorStr != null && colorStr.toString().isNotEmpty) {
//           barColor = stringToColor(colorStr);
//         }
//       }

//       final Paint barPaint = Paint()
//         ..color = barColor
//         ..style = PaintingStyle.fill;

//       final double leftX = (st - startTime) * pixelPerMs;
//       final double rightX = (et - startTime) * pixelPerMs;
//       final double barWidth = rightX - leftX;

//       //rem 深睡 中
//       //浅睡 低
//       //其他 高
//       if (type == 1) {
//         heightInit = 1;
//       } else if (type == 2 || type == 6) {
//         heightInit = 2;
//       } else {
//         heightInit = 3;
//       }
//       final double barHeight = (heightInit + 5).toDouble() * 8;
//       final double top = height - barHeight;

//       final rect = Rect.fromLTWH(leftX, top, barWidth, barHeight);
//       canvas.drawRect(rect, barPaint);
//     }
//   }

//   @override
//   bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
// }

// class SnoreWaveform extends StatelessWidget {
//   final List<dynamic> snoreValues;
//   final int startTime;
//   final int endTime;

//   const SnoreWaveform({
//     required this.snoreValues,
//     required this.startTime,
//     required this.endTime,
//     super.key,
//   });

//   @override
//   Widget build(BuildContext context) {
//     return SizedBox(
//       height: 150,
//       child: LayoutBuilder(
//         builder: (context, constraints) {
//           return CustomPaint(
//             size: Size(constraints.maxWidth, constraints.maxHeight),
//             painter: SnoreWaveformPainter(
//               snoreValues: snoreValues,
//               startTime: startTime,
//               endTime: endTime,
//             ),
//           );
//         },
//       ),
//     );
//   }
// }

// class SnoreWaveformPainter extends CustomPainter {
//   final List<dynamic> snoreValues;
//   final int startTime;
//   final int endTime;

//   SnoreWaveformPainter({
//     required this.snoreValues,
//     required this.startTime,
//     required this.endTime,
//   });

//   @override
//   void paint(Canvas canvas, Size size) {
//     final double width = size.width;
//     final double height = size.height;

//     if (width <= 0 || height <= 0) return;

//     final double totalDuration = (endTime - startTime).toDouble();
//     if (totalDuration <= 0) return;

//     final double pixelPerMs = width / totalDuration;

//     // 过滤在时间范围内的有效事件
//     final validEvents = snoreValues.where((e) {
//       final int st = e['st'];
//       final int et = e['et'];
//       // 事件与时间范围有重叠
//       return !(et <= startTime || st >= endTime);
//     }).toList();

//     // 计算中心线位置
//     final double centerY = height / 2;

//     // 统一使用一个颜色（打鼾颜色）
//     final Color snoreColor = stringToColor("#8E7DEF").withOpacity(0.8);
//     final Paint barPaint = Paint()
//       ..color = snoreColor
//       ..style = PaintingStyle.fill;

//     final Paint borderPaint = Paint()
//       ..color = snoreColor.withOpacity(0.9)
//       ..style = PaintingStyle.stroke
//       ..strokeWidth = 0.5;

//     // 固定高度（上下对称）
//     final double fixedBarHeight = height * 0.3; // 固定为画布高度的30%

//     // 绘制每个打鼾事件（上下对称的柱状图）
//     for (final event in validEvents) {
//       final int st = event['st'];
//       final int et = event['et'];

//       // 计算绘制位置（裁剪到可视范围内）
//       final double startX = (st - startTime) * pixelPerMs;
//       final double endX = (et - startTime) * pixelPerMs;

//       // 确保在画布范围内
//       if (endX < 0 || startX > width) continue;

//       final double drawStartX = startX.clamp(0, width);
//       final double drawEndX = endX.clamp(0, width);
//       final double drawWidth = drawEndX - drawStartX;

//       if (drawWidth <= 0) continue;

//       // 绘制上方的柱状图
//       final double topBarTop = centerY - fixedBarHeight;
//       final Rect topRect =
//           Rect.fromLTWH(drawStartX, topBarTop, drawWidth, fixedBarHeight);
//       canvas.drawRect(topRect, barPaint);
//       canvas.drawRect(topRect, borderPaint);

//       // 绘制下方的柱状图（对称）
//       final double bottomBarTop = centerY;
//       final Rect bottomRect =
//           Rect.fromLTWH(drawStartX, bottomBarTop, drawWidth, fixedBarHeight);
//       canvas.drawRect(bottomRect, barPaint);
//       canvas.drawRect(bottomRect, borderPaint);
//     }

//     // 绘制中心线
//     final Paint axisPaint = Paint()
//       ..color = Colors.grey.withOpacity(0.3)
//       ..strokeWidth = 0.5;
//     canvas.drawLine(Offset(0, centerY), Offset(width, centerY), axisPaint);

//     // 绘制时间轴标签
//     final textPainter = TextPainter(
//       textAlign: TextAlign.center,
//       textDirection: ui.TextDirection.ltr,
//     );

//     final int hourMs = 60 * 60 * 1000;
//     final int totalHours = (endTime - startTime) ~/ hourMs;

//     // 创建开始和结束时间的DateTime对象
//     final DateTime startDt = DateTime.fromMillisecondsSinceEpoch(startTime);
//     final DateTime endDt = DateTime.fromMillisecondsSinceEpoch(endTime);

//     // 1. 始终显示开始时间
//     String label = DateFormat('HH:mm').format(startDt);
//     textPainter.text = TextSpan(
//       text: label,
//       style: TextStyle(fontSize: 10, color: Colors.grey),
//     );
//     textPainter.layout();
//     textPainter.paint(
//       canvas,
//       Offset(0 - textPainter.width / 2, height + 2),
//     );

//     // 2. 决定显示策略
//     if (totalHours <= 8) {
//       // 小时间段：显示所有整点小时（基于实际时间）
//       DateTime currentHour = DateTime(
//           startDt.year,
//           startDt.month,
//           startDt.day,
//           startDt.hour + 1, // 从下一个整点开始
//           0,
//           0,
//           0,
//           0);

//       // 如果开始时间本身就是整点，需要调整
//       if (startDt.minute == 0 &&
//           startDt.second == 0 &&
//           startDt.millisecond == 0) {
//         currentHour = startDt;
//       }

//       while (currentHour.millisecondsSinceEpoch < endTime) {
//         int timeMs = currentHour.millisecondsSinceEpoch;

//         // 确保时间在范围内
//         if (timeMs > startTime && timeMs < endTime) {
//           double x = (timeMs - startTime) * pixelPerMs;

//           // 跳过太接近边界的时间点（30分钟内不显示）
//           if (timeMs - startTime < 10 * 60 * 1000 ||
//               endTime - timeMs < 10 * 60 * 1000) {
//             currentHour = currentHour.add(Duration(hours: 1));
//             continue;
//           }

//           label = "${currentHour.hour}";

//           textPainter.text = TextSpan(
//             text: label,
//             style: TextStyle(fontSize: 10, color: Colors.grey),
//           );
//           textPainter.layout();
//           textPainter.paint(
//             canvas,
//             Offset(x - textPainter.width / 2, height + 2),
//           );
//         }

//         currentHour = currentHour.add(Duration(hours: 1));
//       }
//     } else {
//       // 长时间段：使用自适应间隔
//       int labelInterval = (totalHours / 6).ceil();

//       // 计算第一个整点标签（对齐整点小时）
//       DateTime firstLabelHour = DateTime(
//           startDt.year,
//           startDt.month,
//           startDt.day,
//           startDt.hour + (labelInterval - (startDt.hour % labelInterval)),
//           0,
//           0,
//           0,
//           0);

//       // 如果第一个标签在开始时间之前，调整到下一个间隔
//       if (firstLabelHour.millisecondsSinceEpoch <= startTime) {
//         firstLabelHour = firstLabelHour.add(Duration(hours: labelInterval));
//       }

//       // 绘制中间标签
//       DateTime currentHour = firstLabelHour;
//       while (currentHour.millisecondsSinceEpoch < endTime) {
//         int timeMs = currentHour.millisecondsSinceEpoch;

//         // 跳过太接近边界的时间点（1小时内不显示）
//         if (timeMs - startTime >= hourMs && endTime - timeMs >= hourMs) {
//           double x = (timeMs - startTime) * pixelPerMs;
//           label = "${currentHour.hour}";

//           textPainter.text = TextSpan(
//             text: label,
//             style: TextStyle(fontSize: 10, color: Colors.grey),
//           );
//           textPainter.layout();
//           textPainter.paint(
//             canvas,
//             Offset(x - textPainter.width / 2, height + 2),
//           );
//         }

//         currentHour = currentHour.add(Duration(hours: labelInterval));
//       }
//     }

//     // 3. 始终显示结束时间
//     label = DateFormat('HH:mm').format(endDt);
//     textPainter.text = TextSpan(
//       text: label,
//       style: TextStyle(fontSize: 10, color: Colors.grey),
//     );
//     textPainter.layout();
//     textPainter.paint(
//       canvas,
//       Offset(width - textPainter.width / 2, height + 2),
//     );
//   }

//   @override
//   bool shouldRepaint(covariant SnoreWaveformPainter oldDelegate) {
//     return oldDelegate.snoreValues != snoreValues ||
//         oldDelegate.startTime != startTime ||
//         oldDelegate.endTime != endTime;
//   }
// }

import 'dart:math' as math;
import 'dart:ui' as ui;
import 'package:ef/ef.dart';
import 'package:flutter/material.dart';
import 'package:flutterflow_ui/flutterflow_ui.dart';
import 'package:vbvs_app/common/util/FitTool.dart';
import 'package:vbvs_app/common/util/MyUtils.dart';
import 'package:intl/intl.dart';

class SnoreChartContainer extends StatefulWidget {
  final List<dynamic> snoreValues;
  final List<dynamic> barData;
  final List<dynamic> showLabel;
  final int startTime;
  final int endTime;

  const SnoreChartContainer({
    required this.snoreValues,
    required this.barData,
    required this.showLabel,
    required this.startTime,
    required this.endTime,
    super.key,
  });

  @override
  _SnoreChartContainerState createState() => _SnoreChartContainerState();
}

class _SnoreChartContainerState extends State<SnoreChartContainer> {
  Offset? _hoverPosition;
  dynamic _selectedData;
  bool _isSelected = false;
  int? _selectedStartTime;
  Rect? _selectedRect;

  void _clearSelection() {
    setState(() {
      _hoverPosition = null;
      _selectedData = null;
      _isSelected = false;
      _selectedStartTime = null;
      _selectedRect = null;
    });
  }

  void _handleClick(Offset localPosition, Size size) {
    final double pixelPerMs = size.width / (widget.endTime - widget.startTime);
    final int clickTime =
        widget.startTime + (localPosition.dx / pixelPerMs).round();

    // 如果点击的是已经选中的区域，则取消选择
    if (_isSelected && _selectedStartTime == clickTime) {
      _clearSelection();
      return;
    }

    // 查找匹配的数据
    dynamic foundData;
    Rect? foundRect;

    // 首先在barData中查找（睡眠阶段）
    for (var item in widget.barData) {
      final int st = item['st'];
      final int et = item['et'];
      if (clickTime >= st && clickTime <= et) {
        foundData = {
          'type': 'sleep_stage',
          'data': item,
          'label': _getSleepStageLabel(item['type']),
          'color': _getSleepStageColor(item['type']),
        };

        // 计算选中区域的位置
        final double leftX = (st - widget.startTime) * pixelPerMs;
        final double rightX = (et - widget.startTime) * pixelPerMs;
        foundRect = Rect.fromLTWH(
          leftX,
          0,
          rightX - leftX,
          size.height,
        );
        break;
      }
    }

    // 如果在barData中没找到，再在snoreValues中查找
    if (foundData == null) {
      for (var item in widget.snoreValues) {
        final int st = item['st'];
        final int et = item['et'];
        if (clickTime >= st && clickTime <= et) {
          foundData = {
            'type': 'snore_event',
            'data': item,
            'label': '打鼾事件',
            'color': stringToColor("#8E7DEF"),
          };

          // 计算选中区域的位置
          final double leftX = (st - widget.startTime) * pixelPerMs;
          final double rightX = (et - widget.startTime) * pixelPerMs;
          foundRect = Rect.fromLTWH(
            leftX,
            0,
            rightX - leftX,
            size.height,
          );
          break;
        }
      }
    }

    if (foundData != null) {
      setState(() {
        _hoverPosition = localPosition;
        _selectedData = foundData;
        _isSelected = true;
        _selectedStartTime = clickTime;
        _selectedRect = foundRect;
      });
    } else {
      // 点击空白区域，清除选择
      _clearSelection();
    }
  }

  void _handleHover(Offset localPosition, Size size) {
    if (_isSelected) return; // 如果已经有选中项，不处理悬停

    final double pixelPerMs = size.width / (widget.endTime - widget.startTime);
    final int hoverTime =
        widget.startTime + (localPosition.dx / pixelPerMs).round();

    // 查找匹配的数据
    dynamic foundData;

    // 首先在barData中查找（睡眠阶段）
    for (var item in widget.barData) {
      final int st = item['st'];
      final int et = item['et'];
      if (hoverTime >= st && hoverTime <= et) {
        foundData = {
          'type': 'sleep_stage',
          'data': item,
          'label': _getSleepStageLabel(item['type']),
          'color': _getSleepStageColor(item['type']),
        };
        break;
      }
    }

    // 如果在barData中没找到，再在snoreValues中查找
    if (foundData == null) {
      for (var item in widget.snoreValues) {
        final int st = item['st'];
        final int et = item['et'];
        if (hoverTime >= st && hoverTime <= et) {
          foundData = {
            'type': 'snore_event',
            'data': item,
            'label': '打鼾事件',
            'color': stringToColor("#8E7DEF"),
          };
          break;
        }
      }
    }

    if (foundData != null) {
      setState(() {
        _hoverPosition = localPosition;
        _selectedData = foundData;
      });
    } else {
      setState(() {
        _hoverPosition = null;
        _selectedData = null;
      });
    }
  }

  void _handleHoverExit() {
    if (!_isSelected) {
      setState(() {
        _hoverPosition = null;
        _selectedData = null;
      });
    }
  }

  String _getSleepStageLabel(int type) {
    for (var label in widget.showLabel) {
      if (label['type'] == type) {
        return label['name']?.toString() ?? '未知';
      }
    }
    return '未知';
  }

  Color _getSleepStageColor(int type) {
    for (var label in widget.showLabel) {
      if (label['type'] == type) {
        final dynamic colorStr = label['color'];
        if (colorStr != null && colorStr.toString().isNotEmpty) {
          return stringToColor(colorStr.toString());
        }
      }
    }
    return Colors.grey;
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: GestureDetector(
        behavior: HitTestBehavior.opaque,
        onTapDown: (details) {
          final size = context.size ?? Size.zero;
          if (size.width > 0 && size.height > 0) {
            final localPosition = details.localPosition;
            _handleClick(localPosition, size);
          }
        },
        child: MouseRegion(
          onHover: (details) {
            if (!_isSelected) {
              final size = context.size ?? Size.zero;
              if (size.width > 0 && size.height > 0) {
                final localPosition = details.localPosition;
                _handleHover(localPosition, size);
              }
            }
          },
          onExit: (_) {
            _handleHoverExit();
          },
          child: Stack(
            clipBehavior: Clip.none,
            children: [
              // 主要图表内容
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  SnoreBarOverlay(
                    barData: widget.barData,
                    showLabel: widget.showLabel,
                    startTime: widget.startTime,
                    endTime: widget.endTime,
                    selectedStartTime: _isSelected ? _selectedStartTime : null,
                  ),
                  Container(height: 32.rpx),
                  Container(
                    height: 23.rpx,
                    child: SnoreWaveform(
                      snoreValues: widget.snoreValues,
                      startTime: widget.startTime,
                      endTime: widget.endTime,
                      selectedStartTime:
                          _isSelected ? _selectedStartTime : null,
                    ),
                  ),
                ],
              ),

              // 高亮层
              if (_selectedData != null && _selectedRect != null)
                Positioned.fill(
                  child: CustomPaint(
                    painter: HoverHighlightPainter(
                      selectedRect: _selectedRect!,
                      isSelected: _isSelected,
                    ),
                  ),
                ),

              // 提示框
              if (_selectedData != null && _hoverPosition != null)
                _buildTooltipWidget(_selectedData!, _hoverPosition!),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildTooltipWidget(dynamic data, Offset hoverPosition) {
    return Positioned(
      left: hoverPosition.dx < 50 ? hoverPosition.dx : hoverPosition.dx - 100,
      top: hoverPosition.dy - 100,
      child: IgnorePointer(
        child: _buildTooltipContent(data),
      ),
    );
  }

  Widget _buildTooltipContent(dynamic data) {
    final int st = data['data']['st'];
    final int et = data['data']['et'];
    final DateTime startTime = DateTime.fromMillisecondsSinceEpoch(st);
    final DateTime endTime = DateTime.fromMillisecondsSinceEpoch(et);
    final String duration = _formatDuration(et - st);

    return Container(
      // width: 200.rpx,
      padding: EdgeInsets.all(16.rpx), // ✅ 容器内部边距，给文字留空间
      decoration: BoxDecoration(
        color: Colors.black.withOpacity(0.6),
        borderRadius: BorderRadius.circular(20.rpx),
        boxShadow: [
          BoxShadow(
            color: Colors.black12,
            blurRadius: 8,
            offset: Offset(0, 4),
          ),
        ],
        // border: Border.all(color: Colors.grey.shade200),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisSize: MainAxisSize.min,
        children: [
          Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                width: 12,
                height: 12,
                decoration: BoxDecoration(
                  color: data['color'],
                  shape: BoxShape.circle,
                ),
              ),
              SizedBox(width: 8),
              Text(
                data['label'],
                style: TextStyle(
                  color: data['color'],
                  fontSize: 20.rpx,
                ),
              ),
            ],
          ),
          SizedBox(height: 8),
          Text(
            "开始".tr + '：${DateFormat('HH:mm:ss').format(startTime)}',
            style: TextStyle(
              color: Color(0XFFFFFFFF), // 多了一个 F，建议改成正确格式
              fontSize: 20.rpx,
            ),
          ),
          Text(
            "结束".tr + '：${DateFormat('HH:mm:ss').format(endTime)}',
            style: TextStyle(
              color: Color(0XFFFFFFFF), // 多了一个 F，建议改成正确格式
              fontSize: 20.rpx,
            ),
          ),
          Text(
            "时长".tr + '$duration',
            style: TextStyle(
              color: Color(0XFFFFFFFF), // 多了一个 F，建议改成正确格式
              fontSize: 20.rpx,
            ),
          ),
          if (data['type'] == 'snore_event')
            Text(
              '打鼾强度: ${data['data']['value']?.toString() ?? '--'}',
              style: TextStyle(
                color: Color(0XFFFFFFFF), // 多了一个 F，建议改成正确格式
                fontSize: 20.rpx,
              ),
            ),
        ],
      ),
    );
  }

  String _formatDuration(int milliseconds) {
    final seconds = milliseconds ~/ 1000;
    final minutes = seconds ~/ 60;
    final remainingSeconds = seconds % 60;
    return '${minutes}分${remainingSeconds}秒';
  }
}

class SnoreBarOverlay extends StatelessWidget {
  final List<dynamic> barData;
  final List<dynamic> showLabel;
  final int startTime;
  final int endTime;
  final int? selectedStartTime;

  const SnoreBarOverlay({
    required this.barData,
    required this.showLabel,
    required this.startTime,
    required this.endTime,
    this.selectedStartTime,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    const double barHeight = 50;
    return SizedBox(
      height: barHeight,
      child: CustomPaint(
        size: Size(double.infinity, barHeight),
        painter: SnoreBarPainter(
          barData: barData,
          showLabel: showLabel,
          startTime: startTime,
          endTime: endTime,
          selectedStartTime: selectedStartTime,
        ),
      ),
    );
  }
}

class SnoreBarPainter extends CustomPainter {
  final List<dynamic> barData;
  final List<dynamic> showLabel;
  final int startTime;
  final int endTime;
  final int? selectedStartTime;

  SnoreBarPainter({
    required this.barData,
    required this.showLabel,
    required this.startTime,
    required this.endTime,
    this.selectedStartTime,
  });

  Color _getSleepStageColor(int type) {
    for (var label in showLabel) {
      if (label['type'] == type) {
        final dynamic colorStr = label['color'];
        if (colorStr != null && colorStr.toString().isNotEmpty) {
          return stringToColor(colorStr.toString());
        }
      }
    }
    return Colors.transparent;
  }

  @override
  void paint(Canvas canvas, Size size) {
    final double width = size.width;
    final double height = size.height;
    final double pixelPerMs = width / (endTime - startTime);

    for (var item in barData) {
      final int st = item['st'];
      final int et = item['et'];
      final int type = item['type'];
      int heightInit = 1;

      Color barColor = _getSleepStageColor(type);

      bool isSelected = selectedStartTime != null &&
          selectedStartTime! >= st &&
          selectedStartTime! <= et;
      if (isSelected) {
        barColor = barColor.withOpacity(0.9);
      }

      final Paint barPaint = Paint()
        ..color = barColor
        ..style = PaintingStyle.fill;

      final double leftX = (st - startTime) * pixelPerMs;
      final double rightX = (et - startTime) * pixelPerMs;
      final double barWidth = math.max(rightX - leftX, 1.0);

      if (type == 1) {
        heightInit = 1;
      } else if (type == 2 || type == 6) {
        heightInit = 2;
      } else {
        heightInit = 3;
      }
      final double barHeight = (heightInit + 5).toDouble() * 8;
      final double top = height - barHeight;

      final rect = Rect.fromLTWH(leftX, top, barWidth, barHeight);
      canvas.drawRect(rect, barPaint);

      if (isSelected) {
        final Paint borderPaint = Paint()
          ..color = Colors.white
          ..style = PaintingStyle.stroke
          ..strokeWidth = 2.0
          ..strokeJoin = StrokeJoin.round;
        canvas.drawRect(rect, borderPaint);

        final Paint innerGlowPaint = Paint()
          ..color = Colors.white.withOpacity(0.3)
          ..style = PaintingStyle.stroke
          ..strokeWidth = 1.0
          ..maskFilter = MaskFilter.blur(BlurStyle.normal, 3.0);
        canvas.drawRect(rect, innerGlowPaint);
      }
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return oldDelegate is! SnoreBarPainter ||
        oldDelegate.barData != barData ||
        oldDelegate.selectedStartTime != selectedStartTime;
  }
}

class SnoreWaveform extends StatelessWidget {
  final List<dynamic> snoreValues;
  final int startTime;
  final int endTime;
  final int? selectedStartTime;

  const SnoreWaveform({
    required this.snoreValues,
    required this.startTime,
    required this.endTime,
    this.selectedStartTime,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 150,
      child: LayoutBuilder(
        builder: (context, constraints) {
          return CustomPaint(
            size: Size(constraints.maxWidth, constraints.maxHeight),
            painter: SnoreWaveformPainter(
              snoreValues: snoreValues,
              startTime: startTime,
              endTime: endTime,
              selectedStartTime: selectedStartTime,
            ),
          );
        },
      ),
    );
  }
}

class SnoreWaveformPainter extends CustomPainter {
  final List<dynamic> snoreValues;
  final int startTime;
  final int endTime;
  final int? selectedStartTime;

  SnoreWaveformPainter({
    required this.snoreValues,
    required this.startTime,
    required this.endTime,
    this.selectedStartTime,
  });

  @override
  void paint(Canvas canvas, Size size) {
    final double width = size.width;
    final double height = size.height;

    if (width <= 0 || height <= 0) return;

    final double totalDuration = (endTime - startTime).toDouble();
    if (totalDuration <= 0) return;

    final double pixelPerMs = width / totalDuration;

    final validEvents = snoreValues.where((e) {
      final int st = e['st'];
      final int et = e['et'];
      return !(et <= startTime || st >= endTime);
    }).toList();

    final double centerY = height / 2;

    for (final event in validEvents) {
      final int st = event['st'];
      final int et = event['et'];

      bool isSelected = selectedStartTime != null &&
          selectedStartTime! >= st &&
          selectedStartTime! <= et;

      Color snoreColor = stringToColor("#8E7DEF").withOpacity(0.8);
      if (isSelected) {
        snoreColor = stringToColor("#8E7DEF").withOpacity(0.95);
      }

      final Paint barPaint = Paint()
        ..color = snoreColor
        ..style = PaintingStyle.fill;

      final Paint borderPaint = Paint()
        ..color = snoreColor.withOpacity(0.9)
        ..style = PaintingStyle.stroke
        ..strokeWidth = isSelected ? 2.0 : 0.5;

      final double fixedBarHeight = height * 0.3;

      final double startX = (st - startTime) * pixelPerMs;
      final double endX = (et - startTime) * pixelPerMs;

      if (endX < 0 || startX > width) continue;

      final double drawStartX = math.max(startX, 0);
      final double drawEndX = math.min(endX, width);
      final double drawWidth = math.max(drawEndX - drawStartX, 1.0);

      if (drawWidth <= 0) continue;

      final double topBarTop = centerY - fixedBarHeight;
      final Rect topRect =
          Rect.fromLTWH(drawStartX, topBarTop, drawWidth, fixedBarHeight);
      canvas.drawRect(topRect, barPaint);
      canvas.drawRect(topRect, borderPaint);

      final double bottomBarTop = centerY;
      final Rect bottomRect =
          Rect.fromLTWH(drawStartX, bottomBarTop, drawWidth, fixedBarHeight);
      canvas.drawRect(bottomRect, barPaint);
      canvas.drawRect(bottomRect, borderPaint);

      if (isSelected) {
        final Paint highlightPaint = Paint()
          ..color = Colors.white.withOpacity(0.3)
          ..style = PaintingStyle.fill;

        final Rect highlightRect = Rect.fromLTWH(
            drawStartX - 2,
            centerY - fixedBarHeight - 2,
            drawWidth + 4,
            fixedBarHeight * 2 + 4);
        canvas.drawRect(highlightRect, highlightPaint);

        final Paint glowPaint = Paint()
          ..color = stringToColor("#8E7DEF").withOpacity(0.2)
          ..style = PaintingStyle.stroke
          ..strokeWidth = 3.0
          ..maskFilter = MaskFilter.blur(BlurStyle.normal, 5.0);

        final Rect glowRect = Rect.fromLTWH(
            drawStartX - 3,
            centerY - fixedBarHeight - 3,
            drawWidth + 6,
            fixedBarHeight * 2 + 6);
        canvas.drawRect(glowRect, glowPaint);
      }
    }

    final Paint axisPaint = Paint()
      ..color = Colors.grey.withOpacity(0.3)
      ..strokeWidth = 0.5;
    canvas.drawLine(Offset(0, centerY), Offset(width, centerY), axisPaint);

    final textPainter = TextPainter(
      textAlign: TextAlign.center,
      textDirection: ui.TextDirection.ltr,
    );

    final int hourMs = 60 * 60 * 1000;
    final int totalHours = (endTime - startTime) ~/ hourMs;

    final DateTime startDt = DateTime.fromMillisecondsSinceEpoch(startTime);
    final DateTime endDt = DateTime.fromMillisecondsSinceEpoch(endTime);

    String label = DateFormat('HH:mm').format(startDt);
    textPainter.text = TextSpan(
      text: label,
      style: TextStyle(fontSize: 10, color: Colors.grey),
    );
    textPainter.layout();
    textPainter.paint(
      canvas,
      Offset(0 - textPainter.width / 2, height + 2),
    );

    if (totalHours <= 8) {
      DateTime currentHour = DateTime(startDt.year, startDt.month, startDt.day,
          startDt.hour + 1, 0, 0, 0, 0);

      if (startDt.minute == 0 &&
          startDt.second == 0 &&
          startDt.millisecond == 0) {
        currentHour = startDt;
      }

      while (currentHour.millisecondsSinceEpoch < endTime) {
        int timeMs = currentHour.millisecondsSinceEpoch;

        if (timeMs > startTime && timeMs < endTime) {
          double x = (timeMs - startTime) * pixelPerMs;

          if (timeMs - startTime < 10 * 60 * 1000 ||
              endTime - timeMs < 10 * 60 * 1000) {
            currentHour = currentHour.add(Duration(hours: 1));
            continue;
          }

          label = "${currentHour.hour}";

          textPainter.text = TextSpan(
            text: label,
            style: TextStyle(fontSize: 10, color: Colors.grey),
          );
          textPainter.layout();
          textPainter.paint(
            canvas,
            Offset(x - textPainter.width / 2, height + 2),
          );
        }

        currentHour = currentHour.add(Duration(hours: 1));
      }
    } else {
      int labelInterval = (totalHours / 6).ceil();

      DateTime firstLabelHour = DateTime(
          startDt.year,
          startDt.month,
          startDt.day,
          startDt.hour + (labelInterval - (startDt.hour % labelInterval)),
          0,
          0,
          0,
          0);

      if (firstLabelHour.millisecondsSinceEpoch <= startTime) {
        firstLabelHour = firstLabelHour.add(Duration(hours: labelInterval));
      }

      DateTime currentHour = firstLabelHour;
      while (currentHour.millisecondsSinceEpoch < endTime) {
        int timeMs = currentHour.millisecondsSinceEpoch;

        if (timeMs - startTime >= hourMs && endTime - timeMs >= hourMs) {
          double x = (timeMs - startTime) * pixelPerMs;
          label = "${currentHour.hour}";

          textPainter.text = TextSpan(
            text: label,
            style: TextStyle(fontSize: 10, color: Colors.grey),
          );
          textPainter.layout();
          textPainter.paint(
            canvas,
            Offset(x - textPainter.width / 2, height + 2),
          );
        }

        currentHour = currentHour.add(Duration(hours: labelInterval));
      }
    }

    label = DateFormat('HH:mm').format(endDt);
    textPainter.text = TextSpan(
      text: label,
      style: TextStyle(fontSize: 10, color: Colors.grey),
    );
    textPainter.layout();
    textPainter.paint(
      canvas,
      Offset(width - textPainter.width / 2, height + 2),
    );
  }

  @override
  bool shouldRepaint(covariant SnoreWaveformPainter oldDelegate) {
    return oldDelegate.snoreValues != snoreValues ||
        oldDelegate.startTime != startTime ||
        oldDelegate.endTime != endTime ||
        oldDelegate.selectedStartTime != selectedStartTime;
  }
}

class HoverHighlightPainter extends CustomPainter {
  final Rect selectedRect;
  final bool isSelected;

  HoverHighlightPainter({
    required this.selectedRect,
    required this.isSelected,
  });

  @override
  void paint(Canvas canvas, Size size) {
    if (!isSelected) return;

    final Paint highlightPaint = Paint()
      ..color = Colors.black.withOpacity(0.1)
      ..style = PaintingStyle.fill;

    final Rect highlightRect = Rect.fromLTWH(
      selectedRect.left.clamp(0, size.width),
      0,
      selectedRect.width.clamp(0, size.width - selectedRect.left),
      size.height,
    );

    canvas.drawRect(highlightRect, highlightPaint);

    final Paint borderPaint = Paint()
      ..color = Colors.blue.withOpacity(0.3)
      ..style = PaintingStyle.stroke
      ..strokeWidth = 1.0;

    canvas.drawRect(highlightRect, borderPaint);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
}