✨ Add more developer pages (wip)

lib/models/bot.dart

@@ -0,0 +1,69 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:island/models/file.dart';
+import 'package:island/models/account.dart';
+
+part 'bot.freezed.dart';
+part 'bot.g.dart';
+
+@freezed
+sealed class Bot with _$Bot {
+  const factory Bot({
+    @Default('') String id,
+    @Default('') String name,
+    @Default('') String slug,
+    String? description,
+    @Default(0) int status,
+    SnCloudFile? picture,
+    SnCloudFile? background,
+    SnVerificationMark? verification,
+    BotConfig? config,
+    BotLinks? links,
+    @Default('') String publisherId,
+    @Default('') String appId,
+    DateTime? createdAt,
+    DateTime? updatedAt,
+  }) = _Bot;
+
+  factory Bot.fromJson(Map<String, dynamic> json) => _$BotFromJson(json);
+}
+
+@freezed
+sealed class BotConfig with _$BotConfig {
+  const factory BotConfig({
+    @Default(false) bool isPublic,
+    @Default(false) bool isInteractive,
+    @Default([]) List<String> allowedRealms,
+    @Default([]) List<String> allowedChatTypes,
+    @Default({}) Map<String, dynamic> metadata,
+  }) = _BotConfig;
+
+  factory BotConfig.fromJson(Map<String, dynamic> json) =>
+      _$BotConfigFromJson(json);
+}
+
+@freezed
+sealed class BotLinks with _$BotLinks {
+  const factory BotLinks({
+    String? website,
+    String? documentation,
+    String? privacyPolicy,
+    String? termsOfService,
+  }) = _BotLinks;
+
+  factory BotLinks.fromJson(Map<String, dynamic> json) =>
+      _$BotLinksFromJson(json);
+}
+
+@freezed
+sealed class BotSecret with _$BotSecret {
+  const factory BotSecret({
+    @Default('') String id,
+    @Default('') String secret,
+    String? description,
+    DateTime? expiredAt,
+    @Default('') String botId,
+  }) = _BotSecret;
+
+  factory BotSecret.fromJson(Map<String, dynamic> json) =>
+      _$BotSecretFromJson(json);
+}

lib/models/bot.g.dart

