jpmschweitzerandClaude Opus 4.8
a73f0485c3
Every tool use now renders as a ClideCollapserCard over a one-item list (a single tool is a list of one) — no separate single-card path. The collapser carries the echoed last line, the count, and the aggregate status (spinner while in-flight, check/cross once resolved); the inner content card holds the call body + folded CALL/PROMPT/RESULT segments and its own per-item mark. Inside a run (activity/edits/agent), tools render as the bare inner content card so collapsers don't nest. ConversationCard gains a `margin` param so inner cards carry no stream margin; the collapser pads its inner canvas evenly on all sides (the inner card no longer jams under the header). Rewrote the conversation_view tests for the new structure and added a single-tool golden. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
101 lines
3.5 KiB
Dart
101 lines
3.5 KiB
Dart
import 'package:alchemist/alchemist.dart';
|
|
import 'package:clide/widgets/widgets.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import '../helpers/kernel_fixture.dart';
|
|
import '../helpers/widget_harness.dart';
|
|
|
|
void main() {
|
|
late KernelFixture f;
|
|
|
|
setUp(() async => f = await KernelFixture.create());
|
|
tearDown(() async => f.dispose());
|
|
|
|
// A stand-in inner item card: content + its own per-item status mark (the
|
|
// collapser carries the aggregate; items keep their own — T-305).
|
|
Widget item(String label, ClideRunStatus status) => Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: const Color(0xFF393E48)),
|
|
borderRadius: BorderRadius.circular(3),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
|
|
child: Row(
|
|
children: [
|
|
Expanded(child: Text(label, style: const TextStyle(fontSize: 11, color: Color(0xFF6A7280)), textDirection: TextDirection.ltr)),
|
|
ClideStatusIndicator(status: status, size: 12),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
goldenTest(
|
|
'ClideCollapserCard (T-305): collapsed color variants + expanded inner canvas',
|
|
fileName: 'collapser_card',
|
|
builder: () => GoldenTestGroup(
|
|
columns: 1,
|
|
children: [
|
|
GoldenTestScenario(
|
|
name: 'collapsed — default (muted)',
|
|
child: _wrap(
|
|
f,
|
|
const ClideCollapserCard(
|
|
label: 'Activity',
|
|
collapsedSummary: 'Read conversation_view.dart',
|
|
counter: '3 steps',
|
|
status: ClideRunStatus.success,
|
|
children: [SizedBox.shrink()])),
|
|
),
|
|
GoldenTestScenario(
|
|
name: 'collapsed — edits (teal color)',
|
|
child: _wrap(
|
|
f,
|
|
const ClideCollapserCard(
|
|
label: 'Edits',
|
|
color: Color(0xFF00AB9A),
|
|
collapsedSummary: 'clide_markdown.dart',
|
|
counter: '7 edits',
|
|
status: ClideRunStatus.success,
|
|
children: [SizedBox.shrink()])),
|
|
),
|
|
GoldenTestScenario(
|
|
name: 'collapsed — error (red color)',
|
|
child: _wrap(
|
|
f,
|
|
const ClideCollapserCard(
|
|
label: 'Bash',
|
|
color: Color(0xFFF06C6F),
|
|
collapsedSummary: 'npm test',
|
|
counter: '1 step',
|
|
status: ClideRunStatus.error,
|
|
children: [SizedBox.shrink()])),
|
|
),
|
|
GoldenTestScenario(
|
|
name: 'expanded — inner canvas of item cards',
|
|
child: _wrap(
|
|
f,
|
|
ClideCollapserCard(
|
|
label: 'Edits',
|
|
color: const Color(0xFF00AB9A),
|
|
counter: '3 edits',
|
|
status: ClideRunStatus.success,
|
|
initiallyExpanded: true,
|
|
children: [
|
|
item('clide_markdown.dart · _urlLinkSpan', ClideRunStatus.success),
|
|
item('clide_markdown.dart · _isHttpUrl', ClideRunStatus.success),
|
|
item('clide_markdown.dart · build()', ClideRunStatus.success),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _wrap(KernelFixture f, Widget child) => SizedBox(width: 380, child: harness(f, child));
|