diff --git a/Dockerfile b/Dockerfile
index ee68f5b..4ee3d2b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,6 +6,10 @@ ARG VITE_API_URL
 ARG VITE_OSM_URL
 ARG VITE_RAPID_URL
 ARG VITE_PATHWAYS_EDITOR_URL
+ARG VITE_IMAGERY_SCHEMA
+ARG VITE_IMAGERY_EXAMPLE_URL
+ARG VITE_LONG_FORM_QUEST_SCHEMA
+ARG VITE_LONG_FORM_QUEST_EXAMPLE_URL
 ARG CODE_VERSION=unknown
 
 WORKDIR /app/
@@ -24,4 +28,4 @@ RUN echo "This is (frontend, cgimap, osmrails, pathways, rapid, taskingmanager)
 
 RUN chown -R nginx:nginx /usr/share/nginx/html/
 
-COPY nginx.conf /etc/nginx/conf.d/default.conf
\ No newline at end of file
+COPY nginx.conf /etc/nginx/conf.d/default.conf
diff --git a/README.md b/README.md
index da0e418..132166b 100644
--- a/README.md
+++ b/README.md
@@ -2,12 +2,12 @@
 
 Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
-### ⚠️ Reminder: you must set the tag of the environment you wish to deploy in this repo, then run the deploy workflow in workspaces-stack to deploy to dev, stage or prod. 
+### ⚠️ Reminder: you must set the tag of the environment you wish to deploy in this repo, then run the deploy workflow in workspaces-stack to deploy to dev, stage or prod.
 
 ## Dev Setup
 
 NB: This will start the dev server against the cloud-hosted backend. If you need to change both the frontend and the backend, you'll
-need to start a local copy of the backend (workspaces-tasking-manager) and set the environment vars appropriately below. 
+need to start a local copy of the backend (workspaces-tasking-manager) and set the environment vars appropriately below.
 
 The below values are for cloud-hosted dev:
 
@@ -19,6 +19,10 @@ export VITE_OSM_URL=https://osm.workspaces-dev.sidewalks.washington.edu/
 export VITE_RAPID_URL=https://rapid.workspaces-dev.sidewalks.washington.edu/
 export VITE_PATHWAYS_EDITOR_URL=https://pathways.workspaces-dev.sidewalks.washington.edu/
 export CODE_VERSION="local"
+export VITE_IMAGERY_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/main/docs/imagery-layer/schema.json
+export VITE_IMAGERY_EXAMPLE_URL=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/main/docs/imagery-layer/example.json
+export VITE_LONG_FORM_QUEST_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/refs/heads/main/docs/quest-definition/schema.json
+export VITE_LONG_FORM_QUEST_EXAMPLE_URL=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/refs/heads/main/docs/quest-definition/example.json
 
 # install deps
 npm install
diff --git a/package-lock.json b/package-lock.json
index 683d4bf..08a0f2c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "hasInstallScript": true,
       "dependencies": {
         "@zip.js/zip.js": "^2.7.41",
+        "ajv": "^8.17.1",
+        "ajv-formats": "^3.0.1",
         "bootstrap": "^5.3.3",
         "js-cookie": "^3.0.5",
         "nuxt": "^4.0.0",
@@ -4514,6 +4516,39 @@
         "node": ">= 14"
       }
     },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/alien-signals": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-2.0.7.tgz",
