diff --git a/website/src/repl/components/panel/PatternsTab.jsx b/website/src/repl/components/panel/PatternsTab.jsx
index 32a77c790..e9eb19bf9 100644
--- a/website/src/repl/components/panel/PatternsTab.jsx
+++ b/website/src/repl/components/panel/PatternsTab.jsx
@@ -9,9 +9,7 @@ import {
   userPattern,
 } from '../../../user_pattern_utils.mjs';
 import { useMemo, useRef } from 'react';
-import { getMetadata } from '../../../metadata_parser.js';
 import { useExamplePatterns } from '../../useExamplePatterns.jsx';
-import { parseJSON, isUdels } from '../../util.mjs';
 import { useSettings } from '../../../settings.mjs';
 import { ActionButton } from '../button/action-button.jsx';
 import { Pagination } from '../pagination/Pagination.jsx';
@@ -20,6 +18,11 @@ import { useDebounce } from '../usedebounce.jsx';
 import cx from '@src/cx.mjs';
 import { Textbox } from '@src/repl/components/panel/SettingsTab.jsx';
 
+const PATTERN_SORT = {
+  "NEWEST": "most recent",
+  "A-Z": "A-Z",
+}
+
 export function PatternLabel({ pattern } /* : { pattern: Tables<'code'> } */) {
   const meta = pattern.meta
 
@@ -59,7 +62,6 @@ function PatternButtons({ patterns, activePattern, onClick, started }) {
     <div className="p-2">
       {Object.values(patterns)
         .sort((a, b) => {
-          const x = ""
           return (b.meta.title ?? "").localeCompare(a.meta.title ?? "")
 
         })
diff --git a/website/src/settings.mjs b/website/src/settings.mjs
index 28228dc00..6cbfda0ee 100644
--- a/website/src/settings.mjs
+++ b/website/src/settings.mjs
@@ -19,6 +19,11 @@ export const soundFilterType = {
   ALL: 'all',
 };
 
+export const PATTERN_SORT = {
+  "NEWEST": "most recent",
+  "A-Z": "A-Z",
+}
+
 export const defaultSettings = {
   activeFooter: 'intro',
   keybindings: 'codemirror',