@@ -0,0 +1,123 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'bot.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+_Bot _$BotFromJson(Map<String, dynamic> json) => _Bot(
+  id: json['id'] as String? ?? '',
+  name: json['name'] as String? ?? '',
+  slug: json['slug'] as String? ?? '',
+  description: json['description'] as String?,
+  status: (json['status'] as num?)?.toInt() ?? 0,
+  picture:
+      json['picture'] == null
+          ? null
+          : SnCloudFile.fromJson(json['picture'] as Map<String, dynamic>),
+  background:
+      json['background'] == null
+          ? null
+          : SnCloudFile.fromJson(json['background'] as Map<String, dynamic>),
+  verification:
+      json['verification'] == null
+          ? null
+          : SnVerificationMark.fromJson(
+            json['verification'] as Map<String, dynamic>,
+          ),
+  config:
+      json['config'] == null
+          ? null
+          : BotConfig.fromJson(json['config'] as Map<String, dynamic>),
+  links:
+      json['links'] == null
+          ? null
+          : BotLinks.fromJson(json['links'] as Map<String, dynamic>),
+  publisherId: json['publisher_id'] as String? ?? '',
+  appId: json['app_id'] as String? ?? '',
+  createdAt:
+      json['created_at'] == null
+          ? null
+          : DateTime.parse(json['created_at'] as String),
+  updatedAt:
+      json['updated_at'] == null
+          ? null
+          : DateTime.parse(json['updated_at'] as String),
+);
+
+Map<String, dynamic> _$BotToJson(_Bot instance) => <String, dynamic>{
+  'id': instance.id,
+  'name': instance.name,
+  'slug': instance.slug,
+  'description': instance.description,
+  'status': instance.status,
+  'picture': instance.picture?.toJson(),
+  'background': instance.background?.toJson(),
+  'verification': instance.verification?.toJson(),
+  'config': instance.config?.toJson(),
+  'links': instance.links?.toJson(),
+  'publisher_id': instance.publisherId,
+  'app_id': instance.appId,
+  'created_at': instance.createdAt?.toIso8601String(),
+  'updated_at': instance.updatedAt?.toIso8601String(),
+};
+
+_BotConfig _$BotConfigFromJson(Map<String, dynamic> json) => _BotConfig(
+  isPublic: json['is_public'] as bool? ?? false,
+  isInteractive: json['is_interactive'] as bool? ?? false,
+  allowedRealms:
+      (json['allowed_realms'] as List<dynamic>?)
+          ?.map((e) => e as String)
+          .toList() ??
+      const [],
+  allowedChatTypes:
+      (json['allowed_chat_types'] as List<dynamic>?)
+          ?.map((e) => e as String)
+          .toList() ??
+      const [],
+  metadata: json['metadata'] as Map<String, dynamic>? ?? const {},
+);
+
+Map<String, dynamic> _$BotConfigToJson(_BotConfig instance) =>
+    <String, dynamic>{
+      'is_public': instance.isPublic,
+      'is_interactive': instance.isInteractive,
+      'allowed_realms': instance.allowedRealms,
+      'allowed_chat_types': instance.allowedChatTypes,
+      'metadata': instance.metadata,
+    };
+
+_BotLinks _$BotLinksFromJson(Map<String, dynamic> json) => _BotLinks(
+  website: json['website'] as String?,
+  documentation: json['documentation'] as String?,
+  privacyPolicy: json['privacy_policy'] as String?,
+  termsOfService: json['terms_of_service'] as String?,
+);
+
+Map<String, dynamic> _$BotLinksToJson(_BotLinks instance) => <String, dynamic>{
+  'website': instance.website,
+  'documentation': instance.documentation,
+  'privacy_policy': instance.privacyPolicy,
+  'terms_of_service': instance.termsOfService,
+};
+
+_BotSecret _$BotSecretFromJson(Map<String, dynamic> json) => _BotSecret(
+  id: json['id'] as String? ?? '',
+  secret: json['secret'] as String? ?? '',
+  description: json['description'] as String?,
+  expiredAt:
+      json['expired_at'] == null
+          ? null
+          : DateTime.parse(json['expired_at'] as String),
+  botId: json['bot_id'] as String? ?? '',
+);
+
+Map<String, dynamic> _$BotSecretToJson(_BotSecret instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'secret': instance.secret,
+      'description': instance.description,
+      'expired_at': instance.expiredAt?.toIso8601String(),
+      'bot_id': instance.botId,
+    };

lib/route.dart

@@ -8,7 +8,9 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/screens/about.dart';
 import 'package:island/screens/account/credits.dart';
 import 'package:island/screens/developers/apps.dart';
+import 'package:island/screens/developers/bots.dart';
 import 'package:island/screens/developers/edit_app.dart';
+import 'package:island/screens/developers/edit_bot.dart';
 import 'package:island/screens/developers/new_app.dart';
 import 'package:island/screens/developers/hub.dart';
 import 'package:island/screens/discovery/articles.dart';
@@ -315,6 +317,79 @@ final routerProvider = Provider<GoRouter>((ref) {
                       id: state.pathParameters['id']!,
                     ),
               ),
+              // Bot routes
+              GoRoute(
+                name: 'developerBots',
+                path: '/developers/:name/bots',
+                builder:
+                    (context, state) => BotsScreen(
+                      publisherName: state.pathParameters['name']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotsApp',
+                path: '/developers/:name/apps/:appId/bots',
+                builder:
+                    (context, state) => BotsScreen(
+                      publisherName: state.pathParameters['name']!,
+                      appId: state.pathParameters['appId']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotNew',
+                path: '/developers/:name/bots/new',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotNewApp',
+                path: '/developers/:name/apps/:appId/bots/new',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                      appId: state.pathParameters['appId']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotEdit',
+                path: '/developers/:name/bots/:id',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                      id: state.pathParameters['id']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotEditApp',
+                path: '/developers/:name/apps/:appId/bots/:id',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                      id: state.pathParameters['id']!,
+                      appId: state.pathParameters['appId']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotDetail',
+                path: '/developers/:name/bots/:id/detail',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                      id: state.pathParameters['id']!,
+                    ),
+              ),
+              GoRoute(
+                name: 'developerBotDetailApp',
+                path: '/developers/:name/apps/:appId/bots/:id/detail',
+                builder:
+                    (context, state) => EditBotScreen(
+                      publisherName: state.pathParameters['name']!,
+                      id: state.pathParameters['id']!,
+                      appId: state.pathParameters['appId']!,
+                    ),
+              ),
             ],
           ),
 

