UI for "relocating" a dataset's object store.

client/src/api/schema/schema.ts

@@ -3822,6 +3822,11 @@ export interface components {
             percent_used: number | null;
             /** @description Information about quota sources around dataset storage. */
             quota: components["schemas"]["ConcreteObjectStoreQuotaSourceDetails"];
+            /**
+             * Relocatable
+             * @description Indicator of whether the objectstore for this dataset can be switched by this user.
+             */
+            relocatable: boolean;
             /**
              * Shareable
              * @description Is this dataset shareable.

client/src/components/Dataset/DatasetStorage/DatasetStorage.vue

@@ -5,6 +5,7 @@ import { DatasetStorageDetails } from "@/api";
 import { fetchDatasetStorage } from "@/api/datasets";
 import { errorMessageAsString } from "@/utils/simple-error";
 
+import RelocateLink from "./RelocateLink.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
 import DescribeObjectStore from "@/components/ObjectStore/DescribeObjectStore.vue";
 
@@ -60,7 +61,10 @@ watch(
 
 <template>
     <div>
-        <h2 v-if="includeTitle" class="h-md">Dataset Storage</h2>
+        <h2 v-if="includeTitle" class="h-md">
+            Dataset Storage
+            <RelocateLink v-if="storageInfo" :dataset-storage-details="storageInfo" />
+        </h2>
         <div v-if="errorMessage" class="error">{{ errorMessage }}</div>
         <LoadingSpan v-else-if="storageInfo == null"> </LoadingSpan>
         <div v-else-if="discarded">

client/src/components/Dataset/DatasetStorage/RelocateDialog.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { ConcreteObjectStoreModel } from "@/api";
+
+import ObjectStoreBadges from "@/components/ObjectStore/ObjectStoreBadges.vue";
+import ProvidedQuotaSourceUsageBar from "@/components/User/DiskUsage/Quota/ProvidedQuotaSourceUsageBar.vue";
+
+interface RelocateProps {
+    fromObjectStore: ConcreteObjectStoreModel;
+    targetObjectStores: ConcreteObjectStoreModel[];
+}
+
+defineProps<RelocateProps>();
+</script>
+
+<template>
+    <div>
+        <p>Relocate the target object store:</p>
+        <b-button-group vertical size="lg" style="width: 100%">
+            <b-button
+                :id="`swap-target-object-store-button-${fromObjectStore.object_store_id}`"
+                :key="fromObjectStore.object_store_id"
+                class="swap-target-object-store-select-button"
+                variant="outline-primary"
+                :data-object-store-id="fromObjectStore.object_store_id"
+                >{{ fromObjectStore.name }}
+                <ObjectStoreBadges :badges="fromObjectStore.badges" size="lg" :more-on-hover="false" />
+                <ProvidedQuotaSourceUsageBar :object-store="object_store" :compact="true">
+                </ProvidedQuotaSourceUsageBar>
+            </b-button>
+        </b-button-group>
+        <p>Select a new target from:</p>
+        <b-button-group vertical size="lg" style="width: 100%">
+            <b-button
+                v-for="object_store in targetObjectStores"
+                :id="`swap-target-object-store-button-${object_store.object_store_id}`"
+                :key="object_store.object_store_id"
+                class="swap-target-object-store-select-button"
+                :data-object-store-id="object_store.object_store_id"
+                variant="outline-info"
+                @click="handleSubmit(object_store.object_store_id)"
+                >{{ object_store.name }}
+                <ObjectStoreBadges :badges="object_store.badges" size="lg" :more-on-hover="false" />
+                <ProvidedQuotaSourceUsageBar :object-store="object_store" :compact="true">
+                </ProvidedQuotaSourceUsageBar>
+            </b-button>
+        </b-button-group>
+    </div>
+</template>

client/src/components/Dataset/DatasetStorage/RelocateLink.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
+import { computed, ref } from "vue";
+
+import { ConcreteObjectStoreModel, DatasetStorageDetails } from "@/api";
+import { useObjectStoreStore } from "@/stores/objectStoreStore";
+
+import RelocateModal from "./RelocateModal.vue";
+
+interface RelocateLinkProps {
+    datasetStorageDetails: DatasetStorageDetails;
+}
+
+const props = defineProps<RelocateLinkProps>();
+
+const relocateModal = ref<InstanceType<typeof RelocateModal> | null>(null);
+
+function showRelocateDialog() {
+    // This should work - does it work in proper Vue 3 or something?
+    // https://vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs
+    // @ts-ignore
+    relocateModal.value?.showModal();
+}
+
+const store = useObjectStoreStore();
+const { isLoaded, selectableObjectStores } = storeToRefs(store);
+
+const currentObjectStore = computed<ConcreteObjectStoreModel | null>(() => {
+    const isLoadedVal = isLoaded.value;
+    const objectStores = selectableObjectStores.value;
+    const currentObjectStoreId = props.datasetStorageDetails.object_store_id;
+
+    if (!isLoadedVal) {
+        return null;
+    }
+    if (!objectStores) {
+        return null;
+    }
+    const filtered: ConcreteObjectStoreModel[] = objectStores.filter(
+        (objectStore) => objectStore.object_store_id == currentObjectStoreId
+    );
+    return filtered && filtered.length > 0 ? (filtered[0] as ConcreteObjectStoreModel) : null;
+});
+
+const validTargets = computed<ConcreteObjectStoreModel[]>(() => {
+    const isLoadedVal = isLoaded.value;
+    const objectStores = selectableObjectStores.value;
+    const currentObjectStoreId = props.datasetStorageDetails.object_store_id;
+
+    if (!isLoadedVal) {
+        return [];
+    }
+    if (!objectStores) {
+        return [];
+    }
+    if (!currentObjectStore.value) {
+        return [];
+    }
+    const currentDevice = currentObjectStore.value.device;
+    if (!currentDevice) {
+        return [];
+    }
+    const validTargets: ConcreteObjectStoreModel[] = objectStores.filter(
+        (objectStore) => objectStore.device == currentDevice && objectStore.object_store_id != currentObjectStoreId
+    );
+    return validTargets as ConcreteObjectStoreModel[];
+});
+
+const relocatable = computed(() => {
+    return validTargets.value.length > 0;
+});
+</script>
+
+<template>
+    <span class="storage-relocate-link">
+        <RelocateModal
+            v-if="currentObjectStore"
+            ref="relocateModal"
+            :from-object-store="currentObjectStore"
+            :target-object-stores="validTargets" />
+        <b-link v-if="relocatable" href="#" @click="showRelocateDialog">(relocate)</b-link>
+    </span>
+</template>

client/src/components/Dataset/DatasetStorage/RelocateModal.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+import { ConcreteObjectStoreModel } from "@/api";
+
+import RelocateDialog from "./RelocateDialog.vue";
+
+interface RelocateModalProps {
+    fromObjectStore: ConcreteObjectStoreModel;
+    targetObjectStores: ConcreteObjectStoreModel[];
+}
+
+defineProps<RelocateModalProps>();
+
+const show = ref(false);
+
+function showModal() {
+    show.value = true;
+}
+
+const emit = defineEmits<{
+    (e: "relocate", value: string): void;
+}>();
+
+function relocate(objectStoreId: string) {
+    emit("relocate", objectStoreId);
+}
+
+const title = "Relocate Dataset Storage";
+
+defineExpose({
+    showModal,
+});
+</script>
+
+<template>
+    <b-modal v-model="show" hide-footer>
+        <template v-slot:modal-title>
+            <h2 class="mb-0">{{ title }}</h2>
+            <RelocateDialog
+                :from-object-store="fromObjectStore"
+                :target-object-stores="targetObjectStores"
+                @relocate="relocate" />
+        </template>
+    </b-modal>
+</template>

lib/galaxy/webapps/galaxy/services/datasets.py

@@ -152,6 +152,9 @@ class DatasetStorageDetails(Model):
     badges: List[BadgeDict] = Field(
         description="A list of badges describing object store properties for concrete object store dataset is stored in."
     )
+    relocatable: bool = Field(
+        description="Indicator of whether the objectstore for this dataset can be switched by this user."
+    )
 
 
 class DatasetInheritanceChainEntry(Model):
@@ -429,6 +432,7 @@ def show_storage(
             source=quota_source.label,
             enabled=quota_source.use,
         )
+        relocatable = trans.app.security_agent.can_change_object_store_id(trans.user, dataset)
         dataset_state = dataset.state
         hashes = [h.to_dict() for h in dataset.hashes]
         sources = [s.to_dict() for s in dataset.sources]
@@ -443,6 +447,7 @@ def show_storage(
             sources=sources,
             quota=quota,
             badges=badges,
+            relocatable=relocatable,
         )
 
     def show_inheritance_chain(