Files
clide/lib/builtin/output/src/dock_status_item.dart
T
jpmschweitzerandClaude Opus 4.8 49f480481a wire the output dock into the layout — toggle, tabs, persistence (T-54)
The D-87 bottom dock, end to end. New Slots.dock in the classic preset
(hidden by default); RootLayout renders it full-width above the status bar
when open, capped at half the window so Claude stays largest (the D-47
amendment). LogRing now lives on KernelServices (boot tees the kernel logger
into it; main.dart also tees the IPC/MCP logger), so the dock shows logs from
every subsystem.

OutputExtension contributes the Output tab, the merged health/toggle
status-bar widget (green check when clean, warn/error counts otherwise) that
replaces the old ipc-status item, and the dock.toggle command (Ctrl+J).
Problems moves out of the sidebar into the dock. open/height persist per
workspace via the default-layout extension.

Drag-resize of the dock height is deferred (DragResizeHandle needs a dock
sign case); height is the persisted default for now. Boot verified via
testmode; full suite green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-07 09:58:29 +02:00

89 lines
2.8 KiB
Dart

/// Status-bar widget for the output dock (T-54 / D-87): merged health +
/// toggle. Replaces the old app-status item — green ✓ when the log is clean,
/// ⚠/✕ counts when not; click (or ⌘J) toggles the dock; chevron shows state.
library;
import 'dart:async';
import 'package:clide/kernel/kernel.dart';
import 'package:clide/widgets/widgets.dart';
import 'package:flutter/widgets.dart';
class DockStatusItem extends StatefulWidget {
const DockStatusItem({super.key});
@override
State<DockStatusItem> createState() => _DockStatusItemState();
}
class _DockStatusItemState extends State<DockStatusItem> {
KernelServices? _kernel;
StreamSubscription<void>? _ringSub;
@override
void didChangeDependencies() {
super.didChangeDependencies();
final k = ClideKernel.of(context);
if (identical(k, _kernel)) return;
_kernel = k;
_ringSub?.cancel();
_ringSub = k.logRing.changes.listen((_) {
if (mounted) setState(() {});
});
}
void _toggle(KernelServices kernel) {
final a = kernel.arrangement;
final opening = !a.isVisible(Slots.dock);
a.setVisible(Slots.dock, opening);
if (opening && kernel.panels.activeTabIn(Slots.dock) == null) {
kernel.panels.activateTab(Slots.dock, 'output.panel');
}
}
@override
void dispose() {
_ringSub?.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
final kernel = ClideKernel.of(context);
return ListenableBuilder(
listenable: kernel.arrangement,
builder: (ctx, _) {
final tokens = ClideTheme.of(ctx).surface;
final open = kernel.arrangement.isVisible(Slots.dock);
final errors = kernel.logRing.countAtLeast(LogLevel.error);
final warns = kernel.logRing.countAtLeast(LogLevel.warn) - errors;
final (String badge, Color color) = errors > 0
? ('✕ $errors', tokens.statusError)
: warns > 0
? ('⚠ $warns', tokens.statusWarning)
: ('✓', tokens.statusSuccess);
return Semantics(
button: true,
label: 'toggle output dock',
child: GestureDetector(
onTap: () => _toggle(kernel),
child: MouseRegion(
cursor: SystemMouseCursors.click,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
ClideText('${open ? '▼' : '▲'} Output ', fontSize: clideFontCaption, color: tokens.globalForeground),
ClideText(badge, fontSize: clideFontCaption, color: color),
],
),
),
),
),
);
},
);
}
}