diff --git a/website/src/repl/Repl.jsx b/website/src/repl/Repl.jsx
index aa83317d..1e90f2fb 100644
--- a/website/src/repl/Repl.jsx
+++ b/website/src/repl/Repl.jsx
@@ -19,7 +19,7 @@ import { createClient } from '@supabase/supabase-js';
 import { nanoid } from 'nanoid';
 import React, { createContext, useCallback, useEffect, useState, useMemo } from 'react';
 import './Repl.css';
-import { Footer } from './Footer';
+import { Panel } from './panel/Panel';
 import { Header } from './Header';
 import { prebake } from './prebake.mjs';
 import * as tunes from './tunes.mjs';
@@ -321,12 +321,12 @@ export function Repl({ embedded = false }) {
               onSelectionChange={handleSelectionChange}
             />
           </section>
-          {panelPosition === 'right' && !isEmbedded && <Footer context={context} />}
+          {panelPosition === 'right' && !isEmbedded && <Panel context={context} />}
         </div>
         {error && (
           <div className="text-red-500 p-4 bg-lineHighlight animate-pulse">{error.message || 'Unknown Error :-/'}</div>
         )}
-        {panelPosition === 'bottom' && !isEmbedded && <Footer context={context} />}
+        {panelPosition === 'bottom' && !isEmbedded && <Panel context={context} />}
       </div>
     </ReplContext.Provider>
   );
diff --git a/website/src/repl/Footer.jsx b/website/src/repl/panel/Panel.jsx
similarity index 91%
rename from website/src/repl/Footer.jsx
rename to website/src/repl/panel/Panel.jsx
index b27f11c0..430e9835 100644
--- a/website/src/repl/Footer.jsx
+++ b/website/src/repl/panel/Panel.jsx
@@ -3,17 +3,17 @@ import { logger } from '@strudel.cycles/core';
 import { cx, useEvent } from '@strudel.cycles/react';
 import { nanoid } from 'nanoid';
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { setActiveFooter, useSettings } from '../settings.mjs';
-import { ConsoleTab } from './panel/ConsoleTab';
-import { FilesTab } from './panel/FilesTab';
-import { Reference } from './panel/Reference';
-import { SettingsTab } from './panel/SettingsTab';
-import { SoundsTab } from './panel/SoundsTab';
-import { WelcomeTab } from './panel/WelcomeTab';
+import { setActiveFooter, useSettings } from '../../settings.mjs';
+import { ConsoleTab } from './ConsoleTab';
+import { FilesTab } from './FilesTab';
+import { Reference } from './Reference';
+import { SettingsTab } from './SettingsTab';
+import { SoundsTab } from './SoundsTab';
+import { WelcomeTab } from './WelcomeTab';
 
 const TAURI = window.__TAURI__;
 
-export function Footer({ context }) {
+export function Panel({ context }) {
   const footerContent = useRef();
   const [log, setLog] = useState([]);
   const { activeFooter, isZen, panelPosition } = useSettings();