diff --git a/core/lib/src/models/tables/study.dart b/core/lib/src/models/tables/study.dart
index ba0508cdd..687e7238f 100644
--- a/core/lib/src/models/tables/study.dart
+++ b/core/lib/src/models/tables/study.dart
@@ -108,12 +108,14 @@ class Study extends SupabaseObjectFunctions<Study> {
     final study = _$StudyFromJson(json);
     final List? studyTags = json['study_tags'] as List?;
     if (studyTags != null) {
-      study.studyTags = studyTags.map(
+      study.studyTags = studyTags
+          .map(
             (json) => StudyTag.fromTag(
               studyId: study.id,
               tag: Tag.fromJson(json as Map<String, dynamic>),
             ),
-          ).toList();
+          )
+          .toList();
     }
 
     final List? repo = json['repo'] as List?;
diff --git a/designer_v2/lib/common_views/multi_select.dart b/designer_v2/lib/common_views/multi_select.dart
deleted file mode 100644
index 25c2ad504..000000000
--- a/designer_v2/lib/common_views/multi_select.dart
+++ /dev/null
@@ -1,154 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:studyu_designer_v2/common_views/dialog.dart';
-
-// todo can this be stateless?
-class MultiSelectWidget<T> extends StatefulWidget {
-  const MultiSelectWidget({
-    required this.items,
-    required this.selectedOptions,
-    required this.onConfirm,
-    super.key,
-  });
-
-  final List<MultiSelectItem<T>> items;
-  final List<MultiSelectItem<T>> selectedOptions;
-  final void Function(List<MultiSelectItem<T>> selectedItems) onConfirm;
-  final int _maxSelection = 3; // Maximum number of selections
-
-  @override
-  MultiSelectWidgetState<T> createState() => MultiSelectWidgetState<T>();
-}
-
-class MultiSelectWidgetState<T> extends State<MultiSelectWidget<T>> {
-  late List<MultiSelectItem<T>> _selectedOptions;
-
-  void _showSelectionDialog() {
-    /*
-     return AlertDialog(
-                    titlePadding: const EdgeInsets.all(0.0),
-                    contentPadding: const EdgeInsets.all(0.0),
-                    content: SingleChildScrollView(
-     */
-    showDialog(
-      context: context,
-      builder: (BuildContext context) {
-        return StandardDialog(
-          titleText: 'Selected Options',
-          body: SizedBox(
-            width: 300,
-            height: 300,
-            child: MultiSelectDialogContent<T>(
-                items: widget.items, selectedOptions: _selectedOptions, maxSelection: widget._maxSelection),
-          ),
-          actionButtons: [
-            ElevatedButton(
-              onPressed: () {
-                widget.onConfirm(_selectedOptions);
-                Navigator.pop(context);
-              },
-              child: const Text('Close'),
-            ),
-          ],
-        );
-      },
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    _selectedOptions = widget.selectedOptions;
-    return Container(
-      padding: const EdgeInsets.all(0.0),
-      child: Column(
-        children: [
-          //Text(_selectedOptions.toString()),
-          ElevatedButton(
-            onPressed: _showSelectionDialog,
-            child: const Text('Modify tags'),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class MultiSelectDialogContent<T> extends StatefulWidget {
-  const MultiSelectDialogContent({
-    required this.items,
-    required this.selectedOptions,
-    this.maxSelection = 10,
-    super.key,
-  });
-
-  final List<MultiSelectItem<T>> items;
-  final List<MultiSelectItem<T>> selectedOptions;
-  final int maxSelection;
-
-  @override
-  MultiSelectDialogContentState createState() => MultiSelectDialogContentState();
-}
-
-class MultiSelectDialogContentState extends State<MultiSelectDialogContent> {
-  bool _isSelected(MultiSelectItem option) {
-    return widget.selectedOptions.contains(option);
-  }
-
-  void _toggleOption(MultiSelectItem option) {
-    setState(() {
-      if (_isSelected(option)) {
-        widget.selectedOptions.remove(option);
-      } else {
-        if (widget.selectedOptions.length < widget.maxSelection) {
-          widget.selectedOptions.add(option);
-        }
-      }
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    /*
-    child: SizedBox(
-            width: width ?? dialogWidth,
-            height: height,
-            child: IntrinsicHeight(
-              child: Padding(
-                padding: EdgeInsets.fromLTRB(
-                  padding.left,
-                  padding.top,
-                  padding.right,
-                  padding.bottom,
-                ),
-                child:
-     */
-    return SizedBox(
-      child: ListView.builder(
-        itemCount: widget.items.length,
-        itemBuilder: (context, index) {
-          final option = widget.items[index];
-          final isSelected = _isSelected(option);
-          return ListTile(
-            onTap: () => _toggleOption(option),
-            title: Text(option.name),
-            leading: isSelected ? const Icon(Icons.check_box) : const Icon(Icons.check_box_outline_blank),
-          );
-        },
-      ),
-    );
-  }
-}
-
-class MultiSelectItem<T> {
-  MultiSelectItem({required this.name, required this.value});
-
-  String name;
-  T value;
-
-  @override
-  bool operator ==(Object other) =>
-      identical(this, other) ||
-      other is MultiSelectItem && runtimeType == other.runtimeType && name == other.name && value == other.value;
-
-  @override
-  int get hashCode => name.hashCode ^ value.hashCode;
-}
diff --git a/designer_v2/lib/common_views/search.dart b/designer_v2/lib/common_views/search.dart
index 813b4876c..e75656b9a 100644
--- a/designer_v2/lib/common_views/search.dart
+++ b/designer_v2/lib/common_views/search.dart
@@ -58,8 +58,7 @@ class SearchState extends State<Search> {
           backgroundColor: MaterialStateProperty.resolveWith((states) {
             return ThemeConfig.sidesheetBackgroundColor(theme).withOpacity(0.5);
           }),
-        )
-    );
+        ));
   }
 
   @override
@@ -72,5 +71,4 @@ class SearchState extends State<Search> {
 
 class SearchController {
   late void Function(String text) setText;
-
 }
diff --git a/designer_v2/lib/features/dashboard/dashboard_page.dart b/designer_v2/lib/features/dashboard/dashboard_page.dart
index c8d1461ce..12246c7b1 100644
--- a/designer_v2/lib/features/dashboard/dashboard_page.dart
+++ b/designer_v2/lib/features/dashboard/dashboard_page.dart
@@ -68,8 +68,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
               Search(
                   searchController: controller.searchController,
                   hintText: tr.search,
-                  onQueryChanged: (query) => controller.filterStudies(query)
-              ),
+                  onQueryChanged: (query) => controller.filterStudies(query)),
             ],
           ),
           const SizedBox(height: 24.0), // spacing between body elements
@@ -106,8 +105,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                                         ),
                                       )
                                 : const SizedBox.shrink(),
-                          )
-                  );
+                          ));
                 }
                 return const SizedBox.shrink();
               }),
