Files
buzz/mobile/lib/shared/widgets/image_avatar_capture/shutter_button.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

76 lines
2.7 KiB
Dart

part of '../image_avatar_capture.dart';
class _ShutterButton extends StatelessWidget {
const _ShutterButton({required this.busy, required this.onTap});
final bool busy;
final VoidCallback? onTap;
@override
Widget build(BuildContext context) {
final reduceMotion = MediaQuery.disableAnimationsOf(context);
final isIos = defaultTargetPlatform == TargetPlatform.iOS;
final content = SizedBox(
key: const ValueKey('image-camera-shutter-morph'),
width: _shutterSize,
height: _shutterSize,
child: isIos
? IosGlassNavigationButton(
icon: IosGlassNavigationIcon.shutter,
semanticLabel: 'Take photo',
onPressed: onTap,
width: _shutterSize,
height: _shutterSize,
controlSize: _shutterSize,
foregroundColor: context.colors.onSurface,
isBusy: busy,
)
: Material(
color: context.colors.surfaceContainerHighest,
shape: const CircleBorder(),
clipBehavior: Clip.antiAlias,
child: InkWell(
key: const ValueKey('image-camera-shutter'),
onTap: onTap,
child: Center(
child: AnimatedSwitcher(
duration: reduceMotion
? Duration.zero
: const Duration(milliseconds: 140),
switchInCurve: Curves.easeOutCubic,
switchOutCurve: Curves.easeOutCubic,
child: busy
? BuzzLoadingIndicator(
key: const ValueKey('image-camera-capturing'),
size: 24,
color: context.colors.onSurface,
semanticLabel: 'Taking photo',
)
: Container(
key: const ValueKey('image-camera-shutter-icon'),
width: _shutterCoreSize,
height: _shutterCoreSize,
decoration: BoxDecoration(
color: context.colors.onSurface,
shape: BoxShape.circle,
border: Border.all(
color: context.colors.surface,
width: 1.5,
),
),
),
),
),
),
),
);
if (isIos) return content;
return Semantics(
label: 'Take photo',
button: true,
enabled: onTap != null,
child: ExcludeSemantics(child: content),
);
}
}