@@ -6528,6 +6563,22 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/fastq": {
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
@@ -7556,9 +7607,9 @@
       "license": "MIT"
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
diff --git a/package.json b/package.json
index dbd7290..e4a8db9 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,8 @@
   },
   "dependencies": {
     "@zip.js/zip.js": "^2.7.41",
+    "ajv": "^8.17.1",
+    "ajv-formats": "^3.0.1",
     "bootstrap": "^5.3.3",
     "js-cookie": "^3.0.5",
     "nuxt": "^4.0.0",
diff --git a/pages/workspace/[id]/settings.vue b/pages/workspace/[id]/settings.vue
index 356edf7..2c3a197 100644
--- a/pages/workspace/[id]/settings.vue
+++ b/pages/workspace/[id]/settings.vue
@@ -15,14 +15,16 @@
 
             <button type="submit" class="btn btn-primary">Rename</button>
           </form>
-        </div><!-- .card-body -->
-      </div><!-- .card -->
+        </div>
+        <!-- .card-body -->
+      </div>
+      <!-- .card -->
 
-      <div class="card mb-4">
-        <div class="card-body">
+      <form class="card mb-4" @submit.prevent="saveExternalAppConfiguration">
+        <div class="card-body border-bottom">
           <h3 class="card-title mb-3">External Apps</h3>
 
-          <div class="form-check form-switch mb-3">
+          <div class="form-check form-switch">
             <label class="form-check-label">
               <input
                 v-model="workspace.externalAppAccess"
@@ -30,30 +32,153 @@
                 class="form-check-input"
                 :true-value="1"
                 :false-value="0"
-                @change="toggleExternalAppAccess"
+              />
+              Publish this workspace for external apps
+            </label>
+          </div>
+
+          <hr>
+
+          <h4 class="h5">AVIV ScoutRoute Long Form Quest Definitions</h4>
+
+          <div class="form-check">
+            <label class="form-check-label">
+              Define quests in Workspaces
+              <input
+                v-model="longFormQuestType"
+                class="form-check-input"
+                type="radio"
+                name="longFormQuestType"
+                value="JSON"
+              >
+            </label>
+          </div>
+          <div class="form-check">
+            <label class="form-check-label">
+              Load quest definitions from an external URL
+              <input
+                v-model="longFormQuestType"
+                class="form-check-input"
+                type="radio"
+                name="longFormQuestType"
+                value="URL"
               >
-              Publish this workspace for external apps (change will take effect immediately)
             </label>
           </div>
 
-          <form @submit.prevent="saveLongFormQuestDefinition">
-            <label class="d-block form-label">
-              GoInfoGame Long Form Quest JSON Definition
-              <textarea v-model.trim="longFormQuestDef" class="form-control" rows="5" />
+          <template v-if="longFormQuestType === 'JSON'">
+            <label class="d-block form-label mt-3">
+              JSON Quest Definition
+              <textarea
+                v-model.trim="longFormQuestDef"
+                class="form-control"
+                :class="{ 'drag-over': isDraggingQuest }"
+                rows="5"
+                placeholder="Optional"
+                @dragover.prevent="isDraggingQuest = true"
+                @dragleave.prevent="isDraggingQuest = false"
+                @drop.prevent="onQuestFileDrop"
+              />
             </label>
+            <div id="imagery-help" class="form-text">
+              Paste the JSON content directly or drag and drop a JSON file.
+              See the
+              <a :href="longFormQuestSchemaUrl" target="_blank">JSON Schema</a>
+              for the required format and an
+              <a :href="longFormQuestExampleUrl" target="_blank">example</a>.
+            </div>
+          </template>
 
-            <button type="submit" class="btn btn-primary">Save Quest Definition</button>
-          </form>
+          <template v-else-if="longFormQuestType === 'URL'">
+            <label class="d-block form-label mt-3">
+              Quest Definition URL
+              <input
+                v-model.trim="longFormQuestUrl"
+                type="text"
+                class="form-control"
+                placeholder="https://..."
+              />
+            </label>
+            <div id="imagery-help" class="form-text">
+              Enter the address of a quest definition JSON document
+              See the
+              <a :href="longFormQuestSchemaUrl" target="_blank">JSON Schema</a>
+              for the required format and an
+              <a :href="longFormQuestExampleUrl" target="_blank">example</a>.
+            </div>
+          </template>
+
+          <div v-if="longFormQuestError" class="form-text text-danger">
+            {{ longFormQuestError }}
+          </div>
+
+          <hr>
+          <button type="submit" class="btn btn-primary">Save</button>
+          <div
+            v-if="externalAppSaveStatus"
+            :class="`mt-2 form-text text-${
+              externalAppSaveStatus.type === 'success' ? 'success' : 'danger'
+            }`"
+          >
+            {{ externalAppSaveStatus.message }}
+          </div>
         </div><!-- .card-body -->
-      </div><!-- .card -->
+      </form><!-- .card -->
+
+      <form class="card mb-4" @submit.prevent="saveImageryConfiguration">
+        <div class="card-body">
+          <h3 class="card-title mb-3">Custom Imagery</h3>
+
+          <label class="d-block form-label">
+            Imagery JSON Definition
+            <textarea
+              v-model.trim="imageryListDef"
+              class="form-control"
+              :class="{ 'drag-over': isDraggingImagery }"
+              rows="5"
+              placeholder="Optional"
+              @dragover.prevent="isDraggingImagery = true"
+              @dragleave.prevent="isDraggingImagery = false"
+              @drop.prevent="onImageryFileDrop"
+            />
+            <div id="imagery-help" class="form-text">
+              Paste the JSON content directly or drag and drop a JSON file.
+              See the
+              <a :href="imagerySchemaUrl" target="_blank">JSON Schema</a>
+              for the required format and an
+              <a :href="imageryExampleUrl" target="_blank">example</a>.
+            </div>
+            <div v-if="imageryError" class="form-text text-danger">
+              {{ imageryError }}
+            </div>
+          </label>
+
+          <button type="submit" class="btn btn-primary">Save</button>
+          <div
+            v-if="imagerySaveStatus"
+            :class="`mt-2 form-text text-${
+              imagerySaveStatus.type === 'success' ? 'success' : 'danger'
+            }`"
+          >
+            {{ imagerySaveStatus.message }}
+          </div>
+        </div><!-- .card-body -->
+      </form><!-- .card -->
 
       <div class="card mb-4 border-danger">
         <div class="card-body">
           <h3 class="card-title mb-3">Delete Workspace</h3>
 
-          <p>Deleting a workspace is permanent. This action will not remove any TDEI datasets outside of Workspaces.</p>
+          <p>
+            Deleting a workspace is permanent. This action will not remove any
+            TDEI datasets outside of Workspaces.
+          </p>
 
-          <button class="btn btn-outline-danger mb-3" :disabled="deleteAccepted" @click="acceptDelete">
+          <button
+            class="btn btn-outline-danger mb-3"
+            :disabled="deleteAccepted"
+            @click="acceptDelete"
+          >
             I understand, and I want to delete this workspace
           </button>
 
@@ -67,36 +192,84 @@
               />
             </label>
 
-            <button class="btn btn-danger" :disabled="deleteAttestation !== 'delete'" @click="submitDelete">
+            <button
+              class="btn btn-danger"
+              :disabled="deleteAttestation !== 'delete'"
+              @click="submitDelete"
+            >
               Delete this workspace
             </button>
           </template>
-        </div><!-- .card-body -->
-      </div><!-- .card -->
-    </div><!-- .col -->
+        </div>
+        <!-- .card-body -->
+      </div>
+      <!-- .card -->
+    </div>
+    <!-- .col -->
   </app-page>
 </template>
 
 <script setup lang="ts">
-import { LoadingContext } from '~/services/loading'
-import { workspacesClient } from '~/services/index'
-import { toast } from 'vue3-toastify';
-import 'vue3-toastify/dist/index.css';
+import { LoadingContext } from "~/services/loading";
+import { workspacesClient } from "~/services/index";
+import { isHttpUrl, normalizeUrl } from '~/util/url';
+
+import type { Ref } from "vue";
+import { toast } from "vue3-toastify";
+import "vue3-toastify/dist/index.css";
+import Ajv from "ajv";
+import addFormats from "ajv-formats";
 
 const route = useRoute();
 const workspaceId = route.params.id;
-const [workspace, longFormQuestJson] = await Promise.all([
+const [workspace, longFormQuestSettings] = await Promise.all([
   workspacesClient.getWorkspace(workspaceId),
-  workspacesClient.getLongFormQuestDefinition(workspaceId)
+  workspacesClient.getLongFormQuestSettings(workspaceId)
 ]);
 
 const workspaceName = ref(workspace.title);
-const longFormQuestDef = ref(longFormQuestJson)
+
+const longFormQuestType = ref(longFormQuestSettings.type);
+const longFormQuestDef = ref(longFormQuestSettings.definition);
+const longFormQuestUrl = ref(longFormQuestSettings.url);
+const longFormQuestError = ref<string | null>(null);
+const externalAppSaveStatus = ref<{ type: "success" | "error"; message: string } | null>(null);
+const isDraggingQuest = ref(false);
+
+let imageryListDefInit: string = "";
+if (Array.isArray(workspace.imageryListDef)) {
+  imageryListDefInit = JSON.stringify(workspace.imageryListDef, null, 2);
+}
+const imageryListDef = ref(imageryListDefInit);
+const imageryError = ref<string | null>(null);
+const imagerySaveStatus = ref<{ type: "success" | "error"; message: string } | null>(null);
+const isDraggingImagery = ref(false);
 
 const deleteAccepted = ref(false);
-const deleteAttestation = ref('');
+const deleteAttestation = ref("");
 const deleteAttestationInput = ref(null);
 
+watch(
+  [
+    longFormQuestType,
+    longFormQuestDef,
+    longFormQuestUrl,
+    () => workspace.externalAppAccess
+  ],
+  () => { clearExternalAppMessages(); }
+);
+watch(imageryListDef, () => { clearExternalAppMessages(); });
+
+function clearExternalAppMessages() {
+  longFormQuestError.value = null;
+  externalAppSaveStatus.value = null;
+}
+
+function clearImageryMessages() {
+  imageryError.value = null;
+  externalAppSaveStatus.value = null;
+}
+
 async function save(details) {
   await workspacesClient.updateWorkspace(workspaceId, details);
 }
@@ -104,31 +277,206 @@ async function save(details) {
 async function rename() {
   try {
     await save({ title: workspaceName.value });
-  } catch(e) {
-    toast.error('Workspace rename failed:' + e.message);
+  } catch (e) {
+    toast.error("Workspace rename failed:" + e.message);
     return;
   }
-  toast.success('Workspace renamed successfully.');
+  toast.success("Workspace renamed successfully.");
+}
+
+const imagerySchemaUrl = import.meta.env.VITE_IMAGERY_SCHEMA;
+const imageryExampleUrl = import.meta.env.VITE_IMAGERY_EXAMPLE_URL;
+const longFormQuestSchemaUrl = import.meta.env.VITE_LONG_FORM_QUEST_SCHEMA;
+const longFormQuestExampleUrl = import.meta.env.VITE_LONG_FORM_QUEST_EXAMPLE_URL;
+
+const imagerySchema = ref<any>(null);
+const longFormQuestSchema = ref<any>(null);
+
+function handleFileDrop(
+  event: DragEvent,
+  targetRef: Ref<string>,
+  isDraggingRef: Ref<boolean>
+) {
+  isDraggingRef.value = false;
+  const files = event.dataTransfer?.files;
+  if (files && files[0]) {
+    const file = files[0];
+    if (!file.type.includes("json") && !file.name.endsWith(".json")) {
+      toast.error("Please drop a valid JSON file.");
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      if (typeof e.target?.result === "string") {
+        try {
+          const parsed = JSON.parse(e.target.result);
+          targetRef.value = JSON.stringify(parsed, null, 2);
+          toast.success("JSON file loaded successfully.");
+        } catch (err) {
+          targetRef.value = e.target.result;
+          toast.warn("The selected file is not valid JSON.");
+        }
+      }
+    };
+    reader.onerror = () => {
+      toast.error("Failed to read the file.");
+    };
+    reader.readAsText(file);
+  }
+}
+
+function onImageryFileDrop(event: DragEvent) {
+  handleFileDrop(event, imageryListDef, isDraggingImagery);
+}
+
+function onQuestFileDrop(event: DragEvent) {
+  handleFileDrop(event, longFormQuestDef, isDraggingQuest);
 }
 
-async function toggleExternalAppAccess() {
+async function validateJson(
+  jsonString: string | undefined,
+  schemaUrl: string,
+  cachedSchema: Ref<any>,
+  definitionName: string
+): Promise<{ data: any | null; error: string | null }> {
+  if (!jsonString) {
+    return { data: null, error: null };
+  }
+
   try {
-    await save({ externalAppAccess: workspace.externalAppAccess });
-  } catch(e) {
-    toast.error('External app enable/disable failed:' + e.message);
-    return;
+    if (!cachedSchema.value) {
+      const schemaResponse = await fetch(schemaUrl);
+      if (!schemaResponse.ok) {
+        throw new Error(
+          `Could not fetch ${definitionName.toLowerCase()} schema: ${
+            schemaResponse.statusText
+          }`
+        );
+      }
+      cachedSchema.value = await schemaResponse.json();
+      // remove "version" from the schema if exists
+      // we have version in long form quest schema which is creating problem while validating with json.
+      if (cachedSchema.value.version) {
+        delete cachedSchema.value.version;
+      }
+    }
+
+    let parsedJson;
+    try {
+      parsedJson = JSON.parse(jsonString);
+    } catch (e: any) {
+      return {
+        data: null,
+        error: `${definitionName} is not valid JSON: ${e.message}`,
+      };
+    }
+
+    const ajv = new Ajv({ allErrors: true });
+    addFormats(ajv);
+    const validate = ajv.compile(cachedSchema.value);
+    const valid = validate(parsedJson);
+    if (!valid) {
+      return {
+        data: null,
+        error: `${definitionName} JSON is not valid: ${ajv.errorsText(
+          validate.errors
+        )}`,
+      };
+    }
+
+    return { data: parsedJson, error: null };
+  } catch (e: any) {
+    return {
+      data: null,
+      error: `Failed to validate ${definitionName.toLowerCase()}: ${e.message}`,
+    };
   }
-  toast.success('External app enable/disable set successfully.');    
 }
 
-async function saveLongFormQuestDefinition() {
+async function saveExternalAppConfiguration() {
+  clearExternalAppMessages();
+
+  let type = longFormQuestType.value;
+  let definition = longFormQuestDef.value;
+  let url = longFormQuestUrl.value;
+
+  if (type === 'JSON') {
+    url = null;
+
+    if (!definition) {
+      type = 'NONE'
+    } else {
+      const validationResult = await validateJson(
+        definition,
+        longFormQuestSchemaUrl,
+        longFormQuestSchema,
+        'Long form quest definition'
+      );
+
+      if (validationResult.error) {
+        longFormQuestError.value = validationResult.error;
+        return;
+      }
+    }
+  } else if (type === 'URL') {
+    definition = null;
+
+    if (!url) {
+      type = 'NONE'
+    } else if (!isHttpUrl(url)) {
+      longFormQuestError.value = 'The URL is not valid.';
+      return;
+    } else {
+      url = normalizeUrl(url);
+    }
+  }
+
   try {
-    await workspacesClient.saveLongFormQuestDefinition(workspaceId, longFormQuestDef.value);
-  } catch(e) {
-    toast.error('Long form quest update failed:' + e.message);
+    await Promise.all([
+      save({ externalAppAccess: workspace.externalAppAccess }),
+      workspacesClient.saveLongFormQuestSettings(workspaceId, {
+        type,
+        definition,
+        url
+      })
+    ]);
+
+    externalAppSaveStatus.value = { type: 'success', message: 'Changes saved.' };
+    longFormQuestType.value = type;
+    longFormQuestDef.value = definition;
+    longFormQuestUrl.value = url;
+  } catch (e) {
+    externalAppSaveStatus.value = {
+      type: 'error',
+      message: 'Failed to save changes: ' + e.message,
+    };
+  }
+}
+
+async function saveImageryConfiguration() {
+  clearImageryMessages();
+
+  const imageryResult = await validateJson(
+    imageryListDef.value,
+    imagerySchemaUrl,
+    imagerySchema,
+    "Imagery definition"
+  );
+
+  if (imageryResult.error) {
+    imageryError.value = imageryResult.error;
     return;
   }
-  toast.success('Long form quest updated successfully.');
+
+  try {
+    await save({ imageryListDef: imageryResult.data });
+    imagerySaveStatus.value = { type: "success", message: "Changes saved." };
+  } catch (e) {
+    imagerySaveStatus.value = {
+      type: "error",
+      message: "Failed to save changes: " + e.message,
+    };
+  }
 }
 
 async function acceptDelete() {
@@ -139,6 +487,14 @@ async function acceptDelete() {
 
 async function submitDelete() {
   await workspacesClient.deleteWorkspace(workspaceId);
-  navigateTo('/dashboard');
+  navigateTo("/dashboard");
 }
 </script>
+
+<style scoped>
+.drag-over {
+  border-style: dashed;
+  border-color: var(--bs-primary);
+  background-color: var(--bs-light);
+}
+</style>
diff --git a/services/workspaces.ts b/services/workspaces.ts
index a634611..55e8ea8 100644
--- a/services/workspaces.ts
+++ b/services/workspaces.ts
@@ -104,20 +104,14 @@ export class WorkspacesClient extends BaseHttpClient implements ICancelableClien
     ]);
   }
 
-  async getLongFormQuestDefinition(workspaceId: number) {
-    const response = await this._get(`workspaces/${workspaceId}/quests/long`);
+  async getLongFormQuestSettings(workspaceId: number) {
+    const response = await this._get(`workspaces/${workspaceId}/quests/long/settings`);
 
-    if (response.status === 204) {
-      return undefined
-    }
-
-    return await response.text();
+    return await response.json();
   }
 
-  async saveLongFormQuestDefinition(workspaceId: number, definition: string): Promise {
-    await this._put(`workspaces/${workspaceId}/quests/long`, definition, {
-      headers: { ...this._requestHeaders, 'Content-Type': 'text/plain' }
-    });
+  async saveLongFormQuestSettings(workspaceId: number, settings: object): Promise<void> {
+    await this._patch(`workspaces/${workspaceId}/quests/long/settings`, settings);
   }
 
   #setAuthHeader() {
diff --git a/util/url.ts b/util/url.ts
new file mode 100644
index 0000000..9d910e0
--- /dev/null
+++ b/util/url.ts
@@ -0,0 +1,15 @@
+export function isHttpUrl(input: any): boolean {
+  let url: URL;
+
+  try {
+    url = new URL(input);
+  } catch {
+    return false;
+  }
+
+  return url.protocol === 'http:' || url.protocol === 'https:';
+}
+
+export function normalizeUrl(input: string): string {
+  return new URL(input).href
+}