right-align welcome status line, theme label opens picker
Status line aligned to the right. Theme name is clickable — highlights on hover and executes theme.pick command to open the theme picker dialog. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -278,6 +278,7 @@ class _StatusLine extends StatelessWidget {
|
|||||||
builder: (ctx, _) {
|
builder: (ctx, _) {
|
||||||
final tc = kernel.toolCheck;
|
final tc = kernel.toolCheck;
|
||||||
return Row(
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
children: [
|
children: [
|
||||||
ClideText('clide 2.0.0-dev', muted: true, fontSize: 12, fontFamily: clideMonoFamily),
|
ClideText('clide 2.0.0-dev', muted: true, fontSize: 12, fontFamily: clideMonoFamily),
|
||||||
ClideText(' · ', muted: true, fontSize: 12),
|
ClideText(' · ', muted: true, fontSize: 12),
|
||||||
@@ -288,8 +289,7 @@ class _StatusLine extends StatelessWidget {
|
|||||||
else
|
else
|
||||||
ClideText(tc.errors.join(' · '), fontSize: 12, fontFamily: clideMonoFamily, color: tokens.statusWarning),
|
ClideText(tc.errors.join(' · '), fontSize: 12, fontFamily: clideMonoFamily, color: tokens.statusWarning),
|
||||||
ClideText(' · ', muted: true, fontSize: 12),
|
ClideText(' · ', muted: true, fontSize: 12),
|
||||||
ClideText('theme: ', muted: true, fontSize: 12, fontFamily: clideMonoFamily),
|
_ThemeLink(tokens: tokens, kernel: kernel, themeName: themeName),
|
||||||
ClideText(themeName, fontSize: 12, fontFamily: clideMonoFamily, color: tokens.globalFocus),
|
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@@ -297,6 +297,39 @@ class _StatusLine extends StatelessWidget {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class _ThemeLink extends StatefulWidget {
|
||||||
|
const _ThemeLink({required this.tokens, required this.kernel, required this.themeName});
|
||||||
|
final SurfaceTokens tokens;
|
||||||
|
final KernelServices kernel;
|
||||||
|
final String themeName;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<_ThemeLink> createState() => _ThemeLinkState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ThemeLinkState extends State<_ThemeLink> {
|
||||||
|
bool _hover = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MouseRegion(
|
||||||
|
cursor: SystemMouseCursors.click,
|
||||||
|
onEnter: (_) => setState(() => _hover = true),
|
||||||
|
onExit: (_) => setState(() => _hover = false),
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () => widget.kernel.commands.execute('theme.pick'),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
ClideText('theme: ', muted: true, fontSize: 12, fontFamily: clideMonoFamily),
|
||||||
|
ClideText(widget.themeName, fontSize: 12, fontFamily: clideMonoFamily, color: _hover ? widget.tokens.globalForeground : widget.tokens.globalFocus),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
class _OpenProjectDialog extends StatefulWidget {
|
class _OpenProjectDialog extends StatefulWidget {
|
||||||
const _OpenProjectDialog({required this.onOpen, required this.onCancel});
|
const _OpenProjectDialog({required this.onOpen, required this.onCancel});
|
||||||
final Future<void> Function(String path) onOpen;
|
final Future<void> Function(String path) onOpen;
|
||||||
|
|||||||
Reference in New Issue
Block a user