// import 'package:fluentui_system_icons/fluentui_system_icons.dart';
// import 'package:flutter/material.dart';
// import 'package:flutter_hooks/flutter_hooks.dart';
// import 'package:fpdart/fpdart.dart';
// import 'package:gap/gap.dart';
// import 'package:kaer_with_panels/core/localization/translations.dart';
// import 'package:kaer_with_panels/core/model/failures.dart';
// import 'package:kaer_with_panels/core/preferences/general_preferences.dart';
// import 'package:kaer_with_panels/core/widget/adaptive_icon.dart';
// import 'package:kaer_with_panels/features/common/nested_app_bar.dart';
// import 'package:kaer_with_panels/features/log/data/log_data_providers.dart';
// import 'package:kaer_with_panels/features/log/model/log_level.dart';
// import 'package:kaer_with_panels/features/log/overview/logs_overview_notifier.dart';
// import 'package:kaer_with_panels/utils/utils.dart';
// import 'package:hooks_riverpod/hooks_riverpod.dart';
// import 'package:sliver_tools/sliver_tools.dart';

// class LogsOverviewPage extends HookConsumerWidget with PresLogger {
//   const LogsOverviewPage({super.key});

//   @override
//   Widget build(BuildContext context, WidgetRef ref) {
//     final t = ref.watch(translationsProvider);
//     final state = ref.watch(logsOverviewNotifierProvider);
//     final notifier = ref.watch(logsOverviewNotifierProvider.notifier);

//     final debug = ref.watch(debugModeNotifierProvider);
//     final pathResolver = ref.watch(logPathResolverProvider);

//     final filterController = useTextEditingController(text: state.filter);

//     final List<PopupMenuEntry> popupButtons = debug || PlatformUtils.isDesktop
//         ? [
//             PopupMenuItem(
//               child: Text(t.logs.shareCoreLogs),
//               onTap: () async {
//                 await UriUtils.tryShareOrLaunchFile(
//                   Uri.parse(pathResolver.coreFile().path),
//                   fileOrDir: pathResolver.directory.uri,
//                 );
//               },
//             ),
//             PopupMenuItem(
//               child: Text(t.logs.shareAppLogs),
//               onTap: () async {
//                 await UriUtils.tryShareOrLaunchFile(
//                   Uri.parse(pathResolver.appFile().path),
//                   fileOrDir: pathResolver.directory.uri,
//                 );
//               },
//             ),
//           ]
//         : [];

//     return Scaffold(
//       body: NestedScrollView(
//         headerSliverBuilder: (context, innerBoxIsScrolled) {
//           return <Widget>[
//             SliverOverlapAbsorber(
//               handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
//               sliver: MultiSliver(
//                 children: [
//                   NestedAppBar(
//                     forceElevated: innerBoxIsScrolled,
//                     title: Text(t.logs.pageTitle),
//                     actions: [
//                       if (state.paused)
//                         IconButton(
//                           onPressed: notifier.resume,
//                           icon: const Icon(FluentIcons.play_20_regular),
//                           tooltip: t.logs.resumeTooltip,
//                           iconSize: 20,
//                         )
//                       else
//                         IconButton(
//                           onPressed: notifier.pause,
//                           icon: const Icon(FluentIcons.pause_20_regular),
//                           tooltip: t.logs.pauseTooltip,
//                           iconSize: 20,
//                         ),
//                       IconButton(
//                         onPressed: notifier.clear,
//                         icon: const Icon(FluentIcons.delete_lines_20_regular),
//                         tooltip: t.logs.clearTooltip,
//                         iconSize: 20,
//                       ),
//                       if (popupButtons.isNotEmpty)
//                         PopupMenuButton(
//                           icon: Icon(AdaptiveIcon(context).more),
//                           itemBuilder: (context) {
//                             return popupButtons;
//                           },
//                         ),
//                     ],
//                   ),
//                   SliverPinnedHeader(
//                     child: DecoratedBox(
//                       decoration: BoxDecoration(
//                         color: Theme.of(context).colorScheme.background,
//                       ),
//                       child: Padding(
//                         padding: const EdgeInsets.symmetric(
//                           horizontal: 16,
//                           vertical: 8,
//                         ),
//                         child: Row(
//                           children: [
//                             Flexible(
//                               child: TextFormField(
//                                 controller: filterController,
//                                 onChanged: notifier.filterMessage,
//                                 decoration: InputDecoration(
//                                   isDense: true,
//                                   hintText: t.logs.filterHint,
//                                 ),
//                               ),
//                             ),
//                             const Gap(16),
//                             DropdownButton<Option<LogLevel>>(
//                               value: optionOf(state.levelFilter),
//                               onChanged: (v) {
//                                 if (v == null) return;
//                                 notifier.filterLevel(v.toNullable());
//                               },
//                               padding:
//                                   const EdgeInsets.symmetric(horizontal: 8),
//                               borderRadius: BorderRadius.circular(4),
//                               items: [
//                                 DropdownMenuItem(
//                                   value: none(),
//                                   child: Text(t.logs.allLevelsFilter),
//                                 ),
//                                 ...LogLevel.choices.map(
//                                   (e) => DropdownMenuItem(
//                                     value: some(e),
//                                     child: Text(e.name),
//                                   ),
//                                 ),
//                               ],
//                             ),
//                           ],
//                         ),
//                       ),
//                     ),
//                   ),
//                 ],
//               ),
//             ),
//           ];
//         },
//         body: Builder(
//           builder: (context) {
//             return CustomScrollView(
//               primary: false,
//               reverse: true,
//               slivers: <Widget>[
//                 switch (state.logs) {
//                   AsyncData(value: final logs) => SliverList.builder(
//                       itemCount: logs.length,
//                       itemBuilder: (context, index) {
//                         final log = logs[index];
//                         return Column(
//                           mainAxisSize: MainAxisSize.min,
//                           crossAxisAlignment: CrossAxisAlignment.start,
//                           children: [
//                             Padding(
//                               padding: const EdgeInsets.symmetric(
//                                 horizontal: 16,
//                                 vertical: 4,
//                               ),
//                               child: Column(
//                                 crossAxisAlignment: CrossAxisAlignment.start,
//                                 children: [
//                                   if (log.level != null)
//                                     Row(
//                                       mainAxisAlignment:
//                                           MainAxisAlignment.spaceBetween,
//                                       children: [
//                                         Text(
//                                           log.level!.name.toUpperCase(),
//                                           style: Theme.of(context)
//                                               .textTheme
//                                               .labelMedium
//                                               ?.copyWith(
//                                                 color: log.level!.color,
//                                               ),
//                                         ),
//                                         if (log.time != null)
//                                           Text(
//                                             log.time!.toString(),
//                                             style: Theme.of(context)
//                                                 .textTheme
//                                                 .labelSmall,
//                                           ),
//                                       ],
//                                     ),
//                                   Text(
//                                     log.message,
//                                     style:
//                                         Theme.of(context).textTheme.bodySmall,
//                                   ),
//                                 ],
//                               ),
//                             ),
//                             if (index != 0)
//                               const Divider(
//                                 indent: 16,
//                                 endIndent: 16,
//                                 height: 4,
//                               ),
//                           ],
//                         );
//                       },
//                     ),
//                   AsyncError(:final error) => SliverErrorBodyPlaceholder(
//                       t.presentShortError(error),
//                     ),
//                   _ => const SliverLoadingBodyPlaceholder(),
//                 },
//                 SliverOverlapInjector(
//                   handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
//                     context,
//                   ),
//                 ),
//               ],
//             );
//           },
//         ),
//       ),
//     );
//   }
// }