extract ClideAccordion widget, add arrowClockwise icon and codepoint CSV

ClideAccordion — shared accordion section with optional leading widget,
replaces private _AccordionSection in tickets and decisions views.

Phosphor arrowClockwise icon (0xe036) for refresh buttons. Full
codepoint reference CSV (1512 glyphs) at assets/fonts/phosphor/ for
icon lookup without external tools.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-04-24 10:49:52 +02:00
co-authored by Claude
parent 2d08c421ae
commit cf9a510e6c
4 changed files with 1566 additions and 0 deletions
File diff suppressed because it is too large Load Diff
+51
View File
@@ -0,0 +1,51 @@
import 'package:clide/kernel/src/theme/controller.dart';
import 'package:clide/widgets/src/clide_icon.dart';
import 'package:clide/widgets/src/clide_tappable.dart';
import 'package:clide/widgets/src/clide_text.dart';
import 'package:clide/widgets/src/icons/phosphor.dart';
import 'package:clide/widgets/src/typography.dart';
import 'package:flutter/widgets.dart';
class ClideAccordion extends StatelessWidget {
const ClideAccordion({
super.key,
required this.label,
required this.count,
required this.expanded,
required this.onToggle,
required this.children,
this.leading,
});
final String label;
final int count;
final bool expanded;
final VoidCallback onToggle;
final List<Widget> children;
final Widget? leading;
@override
Widget build(BuildContext context) {
final tokens = ClideTheme.of(context).surface;
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
ClideTappable(
onTap: onToggle,
builder: (ctx, hovered, _) => Padding(
padding: const EdgeInsets.only(left: 4, top: 10, bottom: 4),
child: Row(
children: [
ClideIcon(expanded ? PhosphorIcons.caretDown : PhosphorIcons.caretRight, size: 10, color: tokens.globalTextMuted),
const SizedBox(width: 6),
if (leading != null) ...[leading!, const SizedBox(width: 6)],
ClideText('$label · $count', fontSize: clideFontSmall, color: hovered ? tokens.globalForeground : tokens.sidebarSectionHeader, fontFamily: clideMonoFamily),
],
),
),
),
if (expanded) ...children,
],
);
}
}
+1
View File
@@ -42,6 +42,7 @@ abstract class PhosphorIcons {
static const pencilSimple = PhosphorIconPainter(0xe3b4);
static const eye = PhosphorIconPainter(0xe220);
static const eyeSlash = PhosphorIconPainter(0xe224);
static const arrowClockwise = PhosphorIconPainter(0xe036);
static const arrowsOutSimple = PhosphorIconPainter(0xe0a6);
static const arrowsInSimple = PhosphorIconPainter(0xe09e);
static const list = PhosphorIconPainter(0xe2f0);
+1
View File
@@ -5,6 +5,7 @@
/// Flutter chrome widgets directly.
library;
export 'src/clide_accordion.dart';
export 'src/clide_button.dart';
export 'src/clide_column_hat.dart';
export 'src/clide_code_block.dart';