add decision detail view in context panel via MessageBus
Click a decision card in the sidebar → publishes on builtin.decisions/selection → detail view loads full record → context panel activates decisions.detail tab and renders: - Type dot with tooltip, ID colored by type, domain badge - Title, date - Status badge for resolved questions Same MessageBus pattern as ticket detail. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,139 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
|
||||||
|
import 'package:clide/builtin/decisions/src/decision_colors.dart';
|
||||||
|
import 'package:clide/kernel/kernel.dart';
|
||||||
|
import 'package:clide/kernel/src/events/message_bus.dart';
|
||||||
|
import 'package:clide/widgets/widgets.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
|
class DecisionDetailView extends StatefulWidget {
|
||||||
|
const DecisionDetailView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<DecisionDetailView> createState() => _DecisionDetailViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DecisionDetailViewState extends State<DecisionDetailView> {
|
||||||
|
StreamSubscription<Message>? _sub;
|
||||||
|
Map<String, Object?>? _decision;
|
||||||
|
bool _loading = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeDependencies() {
|
||||||
|
super.didChangeDependencies();
|
||||||
|
if (_sub != null) return;
|
||||||
|
final kernel = ClideKernel.of(context);
|
||||||
|
_sub = kernel.messages.subscribe(publisher: 'builtin.decisions', channel: 'selection').listen((msg) {
|
||||||
|
final id = msg.data['id'] as String?;
|
||||||
|
if (id != null) {
|
||||||
|
kernel.panels.activateTab(Slots.contextPanel, 'decisions.detail');
|
||||||
|
unawaited(_load(id));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_sub?.cancel();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _load(String id) async {
|
||||||
|
setState(() => _loading = true);
|
||||||
|
final kernel = ClideKernel.of(context);
|
||||||
|
final resp = await kernel.ipc.request('pql.decisions.show', args: {'id': id});
|
||||||
|
if (!mounted) return;
|
||||||
|
setState(() {
|
||||||
|
_loading = false;
|
||||||
|
_decision = resp.ok ? resp.data : null;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (_loading) return const Center(child: ClideText('Loading…', muted: true));
|
||||||
|
final d = _decision;
|
||||||
|
if (d == null) return const Padding(padding: EdgeInsets.all(12), child: ClideText('Select a decision to view details.', muted: true));
|
||||||
|
|
||||||
|
final tokens = ClideTheme.of(context).surface;
|
||||||
|
final isDark = ClideTheme.of(context).dark;
|
||||||
|
final typeColors = DecisionTypeColors.forTheme(dark: isDark);
|
||||||
|
|
||||||
|
final id = d['id'] as String? ?? '';
|
||||||
|
final title = d['title'] as String? ?? '';
|
||||||
|
final type = d['type'] as String?;
|
||||||
|
final domain = d['domain'] as String?;
|
||||||
|
final status = d['status'] as String?;
|
||||||
|
final date = d['date'] as String?;
|
||||||
|
final typeColor = typeColors.forType(type);
|
||||||
|
|
||||||
|
return SingleChildScrollView(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: tokens.panelBackground,
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
border: Border.all(color: tokens.panelBorder),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
ClideTooltip(
|
||||||
|
message: type ?? 'confirmed',
|
||||||
|
child: Container(width: 10, height: 10, decoration: BoxDecoration(color: typeColor, shape: BoxShape.circle)),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
ClideText(id, fontSize: 13, color: typeColor, fontFamily: clideMonoFamily),
|
||||||
|
const Spacer(),
|
||||||
|
if (domain != null)
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||||
|
decoration: BoxDecoration(color: tokens.panelBorder, borderRadius: BorderRadius.circular(3)),
|
||||||
|
child: ClideText(domain, fontSize: 10, color: tokens.globalTextMuted, fontFamily: clideMonoFamily),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
ClideText(title, fontSize: 15, fontWeight: FontWeight.w500),
|
||||||
|
if (date != null) ...[
|
||||||
|
const SizedBox(height: 6),
|
||||||
|
ClideText(date, muted: true, fontSize: 12, fontFamily: clideMonoFamily),
|
||||||
|
],
|
||||||
|
if (status != null && status != 'active') ...[
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_StatusBadge(status: status, tokens: tokens),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _StatusBadge extends StatelessWidget {
|
||||||
|
const _StatusBadge({required this.status, required this.tokens});
|
||||||
|
final String status;
|
||||||
|
final SurfaceTokens tokens;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final color = switch (status) {
|
||||||
|
'open' => tokens.statusWarning,
|
||||||
|
'resolved' => tokens.statusSuccess,
|
||||||
|
_ => tokens.globalTextMuted,
|
||||||
|
};
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||||
|
decoration: BoxDecoration(color: color.withAlpha(0x30), borderRadius: BorderRadius.circular(3)),
|
||||||
|
child: ClideText(status.toUpperCase(), fontSize: 10, color: color, fontFamily: clideMonoFamily),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -185,6 +185,7 @@ class _DecisionCard extends StatelessWidget {
|
|||||||
return Padding(
|
return Padding(
|
||||||
padding: const EdgeInsets.only(bottom: 4),
|
padding: const EdgeInsets.only(bottom: 4),
|
||||||
child: ClideTappable(
|
child: ClideTappable(
|
||||||
|
onTap: () => ClideKernel.of(context).messages.publish('builtin.decisions', 'selection', {'id': entry.id}),
|
||||||
builder: (ctx, hovered, _) => Container(
|
builder: (ctx, hovered, _) => Container(
|
||||||
padding: const EdgeInsets.all(8),
|
padding: const EdgeInsets.all(8),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import 'package:clide/builtin/decisions/src/decision_detail_view.dart';
|
||||||
import 'package:clide/builtin/decisions/src/decisions_view.dart';
|
import 'package:clide/builtin/decisions/src/decisions_view.dart';
|
||||||
import 'package:clide/extension/extension.dart';
|
import 'package:clide/extension/extension.dart';
|
||||||
import 'package:clide/kernel/kernel.dart';
|
import 'package:clide/kernel/kernel.dart';
|
||||||
@@ -8,7 +9,7 @@ class DecisionsExtension extends ClideExtension {
|
|||||||
@override
|
@override
|
||||||
String get title => 'Decisions';
|
String get title => 'Decisions';
|
||||||
@override
|
@override
|
||||||
String get version => '0.1.0';
|
String get version => '0.2.0';
|
||||||
@override
|
@override
|
||||||
List<String> get dependsOn => const [];
|
List<String> get dependsOn => const [];
|
||||||
|
|
||||||
@@ -23,5 +24,12 @@ class DecisionsExtension extends ClideExtension {
|
|||||||
priority: -20,
|
priority: -20,
|
||||||
build: (_) => const DecisionsView(),
|
build: (_) => const DecisionsView(),
|
||||||
),
|
),
|
||||||
|
TabContribution(
|
||||||
|
id: 'decisions.detail',
|
||||||
|
slot: Slots.contextPanel,
|
||||||
|
title: 'Decision',
|
||||||
|
priority: -50,
|
||||||
|
build: (_) => const DecisionDetailView(),
|
||||||
|
),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user