Files
buzz/mobile/lib/shared/widgets/duo_toolbar.dart
klopez4212 cb69ad9e4f Adapt iPhone Duo layouts, rail navigation, and native sheets (#8568)
Duo keeps conversations and Settings details open across closed, book
and flat postures. Book mode splits at the fold; flattening restores the
sidebar. Native rail controls, full-width navigation backdrops and
sheet-local safe areas keep content aligned. Ordinary iPhones remain
single-pane in portrait and landscape; tablet and Duo split layouts
remain enabled.

Includes the recovered preview's matching pane widths, Buzz empty-pane
mark, stable Settings chevrons, Bestie pane routing and Duo-only upward
New menu attachment. Current main's Activity redesign, Search content
fade and unread-navigation button are retained. Menu selection checks
sit beside their labels.

Shared mobile changes remain in scope: the native iOS status editor,
Appearance preview layout, avatar crop preservation, onboarding footer
layout, profile/invite sheet geometry and nested conversation
navigation. This PR is not exclusively Duo-gated. Nested navigator
observers preserve recording cancellation and navigation callbacks; crop
resizing preserves the selected image region. iOS 27.1 APIs remain
compile-time and runtime gated.

Validation on the reconciled source: Flutter analysis, Activity/Home
journeys, the full mobile test suite, file-size checks and Swift package
tests. The iPhone single-pane fix was also exercised on an iPhone 18 Pro
simulator before reconciliation. Fresh hosted CI and physical-device
confirmation of the reconciled build are separate and remain pending.

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
Signed-off-by: Tom Brow <tomb@squareup.com>
Co-authored-by: Terp <5856f6900e8e0a4e0ea1f4f8d2ee33e4753d2119bc122f94ecafc660b46c0511@buzz.block.builderlab.xyz>
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
Co-authored-by: Tom Brow <tomb@block.xyz>
Co-authored-by: Tom Brow <tomb@squareup.com>
2026-11-12 19:00:58 +00:00

178 lines
5.9 KiB
Dart

import 'package:duo_kit/duo_kit.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'ios_navigation_bar.dart';
/// Rail top clearance on Duo's inner display until UIKit reports its regions.
/// The package estimate describes the cover display's taller status cluster.
const double duoInnerDisplayEstimatedRailClearance = 110;
/// Whether Duo controls should use the compact cover arrangement.
bool isCompactDuoWindow(BuildContext context) {
// Subscribe to resizing even inside a pane whose MediaQuery is narrower.
MediaQuery.sizeOf(context);
final view = View.of(context);
return (view.physicalSize / view.devicePixelRatio).shortestSide < 600;
}
/// Carries window geometry through the independently sized conversation panes.
class DuoToolbarScope extends InheritedWidget {
const DuoToolbarScope({
required this.strip,
required this.active,
this.contentInsets = EdgeInsets.zero,
this.leadingSlots = 0,
required super.child,
super.key,
});
final FoldStrip? strip;
final bool active;
final EdgeInsets contentInsets;
/// Space above detail actions for the workspace's persistent rail controls.
final int leadingSlots;
static DuoToolbarScope? maybeOf(BuildContext context) =>
context.dependOnInheritedWidgetOfExactType<DuoToolbarScope>();
@override
bool updateShouldNotify(DuoToolbarScope oldWidget) =>
strip != oldWidget.strip ||
active != oldWidget.active ||
contentInsets != oldWidget.contentInsets ||
leadingSlots != oldWidget.leadingSlots;
}
/// Content clearance for a pane, or a full-window route outside a pane.
EdgeInsets duoContentInsetsOf(BuildContext context) {
final pane = DuoToolbarScope.maybeOf(context);
if (pane != null) return pane.contentInsets;
final strip = FoldGeometry.of(context).strip;
return EdgeInsets.only(
left: strip?.side == FoldStripSide.left ? strip!.width : 0,
right: strip?.side == FoldStripSide.right ? strip!.width : 0,
);
}
/// Projects the current route's controls into the window's side strip.
/// The portal retains route ownership and inherited providers for callbacks.
class DuoToolbarPortal extends HookConsumerWidget {
const DuoToolbarPortal({
required this.strip,
required this.active,
required this.actions,
required this.child,
super.key,
});
final FoldStrip? strip;
final bool active;
final List<IosNavigationAction> actions;
final Widget child;
@override
Widget build(BuildContext context, WidgetRef ref) {
final portal = useMemoized(() => OverlayPortalController()..show());
return OverlayPortal(
overlayLocation: OverlayChildLocation.rootOverlay,
controller: portal,
overlayChildBuilder: (context) {
final strip = this.strip;
if (strip == null || actions.isEmpty) {
return const SizedBox.shrink();
}
final windowSize =
View.of(context).physicalSize / View.of(context).devicePixelRatio;
// The package fallback describes the cover display. The inner display's
// status cluster is shorter; keep this estimated until regions arrive.
final metrics = IosNavigationMetrics.of(context);
final measuredTop = metrics.windowSize == windowSize
? metrics.railTopClearance
: null;
final actionOffset =
(DuoToolbarScope.maybeOf(context)?.leadingSlots ?? 0) * 60.0;
final topClearance =
(measuredTop != null
? measuredTop + 12
: strip.isClearanceEstimated && windowSize.shortestSide >= 600
? duoInnerDisplayEstimatedRailClearance
: strip.topClearance) +
actionOffset;
return Positioned(
left:
IosNavigationMetrics.of(context).railCenter(
View.of(context).physicalSize /
View.of(context).devicePixelRatio,
strip.rect.center.dx,
) -
strip.width / 2,
top: strip.rect.top + topClearance,
width: strip.width,
child: Offstage(
offstage: !active,
child: MediaQuery.removePadding(
context: context,
removeTop: true,
removeBottom: true,
removeLeft: true,
removeRight: true,
child: ConstrainedBox(
constraints: BoxConstraints(
maxHeight:
(strip.rect.height -
topClearance -
strip.bottomClearance -
220)
.clamp(0.0, double.infinity),
),
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
for (final action in actions)
SizedBox(
key: ValueKey('duo-toolbar-${action.label}'),
height: 60,
child: IosNavigationBar(
title: '',
standaloneControl: true,
leading: action,
),
),
],
),
),
),
),
),
);
},
child: child,
);
}
}
/// Marks sheets whose default Close action is supplied by the Duo rail.
class DuoSheetCloseScope extends InheritedWidget {
const DuoSheetCloseScope({
required this.inRail,
required super.child,
super.key,
});
final bool inRail;
static bool of(BuildContext context) =>
context
.dependOnInheritedWidgetOfExactType<DuoSheetCloseScope>()
?.inRail ??
false;
@override
bool updateShouldNotify(DuoSheetCloseScope oldWidget) =>
inRail != oldWidget.inRail;
}