lib/screens/developers/apps.dart

@@ -18,7 +18,7 @@ part 'apps.g.dart';
 @riverpod
 Future<List<CustomApp>> customApps(Ref ref, String publisherName) async {
   final client = ref.watch(apiClientProvider);
-  final resp = await client.get('/develop/developers/$publisherName/apps');
+  final resp = await client.get('/develop/$publisherName');
   return resp.data.map((e) => CustomApp.fromJson(e)).cast<CustomApp>().toList();
 }
 
@@ -138,9 +138,7 @@ class CustomAppsScreen extends HookConsumerWidget {
                               ).then((confirm) {
                                 if (confirm) {
                                   final client = ref.read(apiClientProvider);
-                                  client.delete(
-                                    '/develop/developers/$publisherName/apps/${app.id}',
-                                  );
+                                  client.delete('/develop/apps/${app.id}');
                                   ref.invalidate(
                                     customAppsProvider(publisherName),
                                   );

lib/screens/developers/apps.g.dart

@@ -6,7 +6,7 @@ part of 'apps.dart';
 // RiverpodGenerator
 // **************************************************************************
 
-String _$customAppsHash() => r'c6ac78060eb51a2b208a749a81ecbe0a9c608ce1';
+String _$customAppsHash() => r'bcceb50ddbc9ca01f6555faf9b4f9ed21a7b5057';
 
 /// Copied from Dart SDK
 class _SystemHash {

lib/screens/developers/bots.dart

@@ -0,0 +1,160 @@
+import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:go_router/go_router.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/models/bot.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/widgets/alert.dart';
+import 'package:island/widgets/app_scaffold.dart';
+import 'package:island/widgets/content/cloud_files.dart';
+import 'package:island/widgets/response.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+part 'bots.g.dart';
+
+@riverpod
+Future<List<Bot>> bots(Ref ref, String publisherName, {String? appId}) async {
+  final client = ref.watch(apiClientProvider);
+  final queryParams = {
+    'publisher': publisherName,
+    if (appId != null) 'app_id': appId,
+  };
+  final resp = await client.get('/develop/bots', queryParameters: queryParams);
+  return resp.data.map((e) => Bot.fromJson(e)).cast<Bot>().toList();
+}
+
+class BotsScreen extends HookConsumerWidget {
+  final String publisherName;
+  final String? appId;
+  const BotsScreen({super.key, required this.publisherName, this.appId});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final botsList = ref.watch(botsProvider(publisherName, appId: appId));
+
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text('bots').tr(),
+        actions: [
+          IconButton(
+            icon: const Icon(Symbols.add),
+            onPressed: () {
+              context.pushNamed(
+                'developerBotNew',
+                pathParameters: {
+                  'name': publisherName,
+                  if (appId != null) 'appId': appId!,
+                },
+              );
+            },
+          ),
+        ],
+      ),
+      body: botsList.when(
+        data: (data) {
+          if (data.isEmpty) {
+            return Center(child: Text('noBots').tr());
+          }
+          return RefreshIndicator(
+            onRefresh:
+                () => ref.refresh(
+                  botsProvider(publisherName, appId: appId).future,
+                ),
+            child: ListView.builder(
+              padding: const EdgeInsets.only(top: 4),
+              itemCount: data.length,
+              itemBuilder: (context, index) {
+                final bot = data[index];
+                return Card(
+                  margin: const EdgeInsets.all(8.0),
+                  child: ListTile(
+                    leading: CircleAvatar(
+                      child:
+                          bot.picture != null
+                              ? CloudFileWidget(item: bot.picture!)
+                              : const Icon(Symbols.smart_toy),
+                    ),
+                    title: Text(bot.name),
+                    subtitle: Text(bot.description ?? ''),
+                    trailing: PopupMenuButton(
+                      itemBuilder:
+                          (context) => [
+                            PopupMenuItem(
+                              value: 'edit',
+                              child: Row(
+                                children: [
+                                  const Icon(Symbols.edit),
+                                  const SizedBox(width: 12),
+                                  Text('edit').tr(),
+                                ],
+                              ),
+                            ),
+                            PopupMenuItem(
+                              value: 'delete',
+                              child: Row(
+                                children: [
+                                  const Icon(Symbols.delete, color: Colors.red),
+                                  const SizedBox(width: 12),
+                                  Text(
+                                    'delete',
+                                    style: TextStyle(color: Colors.red),
+                                  ).tr(),
+                                ],
+                              ),
+                            ),
+                          ],
+                      onSelected: (value) {
+                        if (value == 'edit') {
+                          context.pushNamed(
+                            'developerBotEdit',
+                            pathParameters: {
+                              'name': publisherName,
+                              'id': bot.id,
+                              if (appId != null) 'appId': appId!,
+                            },
+                          );
+                        } else if (value == 'delete') {
+                          showConfirmAlert(
+                            'deleteBotHint'.tr(),
+                            'deleteBot'.tr(),
+                          ).then((confirm) {
+                            if (confirm) {
+                              final client = ref.read(apiClientProvider);
+                              client.delete('/develop/bots/${bot.id}');
+                              ref.invalidate(
+                                botsProvider(publisherName, appId: appId),
+                              );
+                            }
+                          });
+                        }
+                      },
+                    ),
+                    onTap: () {
+                      context.pushNamed(
+                        'developerBotDetail',
+                        pathParameters: {
+                          'name': publisherName,
+                          'id': bot.id,
+                          if (appId != null) 'appId': appId!,
+                        },
+                      );
+                    },
+                  ),
+                );
+              },
+            ),
+          );
+        },
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error:
+            (err, stack) => ResponseErrorWidget(
+              error: err,
+              onRetry:
+                  () =>
+                      ref.invalidate(botsProvider(publisherName, appId: appId)),
+            ),
+      ),
+    );
+  }
+}

lib/screens/developers/bots.g.dart

@@ -0,0 +1,156 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'bots.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$botsHash() => r'04bff237afa91032310eaa8acd792c5a98da0d75';
+
+/// Copied from Dart SDK
+class _SystemHash {
+  _SystemHash._();
+
+  static int combine(int hash, int value) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + value);
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x0007ffff & hash) << 10));
+    return hash ^ (hash >> 6);
+  }
+
+  static int finish(int hash) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x03ffffff & hash) << 3));
+    // ignore: parameter_assignments
+    hash = hash ^ (hash >> 11);
+    return 0x1fffffff & (hash + ((0x00003fff & hash) << 15));
+  }
+}
+
+/// See also [bots].
+@ProviderFor(bots)
+const botsProvider = BotsFamily();
+
+/// See also [bots].
+class BotsFamily extends Family<AsyncValue<List<Bot>>> {
+  /// See also [bots].
+  const BotsFamily();
+
+  /// See also [bots].
+  BotsProvider call(String publisherName, {String? appId}) {
+    return BotsProvider(publisherName, appId: appId);
+  }
+
+  @override
+  BotsProvider getProviderOverride(covariant BotsProvider provider) {
+    return call(provider.publisherName, appId: provider.appId);
+  }
+
+  static const Iterable<ProviderOrFamily>? _dependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get dependencies => _dependencies;
+
+  static const Iterable<ProviderOrFamily>? _allTransitiveDependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get allTransitiveDependencies =>
+      _allTransitiveDependencies;
+
+  @override
+  String? get name => r'botsProvider';
+}
+
+/// See also [bots].
+class BotsProvider extends AutoDisposeFutureProvider<List<Bot>> {
+  /// See also [bots].
+  BotsProvider(String publisherName, {String? appId})
+    : this._internal(
+        (ref) => bots(ref as BotsRef, publisherName, appId: appId),
+        from: botsProvider,
+        name: r'botsProvider',
+        debugGetCreateSourceHash:
+            const bool.fromEnvironment('dart.vm.product') ? null : _$botsHash,
+        dependencies: BotsFamily._dependencies,
+        allTransitiveDependencies: BotsFamily._allTransitiveDependencies,
+        publisherName: publisherName,
+        appId: appId,
+      );
+
+  BotsProvider._internal(
+    super._createNotifier, {
+    required super.name,
+    required super.dependencies,
+    required super.allTransitiveDependencies,
+    required super.debugGetCreateSourceHash,
+    required super.from,
+    required this.publisherName,
+    required this.appId,
+  }) : super.internal();
+
+  final String publisherName;
+  final String? appId;
+
+  @override
+  Override overrideWith(FutureOr<List<Bot>> Function(BotsRef provider) create) {
+    return ProviderOverride(
+      origin: this,
+      override: BotsProvider._internal(
+        (ref) => create(ref as BotsRef),
+        from: from,
+        name: null,
+        dependencies: null,
+        allTransitiveDependencies: null,
+        debugGetCreateSourceHash: null,
+        publisherName: publisherName,
+        appId: appId,
+      ),
+    );
+  }
+
+  @override
+  AutoDisposeFutureProviderElement<List<Bot>> createElement() {
+    return _BotsProviderElement(this);
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return other is BotsProvider &&
+        other.publisherName == publisherName &&
+        other.appId == appId;
+  }
+
+  @override
+  int get hashCode {
+    var hash = _SystemHash.combine(0, runtimeType.hashCode);
+    hash = _SystemHash.combine(hash, publisherName.hashCode);
+    hash = _SystemHash.combine(hash, appId.hashCode);
+
+    return _SystemHash.finish(hash);
+  }
+}
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+mixin BotsRef on AutoDisposeFutureProviderRef<List<Bot>> {
+  /// The parameter `publisherName` of this provider.
+  String get publisherName;
+
+  /// The parameter `appId` of this provider.
+  String? get appId;
+}
+
+class _BotsProviderElement extends AutoDisposeFutureProviderElement<List<Bot>>
+    with BotsRef {
+  _BotsProviderElement(super.provider);
+
+  @override
+  String get publisherName => (origin as BotsProvider).publisherName;
+  @override
+  String? get appId => (origin as BotsProvider).appId;
+}
+
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package

