jpmschweitzerandClaude Opus 4.8
16fe71cb3f
Migrate the hardcoded user-facing strings across builtin.claude — composer, conversation cards/segments, permission + AskUserQuestion prompts, task dock, meta-sidebar (activity/config/team/roster), session/model pickers — to ClideSettings.i18n.string/.interpolated, English kept as the placeholder; builtin.claude_en_us.json extended to cover them. Context threaded into the context-free render helpers (toolInputBody chain, _ConversationTurn) the same way the mono family already is. No en_US behaviour change (D-21). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
76 lines
2.8 KiB
Dart
76 lines
2.8 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 = ClideSettings.theme.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 = ClideSettings.theme.of(context).surface;
|
|
return Semantics(
|
|
button: true,
|
|
label: ClideSettings.i18n.interpolated(
|
|
context,
|
|
'image.semantics',
|
|
namespace: 'builtin.claude',
|
|
placeholder: 'Image $_fileName',
|
|
replacers: [I18nReplacer(from: '{name}', replace: _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)),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|