diff --git a/ayanova/src/components/extension-export-control.vue b/ayanova/src/components/extension-export-control.vue
new file mode 100644
index 00000000..cb9a9c7a
--- /dev/null
+++ b/ayanova/src/components/extension-export-control.vue
@@ -0,0 +1,170 @@
+<template>
+  <v-expansion-panel v-if="available()">
+    <v-expansion-panel-header
+      disable-icon-rotate
+      expand-icon="$ayiFileDownload"
+      >{{ $ay.t("Export") }}</v-expansion-panel-header
+    >
+    <v-expansion-panel-content>
+      <v-radio-group v-model="action">
+        <v-radio :label="$ay.t('Add')" value="Add"></v-radio>
+        <v-radio :label="$ay.t('Remove')" value="Remove"></v-radio>
+        <v-radio :label="$ay.t('Replace')" value="Replace"></v-radio>
+      </v-radio-group>
+      <v-row>
+        <v-col cols="12">
+          <v-text-field
+            :value="tag"
+            :label="$ay.t('Tag')"
+            required
+            @input="normalizeTag"
+          ></v-text-field>
+        </v-col>
+
+        <v-col cols="12" v-if="action == 'Replace'">
+          <v-text-field
+            :value="replace"
+            :label="$ay.t('Replace')"
+            @input="normalizeReplace"
+            required
+          ></v-text-field>
+        </v-col>
+      </v-row>
+      <v-btn icon @click="goHelp()"><v-icon>$ayiQuestionCircle</v-icon></v-btn>
+      <v-btn
+        :disabled="!canDoAction()"
+        color="blue darken-1"
+        text
+        @click="doAction()"
+        :loading="jobActive"
+        >{{ $ay.t("StartJob") }}</v-btn
+      >
+    </v-expansion-panel-content>
+  </v-expansion-panel>
+</template>
+<script>
+export default {
+  data: () => ({
+    action: "Add",
+    tag: null,
+    replace: null,
+    jobActive: false
+  }),
+  methods: {
+    available() {
+      return this.dataListSelection.ObjectType != 0;
+    },
+    goHelp() {
+      window.open(this.$store.state.helpUrl + "ay-ex-tags", "_blank");
+    },
+    canDoAction() {
+      let vm = this;
+      if (vm.action == "Replace" && !vm.replace) {
+        return false;
+      }
+      if (vm.tag) {
+        return true;
+      }
+      return false;
+    },
+    async doAction() {
+      //do the bulk action
+      let vm = this;
+      let url = "tag-list/";
+      let body = this.dataListSelection;
+      switch (vm.action) {
+        case "Add":
+          url += `bulk-add/${vm.tag}`;
+          break;
+        case "Remove":
+          url += `bulk-remove/${vm.tag}`;
+          break;
+        case "Replace":
+          url += `bulk-replace/${vm.tag}?toTag=${vm.replace}`;
+          break;
+      }
+
+      try {
+        //call api route
+        let jobId = await window.$gz.api.upsert(url, body);
+        if (jobId.error) {
+          throw new Error(jobId.error);
+        }
+        jobId = jobId.jobId; //it's in a sub key
+        //indicate loading by setting on button
+        vm.jobActive = true;
+
+        /*  /// <summary>
+    /// Job status for opsjobs
+    /// </summary>
+    public enum JobStatus : int
+    {
+        Absent=0,
+        Sleeping = 1,
+        Running = 2,
+        Completed = 3,
+        Failed = 4
+    } */
+        let jobStatus = 1;
+        //get status
+
+        while (vm.jobActive == true) {
+          await window.$gz.util.sleepAsync(1000);
+          //check if done
+          jobStatus = await window.$gz.api.get(
+            `job-operations/status/${jobId}`
+          );
+          if (jobStatus.error) {
+            throw new Error(jobStatus.error);
+          }
+          jobStatus = jobStatus.data;
+          if (jobStatus == 4 || jobStatus == 0) {
+            throw new Error("Seeding job failed");
+          }
+          if (jobStatus == 3) {
+            vm.jobActive = false;
+          }
+        }
+        //Here if it's completed successfully
+        window.$gz.eventBus.$emit("notify-success", vm.$ay.t("JobCompleted"));
+      } catch (error) {
+        vm.jobActive = false;
+        window.$gz.errorHandler.handleFormError(error, vm);
+        window.$gz.eventBus.$emit("notify-error", vm.$ay.t("JobFailed"));
+      }
+    },
+    normalize(value) {
+      if (!value) {
+        return null;
+      }
+
+      //Must be lowercase per rules
+      //This may be naive when we get international cust omers but for now supporting utf-8 and it appears it's safe to do this with unicode
+      value = value.toLowerCase();
+      //No spaces in tags, replace with dashes
+
+      value = value.split(" ").join("-");
+      //Remove multiple dash sequences
+      value = value.replace(/-+/g, "-");
+
+      //Ensure doesn't start or end with a dash
+      value = value.replace(/^\-+-\-+$/g, "");
+      // inObj = inObj.Trim("-");
+      //No longer than 255 characters
+      //  inObj = StringUtil.MaxLength(inObj, 255);
+      return value;
+    },
+    normalizeTag(value) {
+      value = this.normalize(value);
+      this.tag = value;
+    },
+    normalizeReplace(value) {
+      value = this.normalize(value);
+      this.replace = value;
+    }
+  },
+  props: {
+    dataListSelection: Object
+  }
+};
+</script>
diff --git a/ayanova/src/components/extensions-control.vue b/ayanova/src/components/extensions-control.vue
index 0224780a..a8df59b9 100644
--- a/ayanova/src/components/extensions-control.vue
+++ b/ayanova/src/components/extensions-control.vue
@@ -12,6 +12,7 @@
       <v-card-text>
         <v-expansion-panels focusable>
           <ExtensionTags :dataListSelection="dataListSelection" />
+          <ExtensionExport :dataListSelection="dataListSelection" />
         </v-expansion-panels>
       </v-card-text>
       <v-card-actions>
@@ -24,9 +25,11 @@
 </template>
 <script>
 import ExtensionTags from "./extension-tags-control.vue";
+import ExtensionExport from "./extension-export-control.vue";
 export default {
   components: {
-    ExtensionTags
+    ExtensionTags,
+    ExtensionExport
   },
   data: () => ({
     isVisible: false,