lib/screens/developers/edit_app.dart

@@ -24,7 +24,7 @@ part 'edit_app.g.dart';
 @riverpod
 Future<CustomApp?> customApp(Ref ref, String publisherName, String id) async {
   final client = ref.watch(apiClientProvider);
-  final resp = await client.get('/develop/developers/$publisherName/apps/$id');
+  final resp = await client.get('/develop/apps/$id');
   return CustomApp.fromJson(resp.data);
 }
 
@@ -283,14 +283,11 @@ class EditAppScreen extends HookConsumerWidget {
       };
       if (isNew) {
         await client.post(
-          '/develop/developers/$publisherName/apps',
-          data: data,
+          '/develop/apps',
+          data: {...data, 'publisher_id': publisherName},
         );
       } else {
-        await client.patch(
-          '/develop/developers/$publisherName/apps/$id',
-          data: data,
-        );
+        await client.patch('/develop/apps/$id', data: data);
       }
       ref.invalidate(customAppsProvider(publisherName));
       if (context.mounted) {

lib/screens/developers/edit_app.g.dart

@@ -6,7 +6,7 @@ part of 'edit_app.dart';
 // RiverpodGenerator
 // **************************************************************************
 
-String _$customAppHash() => r'42ad937b8439c793e3c5c35568bb5fa4da017df3';
+String _$customAppHash() => r'e2b022c9103cf459f7d81018e34d8f7a31b5c864';
 
 /// Copied from Dart SDK
 class _SystemHash {

lib/screens/developers/edit_bot.dart

@@ -0,0 +1,263 @@
+import 'package:croppy/croppy.dart' hide cropImage;
+import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:island/models/bot.dart';
+import 'package:island/models/file.dart';
+import 'package:island/pods/config.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/services/file.dart';
+import 'package:island/widgets/alert.dart';
+import 'package:island/widgets/app_scaffold.dart';
+import 'package:island/widgets/content/cloud_files.dart';
+import 'package:island/widgets/response.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+part 'edit_bot.g.dart';
+
+@riverpod
+Future<Bot?> bot(Ref ref, String id) async {
+  final client = ref.watch(apiClientProvider);
+  final resp = await client.get('/develop/bots/$id');
+  return Bot.fromJson(resp.data);
+}
+
+class EditBotScreen extends HookConsumerWidget {
+  final String publisherName;
+  final String? id;
+  final String? appId;
+  const EditBotScreen({
+    super.key,
+    required this.publisherName,
+    this.id,
+    this.appId,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isNew = id == null;
+    final botData = isNew ? null : ref.watch(botProvider(id!));
+
+    final formKey = useMemoized(() => GlobalKey<FormState>());
+    final submitting = useState(false);
+
+    final nameController = useTextEditingController();
+    final slugController = useTextEditingController();
+    final descriptionController = useTextEditingController();
+    final picture = useState<SnCloudFile?>(null);
+    final websiteController = useTextEditingController();
+    final documentationController = useTextEditingController();
+
+    final isPublic = useState(false);
+    final isInteractive = useState(false);
+
+    useEffect(() {
+      if (botData?.value != null) {
+        nameController.text = botData!.value!.name;
+        slugController.text = botData.value!.slug;
+        descriptionController.text = botData.value!.description ?? '';
+        picture.value = botData.value!.picture;
+        websiteController.text = botData.value!.links?.website ?? '';
+        documentationController.text =
+            botData.value!.links?.documentation ?? '';
+        isPublic.value = botData.value!.config?.isPublic ?? false;
+        isInteractive.value = botData.value!.config?.isInteractive ?? false;
+      }
+      return null;
+    }, [botData]);
+
+    void setPicture() async {
+      showLoadingModal(context);
+      var result = await ref
+          .read(imagePickerProvider)
+          .pickImage(source: ImageSource.gallery);
+      if (result == null) {
+        if (context.mounted) hideLoadingModal(context);
+        return;
+      }
+      if (!context.mounted) return;
+      hideLoadingModal(context);
+
+      result = await cropImage(
+        context,
+        image: result,
+        allowedAspectRatios: [const CropAspectRatio(height: 1, width: 1)],
+      );
+      if (result == null) {
+        if (context.mounted) hideLoadingModal(context);
+        return;
+      }
+      if (!context.mounted) return;
+      showLoadingModal(context);
+
+      submitting.value = true;
+      try {
+        final baseUrl = ref.watch(serverUrlProvider);
+        final token = await getToken(ref.watch(tokenProvider));
+        if (token == null) throw ArgumentError('Token is null');
+        final cloudFile =
+            await putMediaToCloud(
+              fileData: UniversalFile(
+                data: result,
+                type: UniversalFileType.image,
+              ),
+              atk: token,
+              baseUrl: baseUrl,
+              filename: result.name,
+              mimetype: result.mimeType ?? 'image/jpeg',
+            ).future;
+        if (cloudFile == null) {
+          throw ArgumentError('Failed to upload the file...');
+        }
+        picture.value = cloudFile;
+      } catch (err) {
+        showErrorAlert(err);
+      } finally {
+        if (context.mounted) hideLoadingModal(context);
+        submitting.value = false;
+      }
+    }
+
+    void performAction() async {
+      final client = ref.read(apiClientProvider);
+      final data = {
+        'name': nameController.text,
+        'slug': slugController.text,
+        'description': descriptionController.text,
+        'picture_id': picture.value?.id,
+        'config': {
+          'is_public': isPublic.value,
+          'is_interactive': isInteractive.value,
+        },
+        'links': {
+          'website':
+              websiteController.text.isNotEmpty ? websiteController.text : null,
+          'documentation':
+              documentationController.text.isNotEmpty
+                  ? documentationController.text
+                  : null,
+        },
+        'publisher_id': publisherName,
+        if (appId != null) 'app_id': appId,
+      };
+
+      if (isNew) {
+        await client.post('/develop/bots', data: data);
+      } else {
+        await client.patch('/develop/bots/$id', data: data);
+      }
+
+      if (context.mounted) {
+        Navigator.pop(context);
+      }
+    }
+
+    return AppScaffold(
+      appBar: AppBar(title: Text(isNew ? 'createBot'.tr() : 'editBot'.tr())),
+      body:
+          botData == null && !isNew
+              ? const Center(child: CircularProgressIndicator())
+              : botData?.hasError == true && !isNew
+              ? ResponseErrorWidget(
+                error: botData!.error,
+                onRetry: () => ref.invalidate(botProvider(id!)),
+              )
+              : SingleChildScrollView(
+                child: Column(
+                  children: [
+                    AspectRatio(
+                      aspectRatio: 1,
+                      child: GestureDetector(
+                        onTap: setPicture,
+                        child: Container(
+                          color:
+                              Theme.of(
+                                context,
+                              ).colorScheme.surfaceContainerHigh,
+                          child:
+                              picture.value != null
+                                  ? CloudFileWidget(
+                                    item: picture.value!,
+                                    fit: BoxFit.cover,
+                                  )
+                                  : const Icon(Symbols.smart_toy, size: 48),
+                        ),
+                      ),
+                    ).padding(bottom: 32),
+                    Form(
+                      key: formKey,
+                      child: Column(
+                        children: [
+                          TextFormField(
+                            controller: nameController,
+                            decoration: InputDecoration(labelText: 'name'.tr()),
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: slugController,
+                            decoration: InputDecoration(
+                              labelText: 'slug'.tr(),
+                              helperText: 'slugHint'.tr(),
+                            ),
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: descriptionController,
+                            decoration: InputDecoration(
+                              labelText: 'description'.tr(),
+                              alignLabelWithHint: true,
+                            ),
+                            maxLines: 3,
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: websiteController,
+                            decoration: InputDecoration(
+                              labelText: 'websiteUrl'.tr(),
+                              hintText: 'https://example.com',
+                            ),
+                            keyboardType: TextInputType.url,
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: documentationController,
+                            decoration: InputDecoration(
+                              labelText: 'documentationUrl'.tr(),
+                              hintText: 'https://example.com/docs',
+                            ),
+                            keyboardType: TextInputType.url,
+                          ),
+                          const SizedBox(height: 16),
+                          SwitchListTile(
+                            title: Text('isPublic').tr(),
+                            value: isPublic.value,
+                            onChanged: (value) => isPublic.value = value,
+                          ),
+                          SwitchListTile(
+                            title: Text('isInteractive').tr(),
+                            value: isInteractive.value,
+                            onChanged: (value) => isInteractive.value = value,
+                          ),
+                          const SizedBox(height: 16),
+                          Align(
+                            alignment: Alignment.centerRight,
+                            child: TextButton.icon(
+                              onPressed:
+                                  submitting.value ? null : performAction,
+                              label: Text('saveChanges'.tr()),
+                              icon: const Icon(Symbols.save),
+                            ),
+                          ),
+                        ],
+                      ).padding(all: 24),
+                    ),
+                  ],
+                ),
+              ),
+    );
+  }
+}

lib/screens/developers/edit_bot.g.dart

@@ -0,0 +1,144 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'edit_bot.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$botHash() => r'267c75029a194fe180aeaebf12cbb0c1da9b8529';
+
+/// Copied from Dart SDK
+class _SystemHash {
+  _SystemHash._();
+
+  static int combine(int hash, int value) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + value);
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x0007ffff & hash) << 10));
+    return hash ^ (hash >> 6);
+  }
+
+  static int finish(int hash) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x03ffffff & hash) << 3));
+    // ignore: parameter_assignments
+    hash = hash ^ (hash >> 11);
+    return 0x1fffffff & (hash + ((0x00003fff & hash) << 15));
+  }
+}
+
+/// See also [bot].
+@ProviderFor(bot)
+const botProvider = BotFamily();
+
+/// See also [bot].
+class BotFamily extends Family<AsyncValue<Bot?>> {
+  /// See also [bot].
+  const BotFamily();
+
+  /// See also [bot].
+  BotProvider call(String id) {
+    return BotProvider(id);
+  }
+
+  @override
+  BotProvider getProviderOverride(covariant BotProvider provider) {
+    return call(provider.id);
+  }
+
+  static const Iterable<ProviderOrFamily>? _dependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get dependencies => _dependencies;
+
+  static const Iterable<ProviderOrFamily>? _allTransitiveDependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get allTransitiveDependencies =>
+      _allTransitiveDependencies;
+
+  @override
+  String? get name => r'botProvider';
+}
+
+/// See also [bot].
+class BotProvider extends AutoDisposeFutureProvider<Bot?> {
+  /// See also [bot].
+  BotProvider(String id)
+    : this._internal(
+        (ref) => bot(ref as BotRef, id),
+        from: botProvider,
+        name: r'botProvider',
+        debugGetCreateSourceHash:
+            const bool.fromEnvironment('dart.vm.product') ? null : _$botHash,
+        dependencies: BotFamily._dependencies,
+        allTransitiveDependencies: BotFamily._allTransitiveDependencies,
+        id: id,
+      );
+
+  BotProvider._internal(
+    super._createNotifier, {
+    required super.name,
+    required super.dependencies,
+    required super.allTransitiveDependencies,
+    required super.debugGetCreateSourceHash,
+    required super.from,
+    required this.id,
+  }) : super.internal();
+
+  final String id;
+
+  @override
+  Override overrideWith(FutureOr<Bot?> Function(BotRef provider) create) {
+    return ProviderOverride(
+      origin: this,
+      override: BotProvider._internal(
+        (ref) => create(ref as BotRef),
+        from: from,
+        name: null,
+        dependencies: null,
+        allTransitiveDependencies: null,
+        debugGetCreateSourceHash: null,
+        id: id,
+      ),
+    );
+  }
+
+  @override
+  AutoDisposeFutureProviderElement<Bot?> createElement() {
+    return _BotProviderElement(this);
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return other is BotProvider && other.id == id;
+  }
+
+  @override
+  int get hashCode {
+    var hash = _SystemHash.combine(0, runtimeType.hashCode);
+    hash = _SystemHash.combine(hash, id.hashCode);
+
+    return _SystemHash.finish(hash);
+  }
+}
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+mixin BotRef on AutoDisposeFutureProviderRef<Bot?> {
+  /// The parameter `id` of this provider.
+  String get id;
+}
+
+class _BotProviderElement extends AutoDisposeFutureProviderElement<Bot?>
+    with BotRef {
+  _BotProviderElement(super.provider);
+
+  @override
+  String get id => (origin as BotProvider).id;
+}
+
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package

