From 6e424556314da3963dbd483b01cedbc211e43c0c Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 12:54:11 -0500
Subject: [PATCH 01/11] Fix activity bar component type validation

---
 client/src/components/ActivityBar/ActivityBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index baf94bb99493..dc42f1a8ea1b 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -152,7 +152,7 @@ function onToggleSidebar(toggle: string, to: string | null = null) {
                                 :title="activity.title"
                                 :tooltip="activity.tooltip" />
                             <InteractiveItem
-                                v-else-if="activity.id === 'interactivetools'"
+                                v-else-if="activity.to && activity.id === 'interactivetools'"
                                 :id="`activity-${activity.id}`"
                                 :key="activity.id"
                                 :icon="activity.icon"

From 05ce6f299dddc306d3c56ea3ed8607318a4ce3ba Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 13:06:08 -0500
Subject: [PATCH 02/11] Switch activity bar on by default

---
 client/src/composables/usePanels.ts | 2 +-
 client/src/stores/userStore.ts      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/composables/usePanels.ts b/client/src/composables/usePanels.ts
index 46f6f334cc68..2b2d97cb020d 100644
--- a/client/src/composables/usePanels.ts
+++ b/client/src/composables/usePanels.ts
@@ -15,7 +15,7 @@ export function usePanels() {
         return true;
     });
 