diff --git a/designer_v2/lib/features/dashboard/dashboard_state.dart b/designer_v2/lib/features/dashboard/dashboard_state.dart
index 075ab7720..ff55681b2 100644
--- a/designer_v2/lib/features/dashboard/dashboard_state.dart
+++ b/designer_v2/lib/features/dashboard/dashboard_state.dart
@@ -35,8 +35,7 @@ class DashboardState extends Equatable {
   AsyncValue<List<Study>> visibleStudies(Set<String> pinnedStudies, String query) {
     return studies.when(
       data: (studies) {
-        List<Study> updatedStudies =
-            studiesFilter.apply(studies: studies, user: currentUser).toList();
+        List<Study> updatedStudies = studiesFilter.apply(studies: studies, user: currentUser).toList();
         updatedStudies = filter(studiesToFilter: updatedStudies);
         updatedStudies = sort(pinnedStudies: pinnedStudies, studiesToSort: updatedStudies);
         return AsyncValue.data(updatedStudies);
diff --git a/designer_v2/lib/features/dashboard/studies_table.dart b/designer_v2/lib/features/dashboard/studies_table.dart
index 543f9253b..1a3226735 100644
--- a/designer_v2/lib/features/dashboard/studies_table.dart
+++ b/designer_v2/lib/features/dashboard/studies_table.dart
@@ -37,8 +37,7 @@ class StudiesTable extends StatelessWidget {
       tr.studies_list_header_participants_active,
       tr.studies_list_header_participants_completed,
     ];
-    final int maxLength = headers.fold(
-        0, (max, element) => max > element.length ? max : element.length);
+    final int maxLength = headers.fold(0, (max, element) => max > element.length ? max : element.length);
     final double statsCellWidth = maxLength * 11;
 
     return StandardTable<Study>(
@@ -50,20 +49,17 @@ class StudiesTable extends StatelessWidget {
         ),
         StandardTableColumn(
           label: tr.studies_list_header_title,
-          columnWidth:
-              const MaxColumnWidth(FixedColumnWidth(200), FlexColumnWidth(2.4)),
+          columnWidth: const MaxColumnWidth(FixedColumnWidth(200), FlexColumnWidth(2.4)),
           sortable: true,
         ),
         StandardTableColumn(
           label: tr.studies_list_header_status,
-          columnWidth: const MaxColumnWidth(
-              FixedColumnWidth(90), IntrinsicColumnWidth()),
+          columnWidth: const MaxColumnWidth(FixedColumnWidth(90), IntrinsicColumnWidth()),
           sortable: true,
         ),
         StandardTableColumn(
           label: tr.studies_list_header_participation,
-          columnWidth: const MaxColumnWidth(
-              FixedColumnWidth(130), IntrinsicColumnWidth()),
+          columnWidth: const MaxColumnWidth(FixedColumnWidth(130), IntrinsicColumnWidth()),
           sortable: true,
         ),
         StandardTableColumn(
@@ -73,20 +69,17 @@ class StudiesTable extends StatelessWidget {
         ),
         StandardTableColumn(
           label: tr.studies_list_header_participants_enrolled,
-          columnWidth: MaxColumnWidth(
-              FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
+          columnWidth: MaxColumnWidth(FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
           sortable: true,
         ),
         StandardTableColumn(
           label: tr.studies_list_header_participants_active,
-          columnWidth: MaxColumnWidth(
-              FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
+          columnWidth: MaxColumnWidth(FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
           sortable: true,
         ),
         StandardTableColumn(
           label: tr.studies_list_header_participants_completed,
-          columnWidth: MaxColumnWidth(
-              FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
+          columnWidth: MaxColumnWidth(FixedColumnWidth(statsCellWidth), const IntrinsicColumnWidth()),
           sortable: true,
         ),
       ],
@@ -115,19 +108,16 @@ class StudiesTable extends StatelessWidget {
       (Study a, Study b) => 0, // do not sort pin icon
       (Study a, Study b) => a.title!.compareTo(b.title!),
       (Study a, Study b) => a.status.index.compareTo(b.status.index),
-      (Study a, Study b) =>
-          a.participation.index.compareTo(b.participation.index),
+      (Study a, Study b) => a.participation.index.compareTo(b.participation.index),
       (Study a, Study b) => a.createdAt!.compareTo(b.createdAt!),
       (Study a, Study b) => a.participantCount.compareTo(b.participantCount),
-      (Study a, Study b) =>
-          a.activeSubjectCount.compareTo(b.activeSubjectCount),
+      (Study a, Study b) => a.activeSubjectCount.compareTo(b.activeSubjectCount),
       (Study a, Study b) => a.endedCount.compareTo(b.endedCount),
     ];
     return predicates;
   }
 
-  List<Widget> _buildRow(
-      BuildContext context, Study item, int rowIdx, Set<MaterialState> states) {
+  List<Widget> _buildRow(BuildContext context, Study item, int rowIdx, Set<MaterialState> states) {
     final theme = Theme.of(context);
 
     TextStyle? mutedTextStyleIfZero(int value) {
@@ -191,8 +181,7 @@ class StudiesTable extends StatelessWidget {
                         type: studybadge.BadgeType.outlineFill,
                         icon: null,
                         color: item.studyTags.elementAt(index).color != null
-                            ? Color(int.parse(
-                                item.studyTags.elementAt(index).color!))
+                            ? Color(int.parse(item.studyTags.elementAt(index).color!))
                             : Colors.grey,
                       );
                     },
@@ -209,12 +198,9 @@ class StudiesTable extends StatelessWidget {
         participation: item.participation,
       ),
       Text(item.createdAt?.toTimeAgoString() ?? ''),
-      Text(item.participantCount.toString(),
-          style: mutedTextStyleIfZero(item.participantCount)),
-      Text(item.activeSubjectCount.toString(),
-          style: mutedTextStyleIfZero(item.activeSubjectCount)),
-      Text(item.endedCount.toString(),
-          style: mutedTextStyleIfZero(item.endedCount)),
+      Text(item.participantCount.toString(), style: mutedTextStyleIfZero(item.participantCount)),
+      Text(item.activeSubjectCount.toString(), style: mutedTextStyleIfZero(item.activeSubjectCount)),
+      Text(item.endedCount.toString(), style: mutedTextStyleIfZero(item.endedCount)),
     ];
   }
 }
diff --git a/designer_v2/lib/features/design/info/study_info_form_controller.dart b/designer_v2/lib/features/design/info/study_info_form_controller.dart
index 85180931d..5e10f8482 100644
--- a/designer_v2/lib/features/design/info/study_info_form_controller.dart
+++ b/designer_v2/lib/features/design/info/study_info_form_controller.dart
@@ -6,11 +6,13 @@ import 'package:studyu_designer_v2/features/design/study_form_validation.dart';
 import 'package:studyu_designer_v2/features/forms/form_validation.dart';
 import 'package:studyu_designer_v2/features/forms/form_view_model.dart';
 import 'package:studyu_designer_v2/localization/app_translation.dart';
+import 'package:studyu_designer_v2/repositories/study_tag_repository.dart';
 import 'package:studyu_designer_v2/utils/validation.dart';
 
 class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
   StudyInfoFormViewModel({
     required this.study,
+    required this.studyTagsRepository,
     super.delegate,
     super.formData,
     super.autosave = true,
@@ -18,13 +20,14 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
   });
 
   final Study study;
+  final IStudyTagRepository studyTagsRepository;
 
   // - Form fields
 
   final FormControl<String> titleControl = FormControl();
   final FormControl<IconOption> iconControl = FormControl();
   final FormControl<String> descriptionControl = FormControl();
-  final FormControl<List<StudyTag>> tagsControl = FormControl();
+  final FormControl<List<StudyTag>> studyTagsControl = FormControl();
   final FormControl<String> organizationControl = FormControl();
   final FormControl<String> reviewBoardControl = FormControl();
   final FormControl<String> reviewBoardNumberControl = FormControl();
@@ -39,7 +42,7 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
     'title': titleControl,
     'icon': iconControl,
     'description': descriptionControl,
-    'tags': tagsControl,
+    'studyTags': studyTagsControl,
     'organization': organizationControl,
     'institutionalReviewBoard': reviewBoardControl,
     'institutionalReviewBoardNumber': reviewBoardNumberControl,
@@ -55,7 +58,7 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
     titleControl.value = data.title;
     iconControl.value = IconOption(data.iconName);
     descriptionControl.value = data.description;
-    tagsControl.value = data.tags;
+    studyTagsControl.value = data.studyTags;
     organizationControl.value = data.contactInfoFormData.organization;
     reviewBoardControl.value = data.contactInfoFormData.institutionalReviewBoard;
     reviewBoardNumberControl.value = data.contactInfoFormData.institutionalReviewBoardNumber;
@@ -72,7 +75,7 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
         title: titleControl.value!, // required
         iconName: iconControl.value?.name ?? '',
         description: descriptionControl.value,
-        tags: tagsControl.value?.toList() ?? [],
+        studyTags: studyTagsControl.value!,
         contactInfoFormData: StudyContactInfoFormData(
           organization: organizationControl.value,
           institutionalReviewBoard: reviewBoardControl.value,
@@ -85,6 +88,13 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
         ));
   }
 
+  @override
+  Future save() {
+    return studyTagsRepository
+        .updateStudyTags(studyTagsControl.value!)
+        .then((List<StudyTag?> value) => value.where((tag) => tag != null).cast<StudyTag>().toList());
+  }
+
   @override
   Map<FormMode, String> get titles => throw UnimplementedError(); // unused
 
@@ -97,7 +107,6 @@ class StudyInfoFormViewModel extends FormViewModel<StudyInfoFormData> {
         StudyFormValidationSet.publish: [
           titleRequired,
           descriptionRequired,
-          // todo tagsRequired,
           iconRequired,
           organizationRequired,
           reviewBoardRequired,
diff --git a/designer_v2/lib/features/design/info/study_info_form_data.dart b/designer_v2/lib/features/design/info/study_info_form_data.dart
index e7e9760c1..69a827bea 100644
--- a/designer_v2/lib/features/design/info/study_info_form_data.dart
+++ b/designer_v2/lib/features/design/info/study_info_form_data.dart
@@ -5,14 +5,14 @@ class StudyInfoFormData implements IStudyFormData {
   StudyInfoFormData({
     required this.title,
     this.description,
-    required this.tags,
+    required this.studyTags,
     required this.contactInfoFormData,
     required this.iconName,
   });
 
   final String title;
   final String? description;
-  final List<StudyTag> tags;
+  final List<StudyTag> studyTags;
   final String iconName;
   final StudyContactInfoFormData contactInfoFormData;
 
@@ -20,7 +20,7 @@ class StudyInfoFormData implements IStudyFormData {
     return StudyInfoFormData(
       title: study.title ?? '',
       description: study.description ?? '',
-      tags: study.studyTags,
+      studyTags: study.studyTags,
       iconName: study.iconName,
       contactInfoFormData: StudyContactInfoFormData.fromStudy(study),
     );
@@ -30,7 +30,7 @@ class StudyInfoFormData implements IStudyFormData {
   Study apply(Study study) {
     study.title = title;
     study.description = description;
-    study.studyTags = tags;
+    study.studyTags = studyTags;
     study.iconName = iconName;
     contactInfoFormData.apply(study);
     return study;
diff --git a/designer_v2/lib/features/design/info/study_info_form_view.dart b/designer_v2/lib/features/design/info/study_info_form_view.dart
index 996c51e18..8bbcd355f 100644
--- a/designer_v2/lib/features/design/info/study_info_form_view.dart
+++ b/designer_v2/lib/features/design/info/study_info_form_view.dart
@@ -2,19 +2,17 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:reactive_forms/reactive_forms.dart';
+import 'package:reactive_multi_select_flutter/reactive_multi_select_flutter.dart';
 import 'package:studyu_core/core.dart';
 import 'package:studyu_designer_v2/common_views/async_value_widget.dart';
 import 'package:studyu_designer_v2/common_views/form_table_layout.dart';
 import 'package:studyu_designer_v2/common_views/icon_picker.dart';
-import 'package:studyu_designer_v2/common_views/multi_select.dart';
-import 'package:studyu_designer_v2/common_views/study_tag_badge.dart';
 import 'package:studyu_designer_v2/common_views/text_paragraph.dart';
 import 'package:studyu_designer_v2/features/design/study_design_page_view.dart';
 import 'package:studyu_designer_v2/features/design/study_form_providers.dart';
 import 'package:studyu_designer_v2/features/forms/form_validation.dart';
 import 'package:studyu_designer_v2/features/study/study_controller.dart';
 import 'package:studyu_designer_v2/localization/app_translation.dart';
-import 'package:studyu_designer_v2/repositories/study_tag_repository.dart';
 import 'package:studyu_designer_v2/repositories/tag_repository.dart';
 
 class StudyDesignInfoFormView extends StudyDesignPageWidget {
@@ -27,6 +25,7 @@ class StudyDesignInfoFormView extends StudyDesignPageWidget {
       value: state.study,
       data: (study) {
         final formViewModel = ref.read(studyInfoFormViewModelProvider(studyId));
+        final tags = ref.watch(tagRepositoryProvider);
         return ReactiveForm(
           formGroup: formViewModel.form,
           child: Column(
@@ -83,48 +82,32 @@ class StudyDesignInfoFormView extends StudyDesignPageWidget {
                   ),
                 ),
                 FormTableRow(
-                  control: formViewModel.tagsControl,
+                  control: formViewModel.studyTagsControl,
                   label: 'Tags',
-                  labelHelpText: 'tr.form_field_study_tags_tooltip',
-                  input: ReactiveFormConsumer(builder: (context, form, child) {
-                    final tags = ref.read(tagRepositoryProvider);
-                    final studyTags = ref.read(studyTagRepositoryProvider(studyId));
-                    final selectedTags = formViewModel.tagsControl.value!
-                        .map((e) => MultiSelectItem<Tag>(value: e.tag, name: e.name))
-                        .toList();
-                    selectedTags.sort((a, b) => a.name.compareTo(b.name));
-
-                    return Row(children: [
-                      Wrap(
-                        spacing: 8.0,
-                        children: List<Widget>.generate(formViewModel.tagsControl.value!.length, (index) {
-                          return StudyTagBadge(
-                            tag: formViewModel.tagsControl.value!.elementAt(index),
-                            onRemove: () async => studyTags.delegate.delete(formViewModel.tagsControl.value![index]),
-                          );
-                        }),
-                      ),
-                      const Spacer(),
-                      FutureBuilder<List<Tag>>(
-                          future: tags.getAllTags(),
-                          builder: (BuildContext context, AsyncSnapshot<List<Tag>> snapshot) {
-                            if (snapshot.hasData) {
-                              // todo move to controller
-                              final allTags =
-                                  snapshot.data!.map((e) => MultiSelectItem<Tag>(value: e, name: e.name)).toList();
-                              allTags.sort((a, b) => a.name.compareTo(b.name));
-                              return MultiSelectWidget<Tag>(
-                                items: allTags.toList(),
-                                selectedOptions: selectedTags,
-                                onConfirm: (selectedItems) async =>
-                                    studyTags.updateStudyTags(selectedItems.map((e) => e.value).toList()),
-                              );
-                            } else {
-                              return const SizedBox();
-                            }
-                          }),
-                    ]);
-                  }),
+                  // todo tr
+                  //labelHelpText: 'tr.form_field_study_tags_tooltip',
+                  input: FutureBuilder<List<Tag>>(
+                      future: tags.getAllTags(),
+                      builder: (BuildContext context, AsyncSnapshot<List<Tag>> snapshot) {
+                        if (snapshot.hasData) {
+                          final display = MultiSelectChipDisplay<StudyTag>();
+                          //display.disabled = true;
+                          return Expanded(
+                              child: ReactiveMultiSelectDialogField(
+                            formControl: formViewModel.studyTagsControl,
+                            items: snapshot.data!
+                                .map((e) =>
+                                    MultiSelectItem<StudyTag>(StudyTag.fromTag(tag: e, studyId: studyId), e.name))
+                                .toList(),
+                            dialogHeight: 200,
+                            dialogWidth: 300,
+                            searchable: true,
+                            chipDisplay: display,
+                          ));
+                        } else {
+                          return const SizedBox();
+                        }
+                      }),
                 ),
               ], columnWidths: const {
                 0: FixedColumnWidth(185.0),
diff --git a/designer_v2/lib/features/design/study_form_controller.dart b/designer_v2/lib/features/design/study_form_controller.dart
index f019fbd71..67f9dee42 100644
--- a/designer_v2/lib/features/design/study_form_controller.dart
+++ b/designer_v2/lib/features/design/study_form_controller.dart
@@ -22,12 +22,14 @@ import 'package:studyu_designer_v2/features/forms/form_view_model.dart';
 import 'package:studyu_designer_v2/features/study/study_controller.dart';
 import 'package:studyu_designer_v2/repositories/auth_repository.dart';
 import 'package:studyu_designer_v2/repositories/study_repository.dart';
+import 'package:studyu_designer_v2/repositories/study_tag_repository.dart';
 import 'package:studyu_designer_v2/routing/router.dart';
 
 class StudyFormViewModel extends FormViewModel<Study> implements IFormViewModelDelegate<FormViewModel> {
   StudyFormViewModel({
     required this.router,
     required this.studyRepository,
+    required this.studyTagsRepository,
     required this.authRepository,
     required super.formData, // Study
     super.validationSet = StudyFormValidationSet.draft,
@@ -41,6 +43,7 @@ class StudyFormViewModel extends FormViewModel<Study> implements IFormViewModelD
   Study? studyDirtyCopy;
 
   final IStudyRepository studyRepository;
+  final IStudyTagRepository studyTagsRepository;
   final IAuthRepository authRepository;
   final GoRouter router;
 
@@ -48,6 +51,7 @@ class StudyFormViewModel extends FormViewModel<Study> implements IFormViewModelD
 
   late final StudyInfoFormViewModel studyInfoFormViewModel = StudyInfoFormViewModel(
     formData: StudyInfoFormData.fromStudy(formData!),
+    studyTagsRepository: studyTagsRepository,
     delegate: this,
     study: formData!,
     validationSet: validationSet,
@@ -151,7 +155,7 @@ class StudyFormViewModel extends FormViewModel<Study> implements IFormViewModelD
   Future _applyAndSaveSubform(IStudyFormData subformData) {
     studyDirtyCopy ??= formData!.exactDuplicate();
     subformData.apply(studyDirtyCopy!);
-    // Flush the on-write study copy to the repository & clear it
+    // Flush the on-write study copy to the repository and clear it
     return studyRepository.save(studyDirtyCopy!).then((study) => studyDirtyCopy = null);
   }
 }
@@ -167,6 +171,7 @@ final studyFormViewModelProvider = Provider.autoDispose.family<StudyFormViewMode
   final formViewModel = StudyFormViewModel(
     router: ref.watch(routerProvider),
     studyRepository: ref.watch(studyRepositoryProvider),
+    studyTagsRepository: ref.watch(studyTagRepositoryProvider(studyId)),
     authRepository: ref.watch(authRepositoryProvider),
     formData: state.study.value,
   );
diff --git a/designer_v2/lib/features/design/study_form_providers.dart b/designer_v2/lib/features/design/study_form_providers.dart
index 9688f2aab..cc8de01d6 100644
--- a/designer_v2/lib/features/design/study_form_providers.dart
+++ b/designer_v2/lib/features/design/study_form_providers.dart
@@ -17,6 +17,7 @@ import 'package:studyu_designer_v2/features/design/study_form_validation.dart';
 import 'package:studyu_designer_v2/features/study/study_controller.dart';
 import 'package:studyu_designer_v2/repositories/auth_repository.dart';
 import 'package:studyu_designer_v2/repositories/study_repository.dart';
+import 'package:studyu_designer_v2/repositories/study_tag_repository.dart';
 import 'package:studyu_designer_v2/routing/router.dart';
 import 'package:studyu_designer_v2/routing/router_config.dart';
 
@@ -103,6 +104,7 @@ final studyPublishValidatorProvider = Provider.autoDispose.family<StudyFormViewM
   final formViewModel = StudyFormViewModel(
     router: ref.watch(routerProvider),
     studyRepository: ref.watch(studyRepositoryProvider),
+    studyTagsRepository: ref.watch(studyTagRepositoryProvider(studyId)),
     authRepository: ref.watch(authRepositoryProvider),
     formData: state.study.value,
     validationSet: StudyFormValidationSet.publish,
@@ -120,6 +122,7 @@ final studyTestValidatorProvider = Provider.autoDispose.family<StudyFormViewMode
   final formViewModel = StudyFormViewModel(
     router: ref.watch(routerProvider),
     studyRepository: ref.watch(studyRepositoryProvider),
+    studyTagsRepository: ref.watch(studyTagRepositoryProvider(studyId)),
     authRepository: ref.watch(authRepositoryProvider),
     formData: state.study.value,
     validationSet: StudyFormValidationSet.test,
diff --git a/designer_v2/lib/repositories/model_repository.dart b/designer_v2/lib/repositories/model_repository.dart
index 55aa5639a..c2415a57f 100644
--- a/designer_v2/lib/repositories/model_repository.dart
+++ b/designer_v2/lib/repositories/model_repository.dart
@@ -79,7 +79,9 @@ abstract class IModelRepositoryDelegate<T> {
   Future<List<T>> fetchAll();
   Future<T> fetch(ModelID modelId);
   Future<T> save(T model);
+  // todo saveAll(List<T> models);
   Future<void> delete(T model);
+  // todo deleteAll(List<T> models);
   T createNewInstance();
   T createDuplicate(T model);
   onError(Object error, StackTrace? stackTrace);
diff --git a/designer_v2/lib/repositories/study_tag_repository.dart b/designer_v2/lib/repositories/study_tag_repository.dart
index 4d7bbc19b..214128d71 100644
--- a/designer_v2/lib/repositories/study_tag_repository.dart
+++ b/designer_v2/lib/repositories/study_tag_repository.dart
@@ -8,7 +8,7 @@ import 'package:studyu_designer_v2/repositories/study_repository.dart';
 import 'package:studyu_designer_v2/utils/optimistic_update.dart';
 
 abstract class IStudyTagRepository implements ModelRepository<StudyTag> {
-  List<Future> updateStudyTags(List<Tag> tagsToUpdate);
+  Future<List<StudyTag?>> updateStudyTags(List<StudyTag> tagsToUpdate);
 }
 
 class StudyTagRepository extends ModelRepository<StudyTag> implements IStudyTagRepository {
@@ -39,49 +39,17 @@ class StudyTagRepository extends ModelRepository<StudyTag> implements IStudyTagR
   }
 
   @override
-  List<Future> updateStudyTags(List<Tag> tagsToUpdate) {
-    final currentTags = study.studyTags.toTagList().toSet();
+  Future<List<StudyTag?>> updateStudyTags(List<StudyTag> tagsToUpdate) {
+    final currentTags = study.studyTags.toSet();
     final futureTags = tagsToUpdate.toSet();
-    final addFutures = futureTags
-        .difference(currentTags)
-        .map((e) => delegate.save(StudyTag.fromTag(tag: e, studyId: study.id)))
-        .toList();
-    final deleteFutures = currentTags
-        .difference(futureTags)
-        .map((e) => delegate.delete(StudyTag.fromTag(tag: e, studyId: study.id)))
-        .toList();
-    return [...addFutures, ...deleteFutures];
+    final addFutures = futureTags.difference(currentTags).map((e) => delegate.save(e)).toList();
+    final deleteFutures = currentTags.difference(futureTags).map((e) {
+      delegate.delete(e);
+      return Future.value(null);
+    }).toList();
+    return Future.wait([...addFutures, ...deleteFutures]);
   }
 
-  /*@override
-  List<ModelAction> availableActions(Tag model) {
-    final actions = [
-      ModelAction(
-        type: ModelActionType.clipboard,
-        label: ModelActionType.clipboard.string,
-        onExecute: () => {
-          ref
-              .read(clipboardServiceProvider)
-              .copy(model.id)
-              .then((value) => ref.read(notificationServiceProvider).show(Notifications.StudyTagClipped))
-        },
-      ),
-      ModelAction(
-          type: ModelActionType.delete,
-          label: ModelActionType.delete.string,
-          onExecute: () {
-            return delete(getKey(model))
-                .then((value) => ref.read(routerProvider).dispatch(RoutingIntents.studyRecruit(model.studyId)))
-                .then((value) => Future.delayed(const Duration(milliseconds: 200),
-                    () => ref.read(notificationServiceProvider).show(Notifications.StudyTagDeleted)));
-          },
-          isAvailable: study.isOwner(authRepository.currentUser!),
-          isDestructive: true),
-    ];
-
-    return actions.where((action) => action.isAvailable).toList();
-  }*/
-
   @override
   emitUpdate() {
     print("StudyTagRepository.emitUpdate");
@@ -176,7 +144,7 @@ class StudyTagRepositoryDelegate extends IModelRepositoryDelegate<StudyTag> {
 }
 
 final studyTagRepositoryProvider = Provider.autoDispose.family<IStudyTagRepository, StudyID>((ref, studyId) {
-  print("studyTagRepositoryProvider($studyId");
+  print("studyTagRepositoryProvider");
   // Initialize repository for a given study
   final repository = StudyTagRepository(
     studyId: studyId,
@@ -187,7 +155,7 @@ final studyTagRepositoryProvider = Provider.autoDispose.family<IStudyTagReposito
   );
   // Bind lifecycle to Riverpod
   ref.onDispose(() {
-    print("studyTagRepositoryProvider($studyId.DISPOSE");
+    print("studyTagRepositoryProvider.DISPOSE");
     repository.dispose();
   });
   return repository;
diff --git a/designer_v2/pubspec.lock b/designer_v2/pubspec.lock
index df558d8b9..fe16662db 100644
--- a/designer_v2/pubspec.lock
+++ b/designer_v2/pubspec.lock
@@ -170,10 +170,10 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_lints
-      sha256: aeb0b80a8b3709709c9cc496cdc027c5b3216796bc0af0ce1007eaf24464fd4c
+      sha256: "2118df84ef0c3ca93f96123a616ae8540879991b8b57af2f81b76a7ada49b2a4"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "2.0.2"
   flutter_localizations:
     dependency: "direct main"
     description: flutter
@@ -225,10 +225,10 @@ packages:
     dependency: transitive
     description:
       name: gotrue
-      sha256: "214d5050a68ce68a55da1a6d9d7a2e07e039b359f99f1a17ec685320c9101aa6"
+      sha256: "3639beedcbf3d63d9b2a6ca856138aff03d9e09bddd4c5477de77c58f36c83ae"
       url: "https://pub.dev"
     source: hosted
-    version: "1.8.4"
+    version: "1.9.0"
   hive:
     dependency: transitive
     description:
@@ -249,10 +249,10 @@ packages:
     dependency: transitive
     description:
       name: http
-      sha256: "4c3f04bfb64d3efd508d06b41b825542f08122d30bda4933fb95c069d22a4fa3"
+      sha256: "759d1a329847dd0f39226c688d3e06a6b8679668e350e2891a6474f8b4bb8525"
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.0"
+    version: "1.1.0"
   http_parser:
     dependency: transitive
     description:
@@ -349,6 +349,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.4"
+  multi_select_flutter:
+    dependency: transitive
+    description:
+      name: multi_select_flutter
+      sha256: "503857b415d390d29159df8a9d92d83c6aac17aaf1c307fb7bcfc77d097d20ed"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.3"
   path:
     dependency: transitive
     description:
@@ -477,6 +485,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "15.0.0"
+  reactive_multi_select_flutter:
+    dependency: "direct main"
+    description:
+      name: reactive_multi_select_flutter
+      sha256: c610cbd86eb11f4f7231642911e9a0eeba34177cd1286aca984ef8ef3827684f
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
   realtime_client:
     dependency: transitive
     description:
@@ -521,58 +537,58 @@ packages:
     dependency: "direct main"
     description:
       name: shared_preferences
-      sha256: "396f85b8afc6865182610c0a2fc470853d56499f75f7499e2a73a9f0539d23d0"
+      sha256: "0344316c947ffeb3a529eac929e1978fcd37c26be4e8468628bac399365a3ca1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.2.0"
   shared_preferences_android:
     dependency: transitive
     description:
       name: shared_preferences_android
-      sha256: "6478c6bbbecfe9aced34c483171e90d7c078f5883558b30ec3163cf18402c749"
+      sha256: fe8401ec5b6dcd739a0fe9588802069e608c3fdbfd3c3c93e546cf2f90438076
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.4"
+    version: "2.2.0"
   shared_preferences_foundation:
     dependency: transitive
     description:
       name: shared_preferences_foundation
-      sha256: e014107bb79d6d3297196f4f2d0db54b5d1f85b8ea8ff63b8e8b391a02700feb
+      sha256: "0dc5c49ad8a05ed358b991b60c7b0ba1a14e16dae58af9b420d6b9e82dc024ab"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.2"
+    version: "2.3.0"
   shared_preferences_linux:
     dependency: transitive
     description:
       name: shared_preferences_linux
-      sha256: "9d387433ca65717bbf1be88f4d5bb18f10508917a8fa2fb02e0fd0d7479a9afa"
+      sha256: "71d6806d1449b0a9d4e85e0c7a917771e672a3d5dc61149cc9fac871115018e1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.0"
+    version: "2.3.0"
   shared_preferences_platform_interface:
     dependency: transitive
     description:
       name: shared_preferences_platform_interface
-      sha256: fb5cf25c0235df2d0640ac1b1174f6466bd311f621574997ac59018a6664548d
+      sha256: "23b052f17a25b90ff2b61aad4cc962154da76fb62848a9ce088efe30d7c50ab1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.0"
+    version: "2.3.0"
   shared_preferences_web:
     dependency: transitive
     description:
       name: shared_preferences_web
-      sha256: "74083203a8eae241e0de4a0d597dbedab3b8fef5563f33cf3c12d7e93c655ca5"
+      sha256: "7347b194fb0bbeb4058e6a4e87ee70350b6b2b90f8ac5f8bd5b3a01548f6d33a"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.0"
+    version: "2.2.0"
   shared_preferences_windows:
     dependency: transitive
     description:
       name: shared_preferences_windows
-      sha256: "5e588e2efef56916a3b229c3bfe81e6a525665a454519ca51dbcc4236a274173"
+      sha256: f95e6a43162bce43c9c3405f3eb6f39e5b5d11f65fab19196cf8225e2777624d
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.0"
+    version: "2.3.0"
   sign_in_with_apple:
     dependency: transitive
     description:
@@ -668,18 +684,18 @@ packages:
     dependency: "direct main"
     description:
       name: supabase
-      sha256: "5f5e47fcac99a496e15274d5f6944e1323519df9f8929b4ab9eef8711abeb5f3"
+      sha256: d854acbcfcfe0b3b703854aedd05858d684b2e46f8dca70b262665d7f70ad3d8
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.4"
+    version: "1.9.5"
   supabase_flutter:
     dependency: "direct main"
     description:
       name: supabase_flutter
-      sha256: "1ebe89b83b992123d40dcf5aa88b87d6c2d0a3c62052380cfc94de2337aac469"
+      sha256: "2a32140420a3bd1a9e8c093c08d12bbd93ee9fbb8fc373397ef5a3ad9d93f55c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.4"
+    version: "1.10.6"
   term_glyph:
     dependency: transitive
     description:
@@ -724,10 +740,10 @@ packages:
     dependency: transitive
     description:
       name: url_launcher_android
-      sha256: eed4e6a1164aa9794409325c3b707ff424d4d1c2a785e7db67f8bbda00e36e51
+      sha256: "15f5acbf0dce90146a0f5a2c4a002b1814a6303c4c5c075aa2623b2d16156f03"
       url: "https://pub.dev"
     source: hosted
-    version: "6.0.35"
+    version: "6.0.36"
   url_launcher_ios:
     dependency: transitive
     description:
@@ -756,10 +772,10 @@ packages:
     dependency: transitive
     description:
       name: url_launcher_platform_interface
-      sha256: "6c9ca697a5ae218ce56cece69d46128169a58aa8653c1b01d26fcd4aad8c4370"
+      sha256: bfdfa402f1f3298637d71ca8ecfe840b4696698213d5346e9d12d4ab647ee2ea
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.3"
   url_launcher_web:
     dependency: transitive
     description:
@@ -812,10 +828,10 @@ packages:
     dependency: transitive
     description:
       name: webview_flutter_android
-      sha256: "57a22c86065375c1598b57224f92d6008141be0c877c64100de8bfb6f71083d8"
+      sha256: "69787707339e7588aad256386475c18223cc0da87d9812343bc27c33c01eeab4"
       url: "https://pub.dev"
     source: hosted
-    version: "3.7.1"
+    version: "3.8.1"
   webview_flutter_platform_interface:
     dependency: transitive
     description:
@@ -828,18 +844,18 @@ packages:
     dependency: transitive
     description:
       name: webview_flutter_wkwebview
-      sha256: "6bbc6ade302b842999b27cbaa7171241c273deea8a9c73f92ceb3d811c767de2"
+      sha256: "7b203961d6830f3e5ed1df4c4f0493fea8388a46c4d43716167c4a8ba8ecbe83"
       url: "https://pub.dev"
     source: hosted
-    version: "3.4.4"
+    version: "3.6.0"
   win32:
     dependency: transitive
     description:
       name: win32
-      sha256: "7dacfda1edcca378031db9905ad7d7bd56b29fd1a90b0908b71a52a12c41e36b"
+      sha256: dfdf0136e0aa7a1b474ea133e67cb0154a0acd2599c4f3ada3b49d38d38793ee
       url: "https://pub.dev"
     source: hosted
-    version: "5.0.3"
+    version: "5.0.5"
   xdg_directories:
     dependency: transitive
     description:
diff --git a/designer_v2/pubspec.yaml b/designer_v2/pubspec.yaml
index 3e520c872..23a1be692 100644
--- a/designer_v2/pubspec.yaml
+++ b/designer_v2/pubspec.yaml
@@ -27,6 +27,7 @@ dependencies:
   pointer_interceptor: ^0.9.3+4
   reactive_color_picker: ^1.0.0
   reactive_forms: ^15.0.0
+  reactive_multi_select_flutter: ^1.0.0
   rxdart: ^0.27.7
   shared_preferences: ^2.1.2
   studyu_core: ^4.3.0-dev.5