lib/screens/developers/hub.dart

@@ -251,6 +251,24 @@ class DeveloperHubScreen extends HookConsumerWidget {
                               );
                             },
                           ),
+                          ListTile(
+                            minTileHeight: 48,
+                            title: Text('bots').tr(),
+                            trailing: Icon(Symbols.chevron_right),
+                            leading: const Icon(Symbols.smart_toy),
+                            contentPadding: EdgeInsets.symmetric(
+                              horizontal: 24,
+                            ),
+                            onTap: () {
+                              context.pushNamed(
+                                'developerBots',
+                                pathParameters: {
+                                  'name':
+                                      currentDeveloper.value!.publisher!.name,
+                                },
+                              );
+                            },
+                          ),
                         ],
                       ),
             ),

lib/screens/developers/hub.g.dart

@@ -6,7 +6,7 @@ part of 'hub.dart';
 // RiverpodGenerator
 // **************************************************************************
 
-String _$developerStatsHash() => r'45546f29ec7cd1a9c3a4e0f4e39275e78bf34755';
+String _$developerStatsHash() => r'4ca5c3f7abf4158cb32116e806f18faa888020d5';
 
 /// Copied from Dart SDK
 class _SystemHash {
@@ -149,7 +149,7 @@ class _DeveloperStatsProviderElement
   String? get uname => (origin as DeveloperStatsProvider).uname;
 }
 
-String _$developersHash() => r'252341098617ac398ce133994453f318dd3edbd2';
+String _$developersHash() => r'1793a1897ad105cb424525b357fd33ed15215f26';
 
 /// See also [developers].
 @ProviderFor(developers)