-    const showActivityBar = computed(() => showPanels.value && userStore.showActivityBar && !userStore.isAnonymous);
+    const showActivityBar = computed(() => showPanels.value && userStore.showActivityBar);
     const showToolbox = computed(() => showPanels.value && !showActivityBar.value);
 
     return {
diff --git a/client/src/stores/userStore.ts b/client/src/stores/userStore.ts
index e5296255d9ac..68b9820585f8 100644
--- a/client/src/stores/userStore.ts
+++ b/client/src/stores/userStore.ts
@@ -43,7 +43,7 @@ export const useUserStore = defineStore("userStore", () => {
 
     // explicitly pass current User, because userStore might not exist yet
     const toggledSideBar = useUserLocalStorage("user-store-toggled-side-bar", "tools", currentUser);
-    const showActivityBar = useUserLocalStorage("user-store-show-activity-bar", false, currentUser);
+    const showActivityBar = useUserLocalStorage("user-store-show-activity-bar", true, currentUser);
     const preferredListViewMode = useUserLocalStorage("user-store-preferred-list-view-mode", "grid", currentUser);
 
     let loadPromise: Promise<void> | null = null;

From 9398abeabd73265c313208c3127cbac165dc07bf Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 13:07:29 -0500
Subject: [PATCH 03/11] Remove parsed route from user permission route handler

---
 client/src/entry/analysis/router.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/entry/analysis/router.js b/client/src/entry/analysis/router.js
index 8714d6fa4da9..0179bcb126d1 100644
--- a/client/src/entry/analysis/router.js
+++ b/client/src/entry/analysis/router.js
@@ -451,9 +451,9 @@ export function getRouter(Galaxy) {
                         path: "user/permissions",
                         component: UserDatasetPermissions,
                         redirect: redirectAnon(),
-                        props: (route) => ({
+                        props: {
                             userId: Galaxy.user.id,
-                        }),
+                        },
                     },
                     {
                         path: "user/:formId",

From 2b1897e960ae5b4f04694414b9ea3feb8c375f8f Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 13:08:53 -0500
Subject: [PATCH 04/11] Require login to access workflow invocations

---
 client/src/entry/analysis/router.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/src/entry/analysis/router.js b/client/src/entry/analysis/router.js
index 0179bcb126d1..bde9b7917279 100644
--- a/client/src/entry/analysis/router.js
+++ b/client/src/entry/analysis/router.js
@@ -524,6 +524,7 @@ export function getRouter(Galaxy) {
                     {
                         path: "workflows/invocations",
                         component: UserInvocations,
+                        redirect: redirectAnon(),
                     },
                     {
                         path: "workflows/invocations/report",

From 6330e4a291f7f3ca9490b7a13e3eae074a913de4 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 14:05:38 -0500
Subject: [PATCH 05/11] Redirect to login page instead of home if login is
 required for a certain route

---
 client/src/entry/analysis/router.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/entry/analysis/router.js b/client/src/entry/analysis/router.js
index bde9b7917279..f6c1ac2d2bf4 100644
--- a/client/src/entry/analysis/router.js
+++ b/client/src/entry/analysis/router.js
@@ -82,7 +82,7 @@ patchRouterPush(VueRouter);
 function redirectAnon() {
     const Galaxy = getGalaxyInstance();
     if (!Galaxy.user || !Galaxy.user.id) {
-        return "/";
+        return "/login/start";
     }
 }
 

From e1e7f93d4e9c8f060ed21a30479e05bfe6a9cf36 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 14:08:50 -0500
Subject: [PATCH 06/11] Remove upload button from tool panel

---
 client/src/components/Panels/ToolBox.vue      |  2 -
 client/src/components/Upload/UploadButton.vue | 62 -------------------
 2 files changed, 64 deletions(-)
 delete mode 100644 client/src/components/Upload/UploadButton.vue

diff --git a/client/src/components/Panels/ToolBox.vue b/client/src/components/Panels/ToolBox.vue
index 7296116bc834..a16fa4798c34 100644
--- a/client/src/components/Panels/ToolBox.vue
+++ b/client/src/components/Panels/ToolBox.vue
@@ -18,7 +18,6 @@ import { filterTools, getValidPanelItems, getValidToolsInCurrentView, getValidTo
 
 import ToolSearch from "./Common/ToolSearch.vue";
 import ToolSection from "./Common/ToolSection.vue";
-import UploadButton from "@/components/Upload/UploadButton.vue";
 
 const SECTION_IDS_TO_EXCLUDE = ["expression_tools"]; // if this isn't the Workflow Editor panel
 
@@ -253,7 +252,6 @@ function setButtonText() {
                 @onQuery="(q) => (query = q)"
                 @onResults="onResults" />
             <section v-if="!propShowAdvanced">
-                <UploadButton />
                 <div v-if="hasResults && resultPanel" class="pb-2">
                     <b-button size="sm" class="w-100" @click="onToggle">
                         <FontAwesomeIcon :icon="buttonIcon" />
diff --git a/client/src/components/Upload/UploadButton.vue b/client/src/components/Upload/UploadButton.vue
deleted file mode 100644
index 110335858d57..000000000000
--- a/client/src/components/Upload/UploadButton.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script setup lang="ts">
-import { library } from "@fortawesome/fontawesome-svg-core";
-import { faUpload } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { storeToRefs } from "pinia";
-import { computed, onMounted } from "vue";
-
-import { useGlobalUploadModal } from "@/composables/globalUploadModal";
-import { useUploadStore } from "@/stores/uploadStore";
-import localize from "@/utils/localization";
-import Query from "@/utils/query-string-parsing";
-
-library.add(faUpload);
-
-const props = withDefaults(
-    defineProps<{
-        title?: string;
-    }>(),
-    {
-        title: "Download from URL or upload files from disk",
-    }
-);
-
-const { openGlobalUploadModal } = useGlobalUploadModal();
-const { percentage, status } = storeToRefs(useUploadStore());
-
-onMounted(() => {
-    if (Query.get("tool_id") == "upload1") {
-        openGlobalUploadModal();
-    }
-});
-
-const localizedTitle = computed(() => {
-    return localize(props.title);
-});
-function showUploadDialog() {
-    openGlobalUploadModal();
-}
-</script>
-<template>
-    <b-button
-        id="activity-upload"
-        v-b-tooltip.hover.noninteractive.bottom
-        :aria-label="localizedTitle"
-        :title="localizedTitle"
-        class="upload-button"
-        size="sm"
-        @click="showUploadDialog">
-        <div class="progress">
-            <div
-                class="progress-bar progress-bar-notransition"
-                :class="`progress-bar-${status}`"
-                :style="{
-                    width: `${percentage}%`,
-                }" />
-        </div>
-        <span class="position-relative">
-            <FontAwesomeIcon icon="upload" class="mr-1" />
-            <b v-localize>Upload Data</b>
-        </span>
-    </b-button>
-</template>

From 945c5bee5db10e096b86f8ba6793505a8d274bef Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Thu, 22 Feb 2024 20:16:01 -0500
Subject: [PATCH 07/11] Indicate activities accessible to anon users

---
 client/src/components/ActivityBar/ActivityBar.vue |  3 ++-
 client/src/stores/activitySetup.ts                | 11 +++++++++++
 client/src/stores/activityStore.ts                | 11 +++++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index dc42f1a8ea1b..ee818a8f3633 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -143,7 +143,7 @@ function onToggleSidebar(toggle: string, to: string | null = null) {
                     @start="isDragging = true"
                     @end="isDragging = false">
                     <div v-for="(activity, activityIndex) in activities" :key="activityIndex">
-                        <div v-if="activity.visible">
+                        <div v-if="activity.visible && (activity.anonymous || !isAnonymous)">
                             <UploadItem
                                 v-if="activity.id === 'upload'"
                                 :id="`activity-${activity.id}`"
@@ -194,6 +194,7 @@ function onToggleSidebar(toggle: string, to: string | null = null) {
                     title="Notifications"
                     @click="onToggleSidebar('notifications')" />
                 <ActivityItem
+                    v-if="!isAnonymous"
                     id="activity-settings"
                     icon="cog"
                     :is-active="isActiveSideBar('settings')"
diff --git a/client/src/stores/activitySetup.ts b/client/src/stores/activitySetup.ts
index 01293c21c49f..8cc09c127844 100644
--- a/client/src/stores/activitySetup.ts
+++ b/client/src/stores/activitySetup.ts
@@ -6,6 +6,7 @@ import { type EventData } from "@/stores/eventStore";
 
 export const Activities = [
     {
+        anonymous: false,
         description: "Displays currently active interactive tools (ITs), if these are enabled by the administrator.",
         icon: "fa-laptop",
         id: "interactivetools",
@@ -17,6 +18,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: true,
         description: "Opens a data dialog, allowing uploads from URL, pasted content or disk.",
         icon: "upload",
         id: "upload",
@@ -28,6 +30,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: true,
         description: "Displays the tool panel to search and access all available tools.",
         icon: "wrench",
         id: "tools",
@@ -39,6 +42,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays a panel to search and access workflows.",
         icon: "sitemap",
         id: "workflows",
@@ -50,6 +54,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays all workflow runs.",
         icon: "fa-list",
         id: "invocation",
@@ -61,6 +66,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays the list of available visualizations.",
         icon: "chart-bar",
         id: "visualizations",
@@ -72,6 +78,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays the list of all histories.",
         icon: "fa-hdd",
         id: "histories",
@@ -83,6 +90,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays the history selector panel and opens History Multiview in the center panel.",
         icon: "fa-columns",
         id: "multiview",
@@ -94,6 +102,7 @@ export const Activities = [
         visible: true,
     },
     {
+        anonymous: false,
         description: "Displays all of your datasets across all histories.",
         icon: "fa-folder",
         id: "datasets",
@@ -109,6 +118,7 @@ export const Activities = [
 export function convertDropData(data: EventData): Activity | null {
     if (data.history_content_type === "dataset") {
         return {
+            anonymous: true,
             description: "Displays this dataset.",
             icon: "fa-file",
             id: `dataset-${data.id}`,
@@ -122,6 +132,7 @@ export function convertDropData(data: EventData): Activity | null {
     }
     if (data.model_class === "StoredWorkflow") {
         return {
+            anonymous: false,
             description: data.description as string,
             icon: "fa-play",
             id: `workflow-${data.id}`,
diff --git a/client/src/stores/activityStore.ts b/client/src/stores/activityStore.ts
index f69d93ff3947..c7435f2ad10a 100644
--- a/client/src/stores/activityStore.ts
+++ b/client/src/stores/activityStore.ts
@@ -10,14 +10,25 @@ import { useUserLocalStorage } from "@/composables/userLocalStorage";
 import { Activities } from "./activitySetup";
 
 export interface Activity {
+    // determine wether an anonymous user can access this activity
+    anonymous: boolean;
+    // description of the activity
     description: string;
+    // unique identifier
     id: string;
+    // icon to be displayed in activity bar
     icon: string;
+    // indicate if this activity can be modified and/or deleted
     mutable: boolean;
+    // indicate wether this activity can be disabled by the user
     optional: boolean;
+    // title to be displayed in the activity bar
     title: string;
+    // route to be executed upon selecting the activity
     to: string | null;
+    // tooltip to be displayed when hovering above the icon
     tooltip: string;
+    // indicate wether the activity should be visible by default
     visible: boolean;
 }
 

From 0c9eb2ca2d79b2e68e9b3c727f2ec34248be5eca Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 23 Feb 2024 11:28:31 -0500
Subject: [PATCH 08/11] Fix type warnings in activity bar

---
 client/src/components/ActivityBar/ActivityBar.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index ee818a8f3633..d64cfc7d3fdf 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -114,7 +114,7 @@ function onDragOver(evt: MouseEvent) {
 /**
  * Tracks the state of activities which expand or collapse the sidepanel
  */
-function onToggleSidebar(toggle: string, to: string | null = null) {
+function onToggleSidebar(toggle: string = "", to: string | null = null) {
     // if an activity's dedicated panel/sideBar is already active
     // but the route is different, don't collapse
     if (toggle && to && !(route.path === to) && isActiveSideBar(toggle)) {
@@ -169,7 +169,7 @@ function onToggleSidebar(toggle: string, to: string | null = null) {
                                 :is-active="panelActivityIsActive(activity)"
                                 :title="activity.title"
                                 :tooltip="activity.tooltip"
-                                :to="activity.to"
+                                :to="activity.to || ''"
                                 @click="onToggleSidebar(activity.id, activity.to)" />
                             <ActivityItem
                                 v-else-if="activity.to"
@@ -185,16 +185,15 @@ function onToggleSidebar(toggle: string, to: string | null = null) {
                     </div>
                 </draggable>
             </b-nav>
-            <b-nav vertical class="flex-nowrap p-1">
+            <b-nav v-if="!isAnonymous" vertical class="flex-nowrap p-1">
                 <NotificationItem
-                    v-if="!isAnonymous && isConfigLoaded && config.enable_notification_system"
+                    v-if="isConfigLoaded && config.enable_notification_system"
                     id="activity-notifications"
                     icon="bell"
                     :is-active="isActiveSideBar('notifications') || isActiveRoute('/user/notifications')"
                     title="Notifications"
                     @click="onToggleSidebar('notifications')" />
                 <ActivityItem
-                    v-if="!isAnonymous"
                     id="activity-settings"
                     icon="cog"
                     :is-active="isActiveSideBar('settings')"

From c0fe1eb160fe6707d2d58df5b51102137777a50c Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Mon, 26 Feb 2024 12:54:12 -0500
Subject: [PATCH 09/11] Watch user hash id changes to properly sync activities

---
 .../src/components/ActivityBar/ActivityBar.vue   | 16 ++++++++++++----
 client/src/stores/activityStore.ts               |  3 +++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index d64cfc7d3fdf..dabb710c0dfa 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { storeToRefs } from "pinia";
-import { computed, type Ref, ref } from "vue";
+import { computed, type Ref, ref, watch } from "vue";
 import { useRoute } from "vue-router/composables";
 import draggable from "vuedraggable";
 
 import { useConfig } from "@/composables/config";
+import { useHashedUserId } from "@/composables/hashedUserId";
 import { convertDropData } from "@/stores/activitySetup";
 import { type Activity, useActivityStore } from "@/stores/activityStore";
 import { useEventStore } from "@/stores/eventStore";
@@ -25,15 +26,15 @@ const { config, isConfigLoaded } = useConfig();
 
 const route = useRoute();
 const userStore = useUserStore();
+
+const { hashedUserId } = useHashedUserId();
+
 const eventStore = useEventStore();
 const activityStore = useActivityStore();
 const { isAnonymous } = storeToRefs(userStore);
 
 const emit = defineEmits(["dragstart"]);
 
-// sync built-in activities with cached activities
-activityStore.sync();
-
 // activities from store
 const { activities } = storeToRefs(activityStore);
 
@@ -122,6 +123,13 @@ function onToggleSidebar(toggle: string = "", to: string | null = null) {
     }
     userStore.toggleSideBar(toggle);
 }
+
+watch(
+    () => hashedUserId.value,
+    () => {
+        activityStore.sync();
+    }
+);
 </script>
 
 <template>
diff --git a/client/src/stores/activityStore.ts b/client/src/stores/activityStore.ts
index c7435f2ad10a..c91d7c8ba24f 100644
--- a/client/src/stores/activityStore.ts
+++ b/client/src/stores/activityStore.ts
@@ -35,6 +35,9 @@ export interface Activity {
 export const useActivityStore = defineStore("activityStore", () => {
     const activities: Ref<Array<Activity>> = useUserLocalStorage("activity-store-activities", []);
 
+    // sync built-in activities with cached activities
+    sync();
+
     /**
      * The set of built-in activities is defined in activitySetup.js.
      * This helper function applies changes of the built-in activities,

From 6f7c18750d677b0a5e5f4d75afc17569635863da Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Mon, 26 Feb 2024 13:02:24 -0500
Subject: [PATCH 10/11] Adjust activity bar store test case

---
 client/src/components/ActivityBar/ActivityBar.vue | 4 ++++
 client/src/stores/activityStore.test.ts           | 3 +++
 client/src/stores/activityStore.ts                | 3 ---
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index dabb710c0dfa..ce4e042c49f3 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -45,6 +45,10 @@ const dragItem: Ref<Activity | null> = ref(null);
 // drag state
 const isDragging = ref(false);
 
+
+// sync built-in activities with cached activities
+activityStore.sync();
+
 /**
  * Checks if the route of an activity is currently being visited and panels are collapsed
  */
diff --git a/client/src/stores/activityStore.test.ts b/client/src/stores/activityStore.test.ts
index c66715286dcc..95f71bba9cd2 100644
--- a/client/src/stores/activityStore.test.ts
+++ b/client/src/stores/activityStore.test.ts
@@ -6,6 +6,7 @@ import { useActivityStore } from "@/stores/activityStore";
 jest.mock("./activitySetup", () => ({
     Activities: [
         {
+            anonymous: false,
             description: "a-description",
             icon: "a-icon",
             id: "a-id",
@@ -21,6 +22,7 @@ jest.mock("./activitySetup", () => ({
 
 const newActivities = [
     {
+        anonymous: false,
         description: "a-description-new",
         icon: "a-icon-new",
         id: "a-id",
@@ -32,6 +34,7 @@ const newActivities = [
         visible: false,
     },
     {
+        anonymous: false,
         description: "b-description-new",
         icon: "b-icon-new",
         id: "b-id",
diff --git a/client/src/stores/activityStore.ts b/client/src/stores/activityStore.ts
index c91d7c8ba24f..c7435f2ad10a 100644
--- a/client/src/stores/activityStore.ts
+++ b/client/src/stores/activityStore.ts
@@ -35,9 +35,6 @@ export interface Activity {
 export const useActivityStore = defineStore("activityStore", () => {
     const activities: Ref<Array<Activity>> = useUserLocalStorage("activity-store-activities", []);
 
-    // sync built-in activities with cached activities
-    sync();
-
     /**
      * The set of built-in activities is defined in activitySetup.js.
      * This helper function applies changes of the built-in activities,

From 90b0238c653dd46c9eb829d18f758818c879dddd Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Mon, 26 Feb 2024 13:46:39 -0500
Subject: [PATCH 11/11] Adjust activity bar component test

---
 client/src/components/ActivityBar/ActivityBar.test.js | 1 +
 client/src/components/ActivityBar/ActivityBar.vue     | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/ActivityBar/ActivityBar.test.js b/client/src/components/ActivityBar/ActivityBar.test.js
index 7dce1ce3fb29..1fbab6c98cad 100644
--- a/client/src/components/ActivityBar/ActivityBar.test.js
+++ b/client/src/components/ActivityBar/ActivityBar.test.js
@@ -24,6 +24,7 @@ localVue.use(PiniaVuePlugin);
 
 function testActivity(id, newOptions = {}) {
     const defaultOptions = {
+        anonymous: true,
         id: `test-${id}`,
         description: "test-description",
         icon: "test-icon",
diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue
index ce4e042c49f3..6012c3a668a1 100644
--- a/client/src/components/ActivityBar/ActivityBar.vue
+++ b/client/src/components/ActivityBar/ActivityBar.vue
@@ -45,7 +45,6 @@ const dragItem: Ref<Activity | null> = ref(null);
 // drag state
 const isDragging = ref(false);
 
-
 // sync built-in activities with cached activities
 activityStore.sync();