Add tablet workspace layout

desktop/src/features/agents/lib/personaCatalogRelay.test.mjs

@@ -356,7 +356,7 @@ test("test_foreign_entry_with_no_local_copy_stays_unselected", () => {
     BOB,
   );
 
-  assert.equal(personas[0].id, "catalog:" + ALICE + ":reviewer");
+  assert.equal(personas[0].id, `catalog:${ALICE}:reviewer`);
   assert.equal(personas[0].isActive, false);
 });
 
@@ -377,7 +377,7 @@ test("test_catalog_source_match_is_scoped_to_the_publishing_owner", () => {
     ALICE,
   );
 
-  assert.equal(personas[0].id, "catalog:" + BOB + ":reviewer");
+  assert.equal(personas[0].id, `catalog:${BOB}:reviewer`);
   assert.equal(personas[0].isActive, false);
 });
 

mobile/ios/Runner.xcodeproj/project.pbxproj

@@ -495,7 +495,7 @@
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
-				TARGETED_DEVICE_FAMILY = 1;
+				TARGETED_DEVICE_FAMILY = "1,2";
 				VALIDATE_PRODUCT = YES;
 			};
 			name = Profile;
@@ -631,7 +631,7 @@
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
-				TARGETED_DEVICE_FAMILY = 1;
+				TARGETED_DEVICE_FAMILY = "1,2";
 			};
 			name = Debug;
 		};
@@ -683,7 +683,7 @@
 				SUPPORTED_PLATFORMS = iphoneos;
 				SWIFT_COMPILATION_MODE = wholemodule;
 				SWIFT_OPTIMIZATION_LEVEL = "-O";
-				TARGETED_DEVICE_FAMILY = 1;
+				TARGETED_DEVICE_FAMILY = "1,2";
 				VALIDATE_PRODUCT = YES;
 			};
 			name = Release;

mobile/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -15,7 +15,7 @@
             <BuildableReference
                BuildableIdentifier = "primary"
                BlueprintIdentifier = "97C146ED1CF9000F007C117D"
-               BuildableName = "Runner.app"
+               BuildableName = "Buzz.app"
                BlueprintName = "Runner"
                ReferencedContainer = "container:Runner.xcodeproj">
             </BuildableReference>
@@ -32,7 +32,7 @@
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "97C146ED1CF9000F007C117D"
-            BuildableName = "Runner.app"
+            BuildableName = "Buzz.app"
             BlueprintName = "Runner"
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
@@ -68,7 +68,7 @@
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "97C146ED1CF9000F007C117D"
-            BuildableName = "Runner.app"
+            BuildableName = "Buzz.app"
             BlueprintName = "Runner"
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
@@ -85,7 +85,7 @@
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "97C146ED1CF9000F007C117D"
-            BuildableName = "Runner.app"
+            BuildableName = "Buzz.app"
             BlueprintName = "Runner"
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>

mobile/ios/Runner/Info.plist

@@ -84,5 +84,12 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
 </dict>
 </plist>

mobile/ios/Runner/SceneDelegate.swift

@@ -1,6 +1,4 @@
 import Flutter
 import UIKit
 
-class SceneDelegate: FlutterSceneDelegate {
-
-}
+class SceneDelegate: FlutterSceneDelegate {}

mobile/lib/features/activity/activity_page.dart

@@ -27,6 +27,7 @@ import '../profile/user_cache_provider.dart';
 import '../profile/user_profile.dart';
 import 'activity_provider.dart';
 import 'compose_drafts_provider.dart';
+import 'feed_item.dart';
 import 'inbox_item.dart';
 import 'inbox_local_state_provider.dart';
 import 'inbox_read_state.dart';
@@ -37,6 +38,10 @@ part 'activity_page/inbox_row.dart';
 part 'activity_page/lists.dart';
 part 'activity_page/status_views.dart';
 
