Files
buzz/mobile/lib/shared/widgets/emoji_avatar_tile.dart
klopez4212 0cde1fe2f4 Make mobile Agents a full-page owned-agent directory (#8693)
Replace the mobile Agents sheet with a full-page directory of verified
owned agents. Add dedicated creation and avatar pages with
catalog-backed model selection, reuse the profile emoji/photo/camera
controls, and expose Builderbot model settings while labeling desktop
agents “Manage on desktop.” Share one account-scoped model catalog
across editable cards and retries. Choose Bestie from the agent profile
using the shared encrypted main-agent record (text-only action, filled
star once selected), and move confirmed deletion to a top-left trash
control with native iOS glass. Include uploaded avatars in owner
registrations so desktop can display them.

Validation: mobile analysis and all 3,958 hosted-enabled app tests
passed; default-build tests run by the push hook. Earlier iPhone build
installed and iterated with the user; the current iOS build succeeds,
but final changes still need a device pass. Independent review found no
new blockers. Actual camera capture and live Bestie sync remain
unconfirmed; the existing shared `main-agent` wire format and Bestie
terminology are retained.

### Snapshots

Widget-harness captures with test data (not native iOS chrome).

| Agents directory | Image avatar editor |
| --- | --- |
| ![Agents
directory](https://github.com/user-attachments/assets/c68a0505-90a5-41db-980f-e3197cac63ac)
| ![Image avatar
editor](https://github.com/user-attachments/assets/9b126186-1e7c-4169-9a74-8f7f252cfa93)
|

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
Co-authored-by: Terp <5856f6900e8e0a4e0ea1f4f8d2ee33e4753d2119bc122f94ecafc660b46c0511@buzz.block.builderlab.xyz>
2026-10-29 18:30:17 +00:00

51 lines
1.3 KiB
Dart

import 'package:flutter/material.dart';
import '../emoji/native_emoji_glyph.dart';
import '../theme/theme.dart';
/// A selectable emoji tile with an explicit accessibility selection state.
class EmojiAvatarTile extends StatelessWidget {
/// Creates an emoji option for an avatar picker.
const EmojiAvatarTile({
required this.emoji,
required this.label,
required this.tileId,
required this.isSelected,
required this.onTap,
super.key,
});
/// The Unicode emoji glyph rendered by this tile.
final String emoji;
/// The human-readable emoji name announced to assistive technology.
final String label;
/// The stable identifier used for the tile's widget key.
final String tileId;
/// Whether this emoji is the current avatar selection.
final bool isSelected;
/// Called when the tile is selected.
final VoidCallback onTap;
@override
Widget build(BuildContext context) => Semantics(
label: label,
button: true,
selected: isSelected,
onTap: onTap,
child: ExcludeSemantics(
child: InkWell(
key: ValueKey('emoji-avatar-$tileId'),
borderRadius: BorderRadius.circular(Radii.sm),
onTap: onTap,
child: Center(
child: NativeEmojiGlyph(emoji: emoji, size: 40, opticalBoxSize: 40),
),
),
),
);
}