Files
clide/lib/builtin/claude/src/image_thumbnail.dart
T
jpmschweitzerandClaude Opus 4.8 6d0ebab721 chore: adopt Dart 3.9 toolchain — honest floor + tall-style reformat (T-353)
Raise the declared minimums in pubspec.yaml to what our deps already
require: Flutter >=3.35.0 / Dart >=3.9.0 (was 3.19.0 / 3.5.0). alchemist
0.12 needs Flutter 3.32; Dart 3.9 first ships in Flutter 3.35, so 3.35 is
the binding floor. Pin the exact build toolchain in .fvmrc (Flutter
3.44.1).

Moving to the Dart 3.9 language level switches `dart format` to the new
"tall" style and enables two new lints. This commit is the resulting
mechanical churn, isolated from any behaviour change:
  - whole-tree `dart format` reformat (tall style)
  - `dart fix` for unnecessary_underscores + use_null_aware_elements

No runtime behaviour change; `make test` green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-11 12:11:53 +02:00

70 lines
2.6 KiB
Dart

/// Inline image preview for pasted-image references (T-236 / T-254).
///
/// A bounded, keyboard-activatable thumbnail that opens the full image in the
/// shared lightbox (T-252) on tap. Used both for `@<path>` image tokens in the
/// conversation log and for the composer's attachment chips, so the two stay
/// visually consistent. Reads the file directly via [ClideFileImage] (which
/// re-decodes when the file changes in place, T-312) — pasted temp files live
/// outside the workspace, so this is not gated by the `files.read` allow-list
/// (D-80); it's display-only. A missing/unreadable file degrades to a muted
/// placeholder instead of throwing.
library;
import 'package:clide/kernel/kernel.dart';
import 'package:clide/widgets/widgets.dart';
import 'package:flutter/widgets.dart';
/// Open [path] full-size in the lightbox via the kernel dialog router.
void openImageLightbox(BuildContext context, String path) {
ClideKernel.of(context).dialog.show<Object>(
(ctx, dismiss) => ClideLightbox(
onDismiss: dismiss,
child: Image(image: ClideFileImage(path), fit: BoxFit.contain, errorBuilder: (ctx, _, _) => _placeholder(ctx, 48)),
),
);
}
Widget _placeholder(BuildContext context, double size) {
final t = ClideTheme.of(context).surface;
return Container(
width: size,
height: size,
color: t.panelBackground,
alignment: Alignment.center,
child: ClideIcon(PhosphorIcons.byName('image'), size: size * 0.45, color: t.globalTextMuted),
);
}
class ImageThumbnail extends StatelessWidget {
const ImageThumbnail({super.key, required this.path, this.size = 56, this.radius = 4});
final String path;
final double size;
final double radius;
String get _fileName => path.split('/').where((s) => s.isNotEmpty).lastOrNull ?? path;
@override
Widget build(BuildContext context) {
final t = ClideTheme.of(context).surface;
return Semantics(
button: true,
label: 'Image $_fileName',
excludeSemantics: true,
child: ClideTappable(
onTap: () => openImageLightbox(context, path),
builder: (ctx, hovered, pressed) => DecoratedBox(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(radius),
border: Border.all(color: hovered ? t.globalFocus : t.globalBorder),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(radius),
child: Image(image: ClideFileImage(path), width: size, height: size, fit: BoxFit.cover, errorBuilder: (ctx, _, _) => _placeholder(ctx, size)),
),
),
),
);
}
}