diff --git a/package-lock.json b/package-lock.json
index 9b7d63c3..5ca2b288 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
         "jszip": "^3.10.1",
         "moment-of-symmetry": "github:xenharmonic-devs/moment-of-symmetry#v0.2.1",
         "qs": "^6.11.0",
-        "temperaments": "github:xenharmonic-devs/temperaments#v0.3.0",
+        "temperaments": "^0.4.0",
         "vue": "^3.2.33",
         "vue-router": "^4.1.5",
         "webmidi": "^3.0.21",
@@ -4735,12 +4735,20 @@
       "dev": true
     },
     "node_modules/temperaments": {
-      "version": "0.3.0",
-      "resolved": "git+ssh://git@github.com/xenharmonic-devs/temperaments.git#536b98b5f2a9e593ab5c6e137ebba2270bb37d46",
-      "license": "MIT",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/temperaments/-/temperaments-0.4.0.tgz",
+      "integrity": "sha512-6VOrluM6EMWQECH8vskT3iIl7uubL5KpMKFdeFT4M/Iqxaz82RhXJb8yKEMrLIzTxTfE5z0xadntH5ddvwdE0A==",
       "dependencies": {
         "ts-geometric-algebra": "^0.4.2",
-        "xen-dev-utils": "github:xenharmonic-devs/xen-dev-utils#v0.1.0"
+        "xen-dev-utils": "^0.1.2"
+      }
+    },
+    "node_modules/temperaments/node_modules/xen-dev-utils": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/xen-dev-utils/-/xen-dev-utils-0.1.2.tgz",
+      "integrity": "sha512-5Gya1P0k89veWkRevhUT4bzJDyotEFIb/cYC1bP0KPAxdHB+oTlhdDd540DXSud5kulio78DJpLucUo4BWRA7Q==",
+      "dependencies": {
+        "fraction.js": "^4.2.0"
       }
     },
     "node_modules/text-table": {
@@ -8780,11 +8788,22 @@
       "dev": true
     },
     "temperaments": {
-      "version": "git+ssh://git@github.com/xenharmonic-devs/temperaments.git#536b98b5f2a9e593ab5c6e137ebba2270bb37d46",
-      "from": "temperaments@github:xenharmonic-devs/temperaments#v0.3.0",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/temperaments/-/temperaments-0.4.0.tgz",
+      "integrity": "sha512-6VOrluM6EMWQECH8vskT3iIl7uubL5KpMKFdeFT4M/Iqxaz82RhXJb8yKEMrLIzTxTfE5z0xadntH5ddvwdE0A==",
       "requires": {
         "ts-geometric-algebra": "^0.4.2",
-        "xen-dev-utils": "github:xenharmonic-devs/xen-dev-utils#v0.1.0"
+        "xen-dev-utils": "^0.1.2"
+      },
+      "dependencies": {
+        "xen-dev-utils": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/xen-dev-utils/-/xen-dev-utils-0.1.2.tgz",
+          "integrity": "sha512-5Gya1P0k89veWkRevhUT4bzJDyotEFIb/cYC1bP0KPAxdHB+oTlhdDd540DXSud5kulio78DJpLucUo4BWRA7Q==",
+          "requires": {
+            "fraction.js": "^4.2.0"
+          }
+        }
       }
     },
     "text-table": {
diff --git a/package.json b/package.json
index 8c433b39..494c3973 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "jszip": "^3.10.1",
     "moment-of-symmetry": "github:xenharmonic-devs/moment-of-symmetry#v0.2.1",
     "qs": "^6.11.0",
-    "temperaments": "github:xenharmonic-devs/temperaments#v0.3.0",
+    "temperaments": "^0.4.0",
     "vue": "^3.2.33",
     "vue-router": "^4.1.5",
     "webmidi": "^3.0.21",
diff --git a/src/assets/base.css b/src/assets/base.css
index 5f58eb9a..acd9371f 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -11,6 +11,7 @@
 
   --color-heading: #000;
   --color-text: #000;
+  --color-text-mute: #777;
 
   --color-accent: #008080;
   --color-accent-text: #fff;
@@ -41,6 +42,7 @@
 
   --color-heading: #fff;
   --color-text: #fff;
+  --color-text-mute: #555;
 
   --color-accent: #008080;
   --color-accent-text: #fff;
diff --git a/src/components/modals/modification/TemperScale.vue b/src/components/modals/modification/TemperScale.vue
index 23c15387..0cab112b 100644
--- a/src/components/modals/modification/TemperScale.vue
+++ b/src/components/modals/modification/TemperScale.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 import { DEFAULT_NUMBER_OF_COMPONENTS } from "@/constants";
-import type Scale from "@/scale";
-import { Mapping } from "@/tempering";
-import { ref, watch } from "vue";
+import Scale from "@/scale";
+import { Mapping, stretchToEdo } from "@/tempering";
+import { computed, ref, watch } from "vue";
 import Modal from "@/components/ModalDialog.vue";
 import { makeState, splitText } from "@/components/modals/tempering-state";
-import { PRIME_CENTS } from "xen-dev-utils";
+import { add, Fraction, PRIME_CENTS } from "xen-dev-utils";
+import { mapByVal, resolveMonzo } from "temperaments";
+import { Interval, type IntervalOptions } from "@/interval";
+import ExtendedMonzo from "@/monzo";
 
 const props = defineProps<{
   scale: Scale;
@@ -22,6 +25,7 @@ const state = makeState(method);
 const mappingString = ref("1200, 1897.2143, 2788.8573");
 // method: "vals"
 const valsString = state.valsString;
+const convertToEdoSteps = ref(false);
 // medhod: "commas"
 const commasString = state.commasString;
 // Generic
@@ -39,6 +43,7 @@ const vals = state.vals;
 const commas = state.commas;
 const subgroup = state.subgroup;
 const options = state.options;
+const edoUnavailable = computed(() => vals.value.length !== 1);
 
 watch(subgroupError, (newValue) =>
   subgroupInput.value!.setCustomValidity(newValue)
@@ -46,38 +51,101 @@ watch(subgroupError, (newValue) =>
 
 // === Methods ===
 
+// Expand out the residual in the `ExtendedMonzo` and ignore cents offsets
+function toLongMonzo(monzo: ExtendedMonzo) {
+  const base = resolveMonzo(monzo.residual);
+  return add(
+    base,
+    monzo.vector.map((component) => component.valueOf())
+  );
+}
+
 function modify() {
   try {
-    let mapping: Mapping;
-    if (method.value === "mapping") {
-      const vector = splitText(mappingString.value).map((component) =>
-        parseFloat(component)
+    if (
+      method.value === "vals" &&
+      !edoUnavailable.value &&
+      !subgroupString.value.length
+    ) {
+      const monzos = [...Array(props.scale.size + 1).keys()].map((i) =>
+        toLongMonzo(props.scale.getMonzo(i))
       );
-      while (vector.length < DEFAULT_NUMBER_OF_COMPONENTS) {
-        vector.push(PRIME_CENTS[vector.length]);
+      const octave = new Fraction(2);
+      monzos.push(resolveMonzo(octave));
+      const steps = mapByVal(monzos, vals.value[0]);
+      const edo = steps.pop();
+      let scale: Scale;
+      if (convertToEdoSteps.value) {
+        const options: IntervalOptions = {
+          preferredEtDenominator: edo,
+          preferredEtEquave: octave,
+        };
+        const equave = new Interval(
+          ExtendedMonzo.fromEqualTemperament(
+            new Fraction(steps.pop()!, edo),
+            octave,
+            DEFAULT_NUMBER_OF_COMPONENTS
+          ),
+          "equal temperament",
+          undefined,
+          options
+        );
+        scale = new Scale(
+          steps.map(
+            (step) =>
+              new Interval(
+                ExtendedMonzo.fromEqualTemperament(
+                  new Fraction(step, edo),
+                  octave,
+                  DEFAULT_NUMBER_OF_COMPONENTS
+                ),
+                "equal temperament",
+                undefined,
+                options
+              )
+          ),
+          equave,
+          props.scale.baseFrequency
+        );
+      } else {
+        scale = stretchToEdo(props.scale, steps, edo!);
       }
-      mapping = new Mapping(vector.slice(0, DEFAULT_NUMBER_OF_COMPONENTS));
-    } else if (method.value === "vals") {
-      mapping = Mapping.fromVals(
-        vals.value,
-        DEFAULT_NUMBER_OF_COMPONENTS,
-        subgroup.value,
-        options.value
+      emit(
+        "update:scale",
+        scale.mergeOptions({ centsFractionDigits: props.centsFractionDigits })
       );
     } else {
-      mapping = Mapping.fromCommas(
-        commas.value,
-        DEFAULT_NUMBER_OF_COMPONENTS,
-        subgroup.value,
-        options.value
+      let mapping: Mapping;
+      if (method.value === "mapping") {
+        const vector = splitText(mappingString.value).map((component) =>
+          parseFloat(component)
+        );
+        while (vector.length < DEFAULT_NUMBER_OF_COMPONENTS) {
+          vector.push(PRIME_CENTS[vector.length]);
+        }
+        mapping = new Mapping(vector.slice(0, DEFAULT_NUMBER_OF_COMPONENTS));
+      } else if (method.value === "vals") {
+        mapping = Mapping.fromVals(
+          vals.value,
+          DEFAULT_NUMBER_OF_COMPONENTS,
+          subgroup.value,
+          options.value
+        );
+      } else {
+        mapping = Mapping.fromCommas(
+          commas.value,
+          DEFAULT_NUMBER_OF_COMPONENTS,
+          subgroup.value,
+          options.value
+        );
+      }
+      emit(
+        "update:scale",
+        mapping
+          .apply(props.scale)
+          .mergeOptions({ centsFractionDigits: props.centsFractionDigits })
       );
     }
-    emit(
-      "update:scale",
-      mapping
-        .apply(props.scale)
-        .mergeOptions({ centsFractionDigits: props.centsFractionDigits })
-    );
   } catch (error_) {
     if (error_ instanceof Error) {
       error.value = error_.message;
@@ -150,6 +218,21 @@ function modify() {
               v-model="valsString"
             />
           </div>
+          <div class="control" v-show="method === 'vals'">
+            <div class="radio-group">
+              <span>
+                <input
+                  type="checkbox"
+                  id="edo-steps"
+                  :disabled="edoUnavailable"
+                  v-model="convertToEdoSteps"
+                />
+                <label for="edo-steps" :class="{ disabled: edoUnavailable }">
+                  Convert to edo-steps</label
+                >
+              </span>
+            </div>
+          </div>
 
           <div class="control" v-show="method === 'commas'">
             <label for="commas">Comma list</label>
@@ -249,3 +332,9 @@ function modify() {
     </template>
   </Modal>
 </template>
+
+<style>
+.disabled {
+  color: var(--color-text-mute);
+}
+</style>
diff --git a/src/tempering.ts b/src/tempering.ts
index d72e02e3..b22b4cbb 100644
--- a/src/tempering.ts
+++ b/src/tempering.ts
@@ -249,3 +249,50 @@ export function makeRank2FromCommas(
   }
   return makeRank2(temperament, size, options);
 }
+
+export function stretchToEdo(
+  interval: Interval,
+  steps: number,
+  edo: number
+): Interval;
+export function stretchToEdo(scale: Scale, steps: number[], edo: number): Scale;
+export function stretchToEdo(
+  intervalOrScale: Interval | Scale,
+  steps: number | number[],
+  edo: number
+): Interval | Scale {
+  if (intervalOrScale instanceof Interval) {
+    if (Array.isArray(steps)) {
+      throw new Error("Steps must be a single number");
+    }
+    const interval = intervalOrScale;
+    const monzo = interval.monzo;
+    const totalCents = monzo.totalCents();
+    if (!totalCents) {
+      return interval;
+    }
+    const targetCents = (1200.0 * steps) / edo + monzo.cents;
+    const tempered = monzo.stretch(targetCents / totalCents);
+    return new Interval(
+      tempered,
+      interval.type,
+      interval.name,
+      interval.options
+    );
+  }
+  if (!Array.isArray(steps)) {
+    throw new Error("Steps must be an array of numbers");
+  }
+  const scale = intervalOrScale;
+  if (steps.length !== scale.size + 1) {
+    throw new Error("Steps must align with the scale");
+  }
+  const intervals = scale.intervals.map((interval, i) =>
+    stretchToEdo(interval, steps[i], edo)
+  );
+  return new Scale(
+    intervals,
+    stretchToEdo(scale.equave, steps[steps.length - 1], edo),
+    scale.baseFrequency
+  );
+}