feat: import Chinese-localized Buzz source snapshot

Signed-off-by: cls_宁波本机 <908705107@qq.com>

mobile/lib/features/channels/channels_page/sections.dart

@@ -0,0 +1,722 @@
+part of '../channels_page.dart';
+
+const _sectionMenuItemPadding = EdgeInsets.fromLTRB(Grid.xs, 0, Grid.twelve, 0);
+
+class _CustomChannelSection extends StatelessWidget {
+  final ChannelSection section;
+  final List<Channel> channels;
+  final Set<String> unreadChannelIds;
+  final Set<String> mutedChannelIds;
+  final String? currentPubkey;
+  final bool expanded;
+  final bool isFirst;
+  final bool isLast;
+  final bool showTopDivider;
+  final VoidCallback onToggle;
+  final VoidCallback onRename;
+  final VoidCallback onDelete;
+  final VoidCallback onMoveUp;
+  final VoidCallback onMoveDown;
+  final ChannelSortMode sortMode;
+  final ValueChanged<ChannelSortMode> onSortModeChange;
+  final Future<void> Function(Channel channel) onSelectChannel;
+  final void Function(Channel channel) onMarkChannelRead;
+
+  const _CustomChannelSection({
+    required this.section,
+    required this.channels,
+    required this.unreadChannelIds,
+    required this.mutedChannelIds,
+    required this.currentPubkey,
+    required this.expanded,
+    required this.isFirst,
+    required this.isLast,
+    required this.showTopDivider,
+    required this.onToggle,
+    required this.onRename,
+    required this.onDelete,
+    required this.onMoveUp,
+    required this.onMoveDown,
+    required this.sortMode,
+    required this.onSortModeChange,
+    required this.onSelectChannel,
+    required this.onMarkChannelRead,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (showTopDivider) const _SectionDivider(),
+        _CustomSectionHeader(
+          section: section,
+          expanded: expanded,
+          isFirst: isFirst,
+          isLast: isLast,
+          onToggle: onToggle,
+          onRename: onRename,
+          onDelete: onDelete,
+          onMoveUp: onMoveUp,
+          onMoveDown: onMoveDown,
+          sortMode: sortMode,
+          onSortModeChange: onSortModeChange,
+        ),
+        _AnimatedSectionBody(
+          expanded: expanded,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              for (final channel in channels)
+                _ChannelTile(
+                  channel: channel,
+                  isUnread: unreadChannelIds.contains(channel.id),
+                  isMuted: mutedChannelIds.contains(channel.id),
+                  currentPubkey: currentPubkey,
+                  onTap: () => onSelectChannel(channel),
+                  onMarkRead: () => onMarkChannelRead(channel),
+                  sectionId: section.id,
+                ),
+              const SizedBox(height: _kExpandedSectionTrailingPadding),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _CustomSectionHeader extends ConsumerWidget {
+  final ChannelSection section;
+  final bool expanded;
+  final bool isFirst;
+  final bool isLast;
+  final VoidCallback onToggle;
+  final VoidCallback onRename;
+  final VoidCallback onDelete;
+  final VoidCallback onMoveUp;
+  final VoidCallback onMoveDown;
+  final ChannelSortMode sortMode;
+  final ValueChanged<ChannelSortMode> onSortModeChange;
+
+  const _CustomSectionHeader({
+    required this.section,
+    required this.expanded,
+    required this.isFirst,
+    required this.isLast,
+    required this.onToggle,
+    required this.onRename,
+    required this.onDelete,
+    required this.onMoveUp,
+    required this.onMoveDown,
+    required this.sortMode,
+    required this.onSortModeChange,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final sectionColor = navigationSectionForeground(context);
+    final icon = section.icon;
+    final customEmoji = icon == null
+        ? null
+        : _resolveCustomEmoji(icon, ref.watch(customEmojiListProvider));
+
+    return GestureDetector(
+      onTap: onToggle,
+      behavior: HitTestBehavior.opaque,
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(
+          Grid.gutter,
+          _kSectionHeaderVerticalPadding,
+          Grid.gutter,
+          _kSectionHeaderVerticalPadding,
+        ),
+        child: Row(
+          children: [
+            SizedBox(
+              width: _kChannelLeadingWidth,
+              child: Align(
+                alignment: Alignment.centerLeft,
+                child: icon == null || icon.isEmpty
+                    ? Icon(
+                        LucideIcons.folder,
+                        size: _kChannelIconSize,
+                        color: sectionColor,
+                      )
+                    : customEmoji != null
+                    ? CustomEmojiImage(
+                        shortcode: customEmoji.shortcode,
+                        url: customEmoji.url,
+                        size: _kChannelIconSize,
+                      )
+                    : Text(
+                        icon,
+                        maxLines: 1,
+                        overflow: TextOverflow.visible,
+                        style: TextStyle(
+                          fontSize: _kChannelIconSize,
+                          height: 1,
+                          color: sectionColor,
+                        ),
+                      ),
+              ),
+            ),
+            const SizedBox(width: _kChannelLabelGap),
+            Expanded(
+              child: Text(
+                section.name,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: contentListTitleTextStyle.copyWith(
+                  color: sectionColor,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ),
+            Builder(
+              builder: (buttonContext) => IconButton(
+                key: ValueKey('section-menu-${section.id}'),
+                tooltip: context.l10n.optionsFor(section.name),
+                visualDensity: VisualDensity.compact,
+                icon: Icon(
+                  LucideIcons.ellipsisVertical,
+                  size: _kChannelIconSize,
+                  color: sectionColor,
+                ),
+                onPressed: () async {
+                  final value = await showAnchoredPopover<String>(
+                    context: buttonContext,
+                    width: 216,
+                    alignment: AnchoredPopoverAlignment.end,
+                    surfaceKey: ValueKey('section-popover-${section.id}'),
+                    items: [
+                      PopupMenuItem(
+                        value: 'rename',
+                        padding: _sectionMenuItemPadding,
+                        child: _SectionMenuItemContent(
+                          icon: LucideIcons.pencil,
+                          label: context.l10n.renameSection,
+                        ),
+                      ),
+                      PopupMenuItem(
+                        value: 'move_up',
+                        enabled: !isFirst,
+                        padding: _sectionMenuItemPadding,
+                        child: _SectionMenuItemContent(
+                          icon: LucideIcons.arrowUp,
+                          label: context.l10n.moveUp,
+                        ),
+                      ),
+                      PopupMenuItem(
+                        value: 'move_down',
+                        enabled: !isLast,
+                        padding: _sectionMenuItemPadding,
+                        child: _SectionMenuItemContent(
+                          icon: LucideIcons.arrowDown,
+                          label: context.l10n.moveDown,
+                        ),
+                      ),
+                      ..._sortMenuItems(sortMode, l10n: context.l10n),
+                      PopupMenuItem(
+                        value: 'delete',
+                        padding: _sectionMenuItemPadding,
+                        child: _SectionMenuItemContent(
+                          icon: LucideIcons.trash2,
+                          label: context.l10n.deleteSection,
+                          color: context.colors.error,
+                        ),
+                      ),
+                    ],
+                  );
+                  switch (value) {
+                    case 'rename':
+                      onRename();
+                    case 'move_up':
+                      onMoveUp();
+                    case 'move_down':
+                      onMoveDown();
+                    case _kSortRecentMenuValue:
+                      onSortModeChange(ChannelSortMode.recent);
+                    case _kSortAlphaMenuValue:
+                      onSortModeChange(ChannelSortMode.alpha);
+                    case 'delete':
+                      onDelete();
+                  }
+                },
+              ),
+            ),
+            const SizedBox(width: Grid.quarter),
+            _SectionChevron(expanded: expanded, color: sectionColor),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _SectionMenuItemContent extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final Color? color;
+
+  const _SectionMenuItemContent({
+    required this.icon,
+    required this.label,
+    this.color,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Icon(icon, size: 16, color: color),
+        const SizedBox(width: Grid.xxs),
+        Flexible(
+          child: Text(
+            label,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+            style: color == null ? null : TextStyle(color: color),
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+CustomEmoji? _resolveCustomEmoji(String icon, List<CustomEmoji> palette) {
+  if (!icon.startsWith(':') || !icon.endsWith(':')) return null;
+  final shortcode = normalizeShortcode(icon);
+  if (shortcode == null) return null;
+  for (final emoji in palette) {
+    if (emoji.shortcode == shortcode) return emoji;
+  }
+  return null;
+}
+
+class _SectionNameDialog extends HookWidget {
+  final String title;
+  final String confirmLabel;
+  final String initialValue;
+
+  const _SectionNameDialog({
+    required this.title,
+    required this.confirmLabel,
+    this.initialValue = '',
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final controller = useTextEditingController(text: initialValue);
+
+    void confirm() {
+      final name = controller.text.trim();
+      if (name.isNotEmpty) Navigator.of(context).pop(name);
+    }
+
+    return AlertDialog(
+      title: Text(title),
+      content: TextField(
+        controller: controller,
+        autofocus: true,
+        decoration: InputDecoration(labelText: context.l10n.sectionName),
+        onSubmitted: (_) => confirm(),
+      ),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(context.l10n.cancel),
+        ),
+        TextButton(onPressed: confirm, child: Text(confirmLabel)),
+      ],
+    );
+  }
+}
+
+const _kSortRecentMenuValue = 'sort_recent';
+const _kSortAlphaMenuValue = 'sort_alpha';
+
+PopupMenuItem<String> _sortMenuItem({
+  required String value,
+  required String label,
+  required bool selected,
+}) => PopupMenuItem(
+  value: value,
+  child: Row(
+    children: [
+      Expanded(child: Text(label)),
+      if (selected)
+        const Icon(LucideIcons.check, key: ValueKey('sort-selected-check'))
+      else
+        const SizedBox(width: 24),
+    ],
+  ),
+);
+
+List<PopupMenuEntry<String>> _sortMenuItems(
+  ChannelSortMode current, {
+  required AppLocalizations l10n,
+  bool showDivider = true,
+}) => [
+  if (showDivider) const PopupMenuDivider(),
+  _sortMenuItem(
+    value: _kSortRecentMenuValue,
+    label: l10n.sortRecent,
+    selected: current == ChannelSortMode.recent,
+  ),
+  _sortMenuItem(
+    value: _kSortAlphaMenuValue,
+    label: l10n.sortAlpha,
+    selected: current == ChannelSortMode.alpha,
+  ),
+];
+
+class _ChannelSection extends StatelessWidget {
+  final String title;
+  final IconData icon;
+  final bool expanded;
+  final VoidCallback onToggle;
+  final List<Channel> channels;
+  final bool showTopDivider;
+  final Set<String> unreadChannelIds;
+  final Set<String> mutedChannelIds;
+  final String? currentPubkey;
+  final String emptyLabel;
+  final ChannelSortMode? sortMode;
+  final ValueChanged<ChannelSortMode>? onSortModeChange;
+  final Future<void> Function(Channel channel) onSelectChannel;
+
+  const _ChannelSection({
+    required this.title,
+    required this.icon,
+    required this.expanded,
+    required this.onToggle,
+    required this.channels,
+    required this.showTopDivider,
+    required this.unreadChannelIds,
+    required this.mutedChannelIds,
+    required this.currentPubkey,
+    required this.emptyLabel,
+    this.sortMode,
+    this.onSortModeChange,
+    required this.onSelectChannel,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (showTopDivider) const _SectionDivider(),
+        _SectionHeader(
+          label: title,
+          icon: icon,
+          expanded: expanded,
+          onToggle: onToggle,
+          sortMode: sortMode,
+          onSortModeChange: onSortModeChange,
+        ),
+        _AnimatedSectionBody(
+          expanded: expanded,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              if (channels.isEmpty)
+                Padding(
+                  padding: const EdgeInsets.only(
+                    left: _kChannelLabelInset,
+                    right: _kChannelSectionInset,
+                    top: Grid.half,
+                    bottom: Grid.half,
+                  ),
+                  child: Text(
+                    emptyLabel,
+                    style: contentListBodyTextStyle.copyWith(
+                      color: context.colors.onSurfaceVariant,
+                    ),
+                  ),
+                )
+              else
+                for (final channel in channels)
+                  _ChannelTile(
+                    channel: channel,
+                    isUnread: unreadChannelIds.contains(channel.id),
+                    isMuted: mutedChannelIds.contains(channel.id),
+                    currentPubkey: currentPubkey,
+                    onTap: () => onSelectChannel(channel),
+                    onMarkRead: null,
+                    sectionId: null,
+                  ),
+              const SizedBox(height: _kExpandedSectionTrailingPadding),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _EmptyState extends StatelessWidget {
+  const _EmptyState();
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: MediaQuery.sizeOf(context).height * 0.55,
+      child: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              LucideIcons.messagesSquare,
+              size: Grid.xl,
+              color: context.colors.onSurfaceVariant,
+            ),
+            const SizedBox(height: Grid.xs),
+            Text(
+              context.l10n.noConversations,
+              style: context.textTheme.bodyLarge?.copyWith(
+                color: context.colors.onSurfaceVariant,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _SectionDivider extends StatelessWidget {
+  const _SectionDivider();
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: Grid.xxs),
+      child: Divider(
+        height: 1,
+        thickness: 1,
+        indent: _kChannelSectionInset,
+        endIndent: _kChannelSectionInset,
+        color: context.colors.primary.withValues(alpha: 0.15),
+      ),
+    );
+  }
+}
+
+class _SectionHeader extends StatelessWidget {
+  final String label;
+  final IconData icon;
+  final bool expanded;
+  final VoidCallback onToggle;
+  final ChannelSortMode? sortMode;
+  final ValueChanged<ChannelSortMode>? onSortModeChange;
+
+  const _SectionHeader({
+    required this.label,
+    required this.icon,
+    required this.expanded,
+    required this.onToggle,
+    this.sortMode,
+    this.onSortModeChange,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final sectionColor = navigationSectionForeground(context);
+
+    return GestureDetector(
+      onTap: onToggle,
+      behavior: HitTestBehavior.opaque,
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(
+          Grid.gutter,
+          _kSectionHeaderVerticalPadding,
+          Grid.gutter,
+          _kSectionHeaderVerticalPadding,
+        ),
+        child: Row(
+          children: [
+            SizedBox(
+              width: _kChannelLeadingWidth,
+              child: Align(
+                alignment: Alignment.centerLeft,
+                child: Icon(icon, size: _kChannelIconSize, color: sectionColor),
+              ),
+            ),
+            const SizedBox(width: _kChannelLabelGap),
+            Text(
+              label,
+              style: contentListTitleTextStyle.copyWith(
+                color: sectionColor,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+            const Spacer(),
+            if (sortMode case final mode?) ...[
+              Builder(
+                builder: (buttonContext) => IconButton(
+                  key: ValueKey('sort-menu-$label'),
+                  tooltip: context.l10n.optionsFor(label),
+                  visualDensity: VisualDensity.compact,
+                  icon: Icon(
+                    LucideIcons.ellipsisVertical,
+                    size: _kChannelIconSize,
+                    color: sectionColor,
+                  ),
+                  onPressed: () async {
+                    final value = await showAnchoredPopover<String>(
+                      context: buttonContext,
+                      width: 216,
+                      alignment: AnchoredPopoverAlignment.end,
+                      color: context.colors.surface,
+                      elevation: 4,
+                      shadowColor: context.colors.shadow.withValues(
+                        alpha: 0.18,
+                      ),
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(Radii.md),
+                        side: BorderSide(color: context.colors.outline),
+                      ),
+                      surfaceKey: ValueKey('sort-popover-$label'),
+                      items: _sortMenuItems(
+                        mode,
+                        l10n: context.l10n,
+                        showDivider: false,
+                      ),
+                    );
+                    if (value == _kSortRecentMenuValue) {
+                      onSortModeChange?.call(ChannelSortMode.recent);
+                    } else if (value == _kSortAlphaMenuValue) {
+                      onSortModeChange?.call(ChannelSortMode.alpha);
+                    }
+                  },
+                ),
+              ),
+              const SizedBox(width: Grid.quarter),
+            ],
+            _SectionChevron(expanded: expanded, color: sectionColor),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _SectionChevron extends StatelessWidget {
+  final bool expanded;
+  final Color color;
+
+  const _SectionChevron({required this.expanded, required this.color});
+
+  @override
+  Widget build(BuildContext context) {
+    final reducedMotion = MediaQuery.of(context).disableAnimations;
+
+    return AnimatedRotation(
+      turns: expanded ? 0 : -0.25,
+      duration: reducedMotion ? Duration.zero : _kSectionExpandDuration,
+      curve: _kSectionExpandCurve,
+      child: Icon(
+        LucideIcons.chevronDown,
+        size: _kChannelIconSize,
+        color: color,
+      ),
+    );
+  }
+}
+
+class _AnimatedSectionBody extends HookWidget {
+  final bool expanded;
+  final Widget child;
+
+  const _AnimatedSectionBody({required this.expanded, required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    final reducedMotion = MediaQuery.of(context).disableAnimations;
+    final controller = useAnimationController(
+      duration: reducedMotion ? Duration.zero : _kSectionExpandDuration,
+      reverseDuration: reducedMotion
+          ? Duration.zero
+          : _kSectionCollapseDuration,
+      initialValue: expanded ? 1 : 0,
+    );
+    final curvedAnimation = useMemoized(
+      () => CurvedAnimation(
+        parent: controller,
+        curve: _kSectionExpandCurve,
+        reverseCurve: _kSectionCollapseCurve,
+      ),
+      [controller],
+    );
+    final shouldRender = useState(expanded);
+
+    useEffect(() => curvedAnimation.dispose, [curvedAnimation]);
+
+    useEffect(() {
+      void handleStatus(AnimationStatus status) {
+        if (status == AnimationStatus.dismissed && !expanded) {
+          shouldRender.value = false;
+        }
+      }
+
+      controller.addStatusListener(handleStatus);
+      return () => controller.removeStatusListener(handleStatus);
+    }, [controller, expanded]);
+
+    useEffect(() {
+      controller.duration = reducedMotion
+          ? Duration.zero
+          : _kSectionExpandDuration;
+      controller.reverseDuration = reducedMotion
+          ? Duration.zero
+          : _kSectionCollapseDuration;
+
+      if (expanded) {
+        shouldRender.value = true;
+        if (reducedMotion) {
+          controller.value = 1;
+        } else {
+          unawaited(controller.forward());
+        }
+      } else if (reducedMotion) {
+        controller.value = 0;
+        shouldRender.value = false;
+      } else {
+        unawaited(controller.reverse());
+      }
+
+      return null;
+    }, [controller, expanded, reducedMotion]);
+
+    return ClipRect(
+      child: AnimatedBuilder(
+        animation: curvedAnimation,
+        child: shouldRender.value ? child : const SizedBox.shrink(),
+        builder: (context, child) {
+          final value = curvedAnimation.value.clamp(0.0, 1.0);
+          final scaleY =
+              _kSectionCollapsedScaleY +
+              ((1 - _kSectionCollapsedScaleY) * value);
+
+          return Align(
+            alignment: Alignment.topCenter,
+            heightFactor: value,
+            child: Opacity(
+              opacity: value,
+              child: Transform.scale(
+                alignment: Alignment.topCenter,
+                scaleY: scaleY,
+                child: ExcludeSemantics(
+                  excluding: !expanded,
+                  child: IgnorePointer(ignoring: !expanded, child: child),
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}