+const _wideInboxBreakpoint = 1000.0;
+const _wideInboxMinListWidth = 300.0;
+const _wideInboxMaxListWidth = 400.0;
+
 EdgeInsets _activityScrollPadding(
   BuildContext context, {
   double horizontal = 0,
@@ -66,6 +71,14 @@ class ActivityPage extends HookConsumerWidget {
     final channelsAsync = ref.watch(channelsProvider);
     final filter = useState(InboxFilter.all);
     final unreadOnly = useState(false);
+    final selectedItemId = useState<String?>(null);
+    // Retain the event selected before its row is marked read. A grouped row
+    // otherwise recomputes its deep link after the read marker changes and
+    // opens the latest event instead of the oldest unread one the user chose.
+    final selectedItemTarget = useState<FeedItem?>(null);
+    final selectedItemForDetail = useState<InboxItem?>(null);
+    final isWideInbox =
+        MediaQuery.sizeOf(context).width >= _wideInboxBreakpoint;
     final headerTitleStyle = context.textTheme.titleMedium?.copyWith(
       fontSize: 22,
       fontWeight: FontWeight.w600,
@@ -99,6 +112,30 @@ class ActivityPage extends HookConsumerWidget {
             (!unreadOnly.value || !isDone(item)))
           item,
     ];
+    final visibleItemIdsKey = visibleItems
+        .map((item) => item.id)
+        .join('\u0000');
+    useEffect(() {
+      if (!isWideInbox || visibleItems.isEmpty) return null;
+      final hasSelectedItem = visibleItems.any(
+        (item) => item.conversationId == selectedItemId.value,
+      );
+      final retainsSelectedDetail =
+          unreadOnly.value &&
+          selectedItemForDetail.value?.conversationId == selectedItemId.value;
+      if (!hasSelectedItem && !retainsSelectedDetail) {
+        selectedItemId.value = visibleItems.first.conversationId;
+        selectedItemTarget.value = null;
+        selectedItemForDetail.value = null;
+      }
+      return null;
+    }, [isWideInbox, visibleItemIdsKey, filter.value, unreadOnly.value]);
+    final selectedItem =
+        visibleItems.cast<InboxItem?>().firstWhere(
+          (item) => item?.conversationId == selectedItemId.value,
+          orElse: () => null,
+        ) ??
+        (unreadOnly.value ? selectedItemForDetail.value : null);
 
     // Preload sender profiles for visible rows.
     final preloadPubkeys = {
@@ -176,6 +213,14 @@ class ActivityPage extends HookConsumerWidget {
           ? null
           : thread.parentId;
 
+      if (isWideInbox) {
+        selectedItemId.value = item.conversationId;
+        selectedItemTarget.value = target;
+        selectedItemForDetail.value = item;
+        markItemRead(item);
+        return;
+      }
+
       Navigator.of(context).push(
         MaterialPageRoute<void>(
           builder: (_) => ChannelDetailPage(
@@ -292,6 +337,9 @@ class ActivityPage extends HookConsumerWidget {
                   channel: channel,
                   currentPubkey: myPk,
                   isDone: isDone(item),
+                  selected:
+                      isWideInbox &&
+                      item.conversationId == selectedItemId.value,
                   onTap: () => openItem(item),
                   onMarkRead: () => markItemRead(item),
                   onMarkUnread: () => markItemUnread(item),
@@ -303,24 +351,26 @@ class ActivityPage extends HookConsumerWidget {
       );
     }
 
-    return FrostedScaffold(
+    Widget inboxListPane(String title) => FrostedScaffold(
       backgroundColor: Colors.transparent,
       appBar: FrostedAppBar(
         gradient: context.appColors.topSectionGradient,
         automaticallyImplyLeading: false,
-        title: const Text('Activity'),
+        title: Text(title),
         titleStyle: headerTitleStyle,
         actions: [
           _FilterMenuButton(
             filter: filter.value,
             dueReminderCount: dueReminderCount,
             draftCount: drafts.length,
-            onChanged: (f) => filter.value = f,
+            onChanged: (nextFilter) {
+              filter.value = nextFilter;
+            },
           ),
           _InboxOptionsButton(
             unreadOnly: unreadOnly.value,
             unreadCount: unreadVisibleCount,
-            onUnreadOnlyChanged: (v) => unreadOnly.value = v,
+            onUnreadOnlyChanged: (value) => unreadOnly.value = value,
             onMarkAllRead: () {
               for (final item in visibleItems) {
                 if (!isDone(item)) markItemRead(item);
@@ -341,5 +391,131 @@ class ActivityPage extends HookConsumerWidget {
         ),
       ),
     );
+
+    if (isWideInbox) {
+      FeedItem? detailTarget(InboxItem? inboxItem) {
+        if (inboxItem == null) return null;
+        return inboxItem.deepLinkTarget(
+          resolveInboxItemReadAt(inboxItem, markerOf: markerOf),
+        );
+      }
+
+      final selectedTarget =
+          selectedItemTarget.value ?? detailTarget(selectedItem);
+      final selectedChannelId = selectedTarget?.channelId;
+      final selectedChannel = selectedChannelId == null
+          ? null
+          : channelById[selectedChannelId];
+      final selectedThread = selectedTarget == null
+          ? null
+          : isBroadcastReply(selectedTarget.tags)
+          ? null
+          : threadReferenceOf(selectedTarget.tags).parentId;
+
+      return LayoutBuilder(
+        builder: (context, constraints) {
+          final listWidth = (constraints.maxWidth / 3)
+              .clamp(_wideInboxMinListWidth, _wideInboxMaxListWidth)
+              .toDouble();
+          return Row(
+            children: [
+              SizedBox(
+                key: const Key('wide-activity-inbox-list'),
+                width: listWidth,
+                child: inboxListPane('Inbox'),
+              ),
+              VerticalDivider(width: 1, color: context.colors.outlineVariant),
+              Expanded(
+                child: _WideActivityDetail(
+                  item: selectedItem,
+                  channel: selectedChannel,
+                  initialMessageId: selectedTarget?.id,
+                  initialThreadRootId: selectedThread,
+                ),
+              ),
+            ],
+          );
+        },
+      );
+    }
+
+    return inboxListPane('Activity');
+  }
+}
+
+class _WideActivityDetail extends HookWidget {
+  final InboxItem? item;
+  final Channel? channel;
+  final String? initialMessageId;
+  final String? initialThreadRootId;
+
+  const _WideActivityDetail({
+    required this.item,
+    required this.channel,
+    required this.initialMessageId,
+    required this.initialThreadRootId,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (item == null || channel == null || initialMessageId == null) {
+      return const _WideActivityEmptyDetail();
+    }
+
+    final navigatorKey = useMemoized(GlobalKey<NavigatorState>.new, [
+      item!.conversationId,
+    ]);
+    return NavigatorPopHandler(
+      key: ValueKey('wide-activity-detail-${item!.conversationId}'),
+      onPopWithResult: (_) => navigatorKey.currentState?.maybePop(),
+      child: Navigator(
+        key: navigatorKey,
+        onGenerateRoute: (_) => MaterialPageRoute<void>(
+          builder: (_) => ChannelDetailPage(
+            channel: channel!,
+            initialMessageId: initialMessageId,
+            initialThreadRootId: initialThreadRootId,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _WideActivityEmptyDetail extends StatelessWidget {
+  const _WideActivityEmptyDetail();
+
+  @override
+  Widget build(BuildContext context) {
+    return ColoredBox(
+      color: context.colors.surface,
+      child: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              LucideIcons.inbox,
+              color: context.colors.onSurfaceVariant,
+              size: 32,
+            ),
+            const SizedBox(height: Grid.sm),
+            Text(
+              'Select an inbox item',
+              style: context.textTheme.titleMedium?.copyWith(
+                color: context.colors.onSurface,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+            const SizedBox(height: Grid.xxs),
+            Text(
+              'Its conversation will open here.',
+              style: context.textTheme.bodyMedium?.copyWith(
+                color: context.colors.onSurfaceVariant,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
   }
 }