diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index 78bf4cb..8cde018 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -3,10 +3,16 @@ import { randomUUID } from "crypto"
 import { performance } from "perf_hooks"
 import { pool } from "$lib/server/sql"
 import { DEVELOPMENT_USER } from "$lib/server/environment"
-import type { User } from "$lib/databaseTypes"
+import type { User } from "$lib/types"
 import type { RequestEvent } from "@sveltejs/kit"
 
-const ADMIN_ENDPOINTS = ["/api/templates/.*?"]
+type Endpoint = {
+    path: string
+    method: "GET" | "PATCH" | "POST" | "PUT" | "DELETE"
+}
+
+const ADMIN_ENDPOINT_PATHS = ["/api/templates/.*?", "/api/dsm/.*?"]
+const ADMIN_SPECIFIC_ENDPOINTS: Endpoint[] = [{ path: "/api/dsm", method: "POST" }]
 
 export async function handle({ event, resolve }) {
     const requestId = randomUUID()
@@ -87,8 +93,14 @@ export async function getOrInsertUser(email: string) {
 }
 
 function isUserAuthorized(event: RequestEvent<Partial<Record<string, string>>, string | null>, user: User) {
-    if (!user.is_admin && ADMIN_ENDPOINTS.some(endpoint => event.request.url.match(endpoint))) {
+    if (!user.is_admin && ADMIN_ENDPOINT_PATHS.some(path => event.request.url.match(path))) {
         return false
     }
+
+    for (const endpoint of ADMIN_SPECIFIC_ENDPOINTS) {
+        if (!user.is_admin && event.request.url.match(endpoint.path) && event.request.method === endpoint.method) {
+            return false
+        }
+    }
     return true
 }
diff --git a/src/lib/components/Navigation.svelte b/src/lib/components/Navigation.svelte
index 5eebcc5..8f960e9 100644
--- a/src/lib/components/Navigation.svelte
+++ b/src/lib/components/Navigation.svelte
@@ -4,6 +4,7 @@
 
     const drawerStore = getDrawerStore()
     const pages = [
+        { name: "DSM Codes", href: "/dsm" },
         { name: "Intake", href: "/intake" },
         { name: "Summarization", href: "/summarization" },
         { name: "Templates", href: "/templates" }
diff --git a/src/lib/icons/XIcon.svelte b/src/lib/icons/XIcon.svelte
new file mode 100644
index 0000000..0e63f03
--- /dev/null
+++ b/src/lib/icons/XIcon.svelte
@@ -0,0 +1 @@
+<i class={`fa-solid fa-x ${$$props.class}`}></i>
diff --git a/src/lib/markdownRenderers/OrderedListItem.svelte b/src/lib/markdownRenderers/OrderedListItem.svelte
deleted file mode 100644
index 73e8356..0000000
--- a/src/lib/markdownRenderers/OrderedListItem.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<div>
-    <li>
-        <slot />
-    </li>
-</div>
-
-<style>
-    li {
-        list-style-type: decimal;
-    }
-
-    div {
-        margin-left: 1.5em;
-    }
-</style>
diff --git a/src/lib/markdownRenderers/UnorderedListItem.svelte b/src/lib/markdownRenderers/UnorderedListItem.svelte
deleted file mode 100644
index 4daaad0..0000000
--- a/src/lib/markdownRenderers/UnorderedListItem.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<div>
-    <li>
-        <slot />
-    </li>
-</div>
-
-<style>
-    li {
-        list-style-type: disc;
-    }
-
-    div {
-        margin-left: 1.5em;
-    }
-</style>
diff --git a/src/lib/server/sql.ts b/src/lib/server/sql.ts
index 88fb528..bab967f 100644
--- a/src/lib/server/sql.ts
+++ b/src/lib/server/sql.ts
@@ -13,16 +13,14 @@ const config = {
 
 export const pool = new Pool(config)
 
-export interface SqlTemplateModel {
+export type SqlTemplateSchema = {
     id: number
     text: string
     parent_id: number | null
-    time_created: string
-    time_updated: string
 }
 
-export interface SqlTemplateSchema {
+export type SqlDsmCodeSchema = {
     id: number
-    text: string
-    parent_id: number | null
+    code: string
+    label: string
 }
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 814f067..edfbba6 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -18,10 +18,12 @@
     } from "@skeletonlabs/skeleton"
     import "../app.postcss"
     import ModalSearchDecisionTree from "./templates/TemplatesDirectory/ModalSearchDecisionTree.svelte"
+    import ModalDsmForm from "./dsm/ModalDsmForm.svelte"
     initializeStores()
     storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow })
 
     const modalRegistry: Record<string, ModalComponent> = {
+        dsmForm: { ref: ModalDsmForm },
         markdown: { ref: ModalMarkdown },
         searchDecisionTree: { ref: ModalSearchDecisionTree }
     }
diff --git a/src/routes/api/dsm/+server.ts b/src/routes/api/dsm/+server.ts
new file mode 100644
index 0000000..87611e7
--- /dev/null
+++ b/src/routes/api/dsm/+server.ts
@@ -0,0 +1,42 @@
+import { logger } from "$lib/server/logging"
+import { pool, type SqlDsmCodeSchema } from "$lib/server/sql"
+
+export async function GET() {
+    logger.info("Getting all DSM codes")
+    return await pool
+        .connect()
+        .then(async client => {
+            const result = await client.query("SELECT * FROM dsm_codes")
+            client.release()
+            return result.rows as SqlDsmCodeSchema[]
+        })
+        .then(rows => {
+            return new Response(JSON.stringify(rows), { headers: { "Content-Type": "application/json" } })
+        })
+        .catch(error => {
+            logger.error("Error getting all templates:", error)
+            return new Response(null, { status: 500 })
+        })
+}
+
+export async function POST({ request }) {
+    logger.info("Posting a new DSM code")
+    const { code, label } = await request.json()
+    return await pool
+        .connect()
+        .then(async client => {
+            const result = await client.query({
+                text: "INSERT INTO dsm_codes (code, label) VALUES ($1, $2) RETURNING id, code, label",
+                values: [code, label]
+            })
+            client.release()
+            return result.rows as SqlDsmCodeSchema[]
+        })
+        .then(rows => {
+            return new Response(JSON.stringify(rows[0]), { headers: { "Content-Type": "application/json" } })
+        })
+        .catch(error => {
+            logger.error("Error getting all templates:", error)
+            return new Response(null, { status: 500 })
+        })
+}
diff --git a/src/routes/api/dsm/[id]/+server.ts b/src/routes/api/dsm/[id]/+server.ts
new file mode 100644
index 0000000..25efec9
--- /dev/null
+++ b/src/routes/api/dsm/[id]/+server.ts
@@ -0,0 +1,40 @@
+import { logger } from "$lib/server/logging"
+import { pool, type SqlDsmCodeSchema } from "$lib/server/sql"
+
+export async function PUT({ params, request }) {
+    const id = params.id
+    const { code, label } = await request.json()
+    logger.info("Editting DSM Code")
+    return await pool
+        .connect()
+        .then(async client => {
+            const result = await client.query({
+                text: "UPDATE dsm_codes SET code = $1, label = $2 WHERE id = $3",
+                values: [code, label, id]
+            })
+            client.release()
+            return result.rows as SqlDsmCodeSchema[]
+        })
+        .then(rows => {
+            return new Response(JSON.stringify(rows), { headers: { "Content-Type": "application/json" } })
+        })
+        .catch(error => {
+            logger.error("Error getting all dsm codes:", error)
+            return new Response(null, { status: 500 })
+        })
+}
+
+export async function DELETE({ params }) {
+    return await pool
+        .connect()
+        .then(async client => {
+            await client.query({ text: "DELETE FROM dsm_codes WHERE id = $1", values: [params.id] })
+        })
+        .then(() => {
+            return new Response(null)
+        })
+        .catch(error => {
+            logger.error("Error deleting all dsm code:", error)
+            return new Response(null, { status: 500 })
+        })
+}
diff --git a/src/routes/dsm/+page.svelte b/src/routes/dsm/+page.svelte
new file mode 100644
index 0000000..1e06072
--- /dev/null
+++ b/src/routes/dsm/+page.svelte
@@ -0,0 +1,136 @@
+<script lang="ts">
+    import type { SqlDsmCodeSchema } from "$lib/server/sql"
+    import { getToastStore, type ToastSettings } from "@skeletonlabs/skeleton"
+    import { onMount } from "svelte"
+    import EditButton from "./EditButton.svelte"
+    import CreateButton from "./CreateButton.svelte"
+    import DeleteButton from "./DeleteButton.svelte"
+    import { indexForNewItemInSortedList } from "./utils"
+    import XIcon from "$lib/icons/XIcon.svelte"
+
+    export let data
+
+    let searchString = ""
+    let dsmCodes: SqlDsmCodeSchema[] = []
+    let autoCompeleteOptions: SqlDsmCodeSchema[] = []
+    let selected: SqlDsmCodeSchema[] = []
+    let inputDiv: HTMLDivElement
+    let isAdmin = data.user?.is_admin
+
+    const toastStore = getToastStore()
+    const copyToast: ToastSettings = {
+        message: "The selected DSM codes have been copied to your clipboard."
+    }
+    const noSelectionToast: ToastSettings = {
+        message: "No DSM codes have been selected.",
+        background: "variant-filled-error"
+    }
+
+    onMount(() => {
+        fetch("/api/dsm")
+            .then(res => res.json())
+            .then((data: SqlDsmCodeSchema[]) => {
+                dsmCodes = data.sort((a, b) => a.label.localeCompare(b.label))
+            })
+        inputDiv.focus()
+    })
+
+    function onButtonClick(item: { label: string; id: number; code: string }) {
+        if (selected.some(s => s.label === item.label)) return
+        selected = [...selected, item]
+        searchString = ""
+        inputDiv.focus()
+    }
+
+    function exportToClipboard() {
+        if (selected.length === 0) {
+            toastStore.trigger(noSelectionToast)
+            return
+        }
+
+        function itemToString(item: { label: string; code: string }) {
+            if (item.code.length < 13) {
+                return [item.code, item.label].join("\t\t")
+            } else {
+                return [item.code, item.label].join("\t")
+            }
+        }
+        navigator.clipboard.writeText(selected.map(s => itemToString(s)).join("\n") + "\n")
+        toastStore.trigger(copyToast)
+    }
+
+    function onCreate(item: SqlDsmCodeSchema) {
+        const index = indexForNewItemInSortedList(
+            dsmCodes.map(d => d.label),
+            item.label
+        )
+        dsmCodes = [...dsmCodes.slice(0, index), item, ...dsmCodes.slice(index)]
+    }
+
+    function onDelete(item: SqlDsmCodeSchema) {
+        dsmCodes = dsmCodes.filter(code => code.id !== item.id)
+    }
+
+    $: autoCompeleteOptions = dsmCodes.filter(code =>
+        (code.code + " " + code.label).toLowerCase().includes(searchString.toLowerCase())
+    )
+</script>
+
+<span class="flex space-x-2 pb-2 h-12">
+    {#if isAdmin}
+        <CreateButton {onCreate} />
+    {/if}
+</span>
+
+<div class="flex space-x-2">
+    <input
+        bind:this={inputDiv}
+        class="input max-h-10"
+        type="search"
+        name="autocomplete-search"
+        placeholder="Search..."
+        autocomplete="off"
+        bind:value={searchString}
+    />
+
+    <button tabindex="-1" class="btn variant-filled-primary" on:click={exportToClipboard}>
+        <span>
+            <i class="fas fa-copy"></i>
+            Copy
+        </span>
+    </button>
+</div>
+
+<span class="ml-2 space-x-2 space-y-1">
+    {#each selected as selection}
+        <button
+            class="chip variant-filled hover:variant-filled"
+            on:click={() => (selected = selected.filter(s => s.id !== selection.id))}
+        >
+            <span><XIcon /></span>
+            <span>{selection.label}</span>
+        </button>
+    {/each}
+</span>
+
+<div class="max-h-[40vh] p-4 overflow-y-auto border-2 bg-white">
+    <ul class="w-full">
+        {#each autoCompeleteOptions as option}
+            <li class="grid grid-cols-[70px_auto] w-full" class:grid-cols-1={!isAdmin}>
+                {#if isAdmin}
+                    <span class="grid grid-cols-2 mt-2 gap-3 mr-4">
+                        <EditButton bind:dsmItem={option} />
+                        <DeleteButton dsmItem={option} {onDelete} />
+                    </span>
+                {/if}
+                <button
+                    class="btn hover:variant-ghost-primary flex justify-start text-left w-full"
+                    class:variant-soft-primary={selected.some(s => s.label === option.label)}
+                    on:click={() => onButtonClick(option)}
+                >
+                    {option.label}
+                </button>
+            </li>
+        {/each}
+    </ul>
+</div>
diff --git a/src/routes/dsm/CreateButton.svelte b/src/routes/dsm/CreateButton.svelte
new file mode 100644
index 0000000..f81eff2
--- /dev/null
+++ b/src/routes/dsm/CreateButton.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+    import FileIcon from "$lib/icons/FileIcon.svelte"
+    import type { SqlDsmCodeSchema } from "$lib/server/sql"
+    import { getModalStore, getToastStore, type ModalSettings } from "@skeletonlabs/skeleton"
+
+    export let onCreate: (item: SqlDsmCodeSchema) => void
+
+    const instructions = "Create a new DSM code."
+
+    const toastStore = getToastStore()
+    const modalStore = getModalStore()
+
+    async function onClick() {
+        const modal: ModalSettings = {
+            type: "component",
+            component: "dsmForm",
+            title: `Create DSM Code`,
+            meta: { instructions: instructions },
+            response: async response => {
+                if (!response) return
+                await fetch(`/api/dsm`, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ code: response.code, label: response.label })
+                }).then(async result => {
+                    if (!result.ok) {
+                        toastStore.trigger({
+                            message: `Failed to create the DSM code: ${result.statusText}`,
+                            background: "variant-filled-error"
+                        })
+                    } else {
+                        onCreate(await result.json())
+                        toastStore.trigger({
+                            message: `Created the DSM code.`,
+                            background: "variant-filled-success"
+                        })
+                    }
+                })
+            }
+        }
+        modalStore.trigger(modal)
+    }
+</script>
+
+<button on:click={onClick} class="btn variant-filled-secondary">
+    <span>Create DSM Code</span>
+</button>
diff --git a/src/routes/dsm/DeleteButton.svelte b/src/routes/dsm/DeleteButton.svelte
new file mode 100644
index 0000000..a43ff28
--- /dev/null
+++ b/src/routes/dsm/DeleteButton.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+    import TrashIcon from "$lib/icons/TrashIcon.svelte"
+    import type { SqlDsmCodeSchema } from "$lib/server/sql"
+    import { getModalStore, getToastStore, type ModalSettings } from "@skeletonlabs/skeleton"
+
+    export let dsmItem: { label: string; code: string; id: number }
+    export let onDelete: (item: SqlDsmCodeSchema) => void
+
+    const instructions = "Edit the DSM code."
+
+    const toastStore = getToastStore()
+    const modalStore = getModalStore()
+
+    async function onClick() {
+        const modal: ModalSettings = {
+            type: "confirm",
+            title: `Delete DSM Code`,
+            body: `Are you sure you wish to delete "${dsmItem.label}"?`,
+            response: async response => {
+                if (!response) return
+                await fetch(`/api/dsm/${dsmItem.id}`, {
+                    method: "DELETE",
+                    headers: { "Content-Type": "application/json" }
+                }).then(result => {
+                    if (!result.ok) {
+                        toastStore.trigger({
+                            message: `Failed to edit the DSM code: ${result.statusText}`,
+                            background: "variant-filled-error"
+                        })
+                    } else {
+                        onDelete(item)
+                        toastStore.trigger({
+                            message: `Deleted the DSM code.`,
+                            background: "variant-filled-success"
+                        })
+                    }
+                })
+            }
+        }
+        modalStore.trigger(modal)
+    }
+</script>
+
+<button on:click={onClick} class="btn hover:variant-ghost-primary w-[1rem] h-[1.5rem]">
+    <TrashIcon class="text-error-600" />
+</button>
diff --git a/src/routes/dsm/EditButton.svelte b/src/routes/dsm/EditButton.svelte
new file mode 100644
index 0000000..88c79f2
--- /dev/null
+++ b/src/routes/dsm/EditButton.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+    import EditIcon from "$lib/icons/EditIcon.svelte"
+    import { getModalStore, getToastStore, type ModalSettings } from "@skeletonlabs/skeleton"
+
+    export let dsmItem: { label: string; code: string; id: number }
+    const instructions = "Edit the DSM code."
+
+    const toastStore = getToastStore()
+    const modalStore = getModalStore()
+
+    async function onClick() {
+        const modal: ModalSettings = {
+            type: "component",
+            component: "dsmForm",
+            title: `Edit DSM Code`,
+            meta: { instructions: instructions, code: dsmItem.code, label: dsmItem.label },
+            response: async response => {
+                if (!response) return
+                await fetch(`/api/dsm/${dsmItem.id}`, {
+                    method: "PUT",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ code: response.code, label: response.label, id: dsmItem.id })
+                }).then(result => {
+                    if (!result.ok) {
+                        toastStore.trigger({
+                            message: `Failed to edit the DSM code: ${result.statusText}`,
+                            background: "variant-filled-error"
+                        })
+                    } else {
+                        dsmItem.code = response.code
+                        dsmItem.label = response.label
+                        toastStore.trigger({
+                            message: `Editted the DSM code.`,
+                            background: "variant-filled-success"
+                        })
+                    }
+                })
+            }
+        }
+        modalStore.trigger(modal)
+    }
+</script>
+
+<button on:click={onClick} class="btn hover:variant-ghost-primary w-[1rem] h-[1.5rem]">
+    <EditIcon class="text-warning-600" />
+</button>
diff --git a/src/routes/dsm/ModalDsmForm.svelte b/src/routes/dsm/ModalDsmForm.svelte
new file mode 100644
index 0000000..db656a5
--- /dev/null
+++ b/src/routes/dsm/ModalDsmForm.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+    import { getModalStore } from "@skeletonlabs/skeleton"
+
+    const modalStore = getModalStore()
+    let code: string = $modalStore[0].meta.code
+    let label: string = $modalStore[0].meta.label
+
+    function onSubmit(event: Event) {
+        event.preventDefault()
+
+        if ($modalStore[0].response) {
+            $modalStore[0].response({ code: code, label: label })
+            modalStore.close()
+        }
+    }
+</script>
+
+{#if $modalStore[0]}
+    <div class="card p-4 w-modal-wide shadow-xl space-y-4">
+        <form on:submit={onSubmit}>
+            <label>
+                DSM Code
+                <input class="input" bind:value={code} />
+            </label>
+            <label>
+                DSM Label
+                <input class="input" bind:value={label} />
+            </label>
+            <button class="btn variant-filled-primary" type="submit"> Submit </button>
+        </form>
+    </div>
+{/if}
diff --git a/src/routes/dsm/utils.ts b/src/routes/dsm/utils.ts
new file mode 100644
index 0000000..ddc75fa
--- /dev/null
+++ b/src/routes/dsm/utils.ts
@@ -0,0 +1,17 @@
+export function indexForNewItemInSortedList(list: string[], item: string) {
+    let left = 0
+    let right = list.length - 1
+
+    while (left <= right) {
+        const mid = Math.floor((right + left) / 2)
+        const direction = list[mid].localeCompare(item)
+        if (direction === 0) {
+            return mid
+        } else if (direction === -1) {
+            left = mid + 1
+        } else {
+            right = mid - 1
+        }
+    }
+    return left
+}
diff --git a/src/routes/templates/+page.svelte b/src/routes/templates/+page.svelte
index 9f8af15..77ea0b3 100644
--- a/src/routes/templates/+page.svelte
+++ b/src/routes/templates/+page.svelte
@@ -1,13 +1,12 @@
 <script script lang="ts">
     import LoadingBar from "$lib/components/LoadingBar.svelte"
-    import { SlideToggle, Tab, TabGroup } from "@skeletonlabs/skeleton"
+    import { Tab, TabGroup } from "@skeletonlabs/skeleton"
     import { onMount } from "svelte"
     import Checkout from "./Checkout/Checkout.svelte"
     import { DecisionTree } from "./DecisionTree"
     import TemplatesDirectory from "./TemplatesDirectory/TemplatesDirectory.svelte"
     import SelectedNodes from "./SelectedNodes.svelte"
     import MarkdownEditor from "$lib/components/MarkdownEditor.svelte"
-    import ExportTemplates from "./ExportTemplates.svelte"
 
     export let data