diff --git a/src/frontend/src/CustomEmbeddableRenderer.tsx b/src/frontend/src/CustomEmbeddableRenderer.tsx
index 4023add..4eba265 100644
--- a/src/frontend/src/CustomEmbeddableRenderer.tsx
+++ b/src/frontend/src/CustomEmbeddableRenderer.tsx
@@ -9,7 +9,6 @@ import {
   ControlButton,
   Editor,
   Terminal,
-  DevTools,
 } from './pad';
 import { ActionButton } from './pad/buttons';
 import "./CustomEmbeddableRenderer.scss";
@@ -36,7 +35,7 @@ export const renderCustomEmbeddable = (
         title = "HTML Editor";
         break;
       case 'editor':
-        content = <Editor element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
+        content = <Editor element={element} excalidrawAPI={excalidrawAPI} />;
         title = "Code Editor";
         break;
       case 'terminal':
@@ -64,10 +63,6 @@ export const renderCustomEmbeddable = (
         content = <Dashboard element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
         title = "Dashboard";
         break;
-      case 'dev':
-        content = <DevTools element={element} appState={appState} excalidrawAPI={excalidrawAPI} />;
-        title = "Dev Tools";
-        break;
       default:
         title = "Untitled";
         return null;
diff --git a/src/frontend/src/pad/DevTools.scss b/src/frontend/src/pad/DevTools.scss
deleted file mode 100644
index faaa2f7..0000000
--- a/src/frontend/src/pad/DevTools.scss
+++ /dev/null
@@ -1,86 +0,0 @@
-.dev-tools {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-    
-    &__content {
-      flex: 1;
-      overflow: hidden;
-      position: relative;
-    }
-    
-    &__collab-container {
-      display: flex;
-      height: 100%;
-      width: 100%;
-      gap: 8px;
-    }
-  
-    &__collab-events-wrapper {
-      display: flex;
-      flex-direction: column;
-      flex: 1;
-      gap: 8px;
-      overflow: hidden;
-    }
-    
-    &__collab-events {
-      border: 1px solid #333;
-      border-radius: 4px;
-      display: flex;
-      flex-direction: column;
-      background-color: #1e1e1e;
-      overflow: hidden;
-  
-      .dev-tools__collab-events-wrapper > & {
-        width: auto;
-        flex-basis: 0;
-        flex-grow: 1;
-        flex-shrink: 1;
-        min-width: 0;
-      }
-    }
-    
-    &__collab-events-header {
-      padding: 6px 10px;
-      background-color: #2d2d2d;
-      border-bottom: 1px solid #444;
-      font-size: 12px;
-      font-weight: 500;
-      color: #e0e0e0;
-    }
-    
-    &__collab-events-list {
-      flex: 1;
-      overflow-y: auto;
-      padding: 4px;
-    }
-    
-    &__collab-empty {
-      padding: 12px;
-      color: #a0a0a0;
-      font-size: 12px;
-      text-align: center;
-      font-style: italic;
-    }
-    
-    &__collab-details {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      border: 1px solid #333;
-      border-radius: 4px;
-      overflow: hidden;
-    }
-    
-    &__editor-header {
-      padding: 6px 10px;
-      background-color: #2d2d2d;
-      border-bottom: 1px solid #444;
-      font-size: 12px;
-      font-weight: 500;
-      color: #e0e0e0;
-    }
-}
diff --git a/src/frontend/src/pad/DevTools.tsx b/src/frontend/src/pad/DevTools.tsx
deleted file mode 100644
index d0080b6..0000000
--- a/src/frontend/src/pad/DevTools.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import MonacoEditor from '@monaco-editor/react';
-import './DevTools.scss';
-
-interface DevToolsProps {}
-
-const DevTools: React.FC<DevToolsProps> = () => {
-  return (
-    <div className="dev-tools">
-      <div className="dev-tools__content">
-        <div className="dev-tools__collab-container">
-          <div className="dev-tools__collab-events-wrapper">
-              <div className="dev-tools__collab-events">
-                <div className="dev-tools__collab-events-header">
-                  Events
-                </div>
-                <div className="dev-tools__collab-events-list">
-                  <div className="dev-tools__collab-empty">
-                    Event display area.
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="dev-tools__collab-details">
-              <div className="dev-tools__editor-header">Event Details</div>
-              <MonacoEditor
-                height="100%"
-                language="json"
-                theme="vs-dark"
-                value={JSON.stringify({ message: "JSON representation of event data will appear here." }, null, 2)}
-                options={{
-                  readOnly: true,
-                  minimap: { enabled: false },
-                  scrollBeyondLastLine: false,
-                  fontSize: 12,
-                  automaticLayout: true,
-                  wordWrap: 'on'
-                }}
-              />
-            </div>
-          </div>
-      </div>
-    </div>
-  );
-};
-
-export default DevTools;
diff --git a/src/frontend/src/pad/editors/HtmlEditor.tsx b/src/frontend/src/pad/editors/HtmlEditor.tsx
index a4b82f4..78a368d 100644
--- a/src/frontend/src/pad/editors/HtmlEditor.tsx
+++ b/src/frontend/src/pad/editors/HtmlEditor.tsx
@@ -33,7 +33,7 @@ export const useHtmlEditor = (
   element: NonDeleted<ExcalidrawEmbeddableElement> | undefined,
   editorRef: React.RefObject<any>,
   excalidrawAPI?: any,
-  isActive: boolean = true // New parameter to control if the hook is active
+  isActive: boolean = true
 ) => {
   // Always initialize these hooks regardless of isActive
   const [createNew, setCreateNew] = useState(false);
diff --git a/src/frontend/src/pad/index.ts b/src/frontend/src/pad/index.ts
index 0c2bb78..4da81bb 100644
--- a/src/frontend/src/pad/index.ts
+++ b/src/frontend/src/pad/index.ts
@@ -5,11 +5,9 @@ export * from './Dashboard';
 export * from './Terminal';
 export * from './buttons';
 export * from './editors';
-export * from './DevTools';
 
 // Default exports
 export { default as ControlButton } from './buttons/ControlButton';
 export { default as StateIndicator } from './StateIndicator';
 export { default as Dashboard } from './Dashboard';
 export { default as Terminal } from './Terminal';
-export { default as DevTools } from './DevTools';
\ No newline at end of file
diff --git a/src/frontend/src/ui/MainMenu.tsx b/src/frontend/src/ui/MainMenu.tsx
index 10c8066..0470edd 100644
--- a/src/frontend/src/ui/MainMenu.tsx
+++ b/src/frontend/src/ui/MainMenu.tsx
@@ -7,7 +7,7 @@ import { LogOut, SquarePlus, LayoutDashboard, User, Text, Settings, Terminal, Fi
 import md5 from 'crypto-js/md5';
 
 // Components
-import SettingsDialog from './SettingsDialog'; // Added import
+import SettingsDialog from './SettingsDialog';
 
 import { useLogout } from '../hooks/useLogout';
 import { useAuthStatus } from '../hooks/useAuthStatus';
@@ -67,22 +67,6 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
     });
   };
 
-  const handleDevToolsClick = () => {
-    if (!excalidrawAPI) return;
-    
-    const devToolsElement = ExcalidrawElementFactory.createEmbeddableElement({
-      link: "!dev",
-      width: 800,
-      height: 500
-    });
-    
-    ExcalidrawElementFactory.placeInScene(devToolsElement, excalidrawAPI, {
-      mode: PlacementMode.NEAR_VIEWPORT_CENTER,
-      bufferPercentage: 10,
-      scrollToView: true
-    });
-  };
-
   const handleInsertButtonClick = () => {
     if (!excalidrawAPI) return;
     
@@ -135,7 +119,7 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
     setShowSettingsModal(true);
   };
 
-  const handleCloseSettingsModal = () => { // Added handler to close settings modal
+  const handleCloseSettingsModal = () => {
     setShowSettingsModal(false);
   };
   
@@ -151,7 +135,7 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
         const keycloakLogoutUrl = data.logout_url;
 
         const createIframeLoader = (url: string, debugName: string): Promise<void> => {
-          return new Promise<void>((resolve, reject) => { // Added reject for error handling
+          return new Promise<void>((resolve, reject) => {
             const iframe = document.createElement("iframe");
             iframe.style.display = "none";
             iframe.src = url;
@@ -204,7 +188,7 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
           onClose={() => setShowAccountModal(false)} 
         />
       )}
-      {showSettingsModal && ( // Added conditional rendering for SettingsDialog
+      {showSettingsModal && (
         <SettingsDialog
           excalidrawAPI={excalidrawAPI}
           onClose={handleCloseSettingsModal}
@@ -262,12 +246,6 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
         >
           Action Button
         </MainMenu.Item>
-        <MainMenu.Item
-          icon={<FlaskConical />}
-          onClick={handleDevToolsClick}
-        >
-          Dev. Tools
-        </MainMenu.Item>
       </MainMenu.Group>
       
       <MainMenu.Separator />
diff --git a/src/frontend/src/ui/TabContextMenu.tsx b/src/frontend/src/ui/TabContextMenu.tsx
index 2ee5478..bdb2f1e 100644
--- a/src/frontend/src/ui/TabContextMenu.tsx
+++ b/src/frontend/src/ui/TabContextMenu.tsx
@@ -219,7 +219,7 @@ class TabActionManager implements ActionManager {
     onRename: (padId: string, newName: string) => void,
     onDelete: (padId: string) => void, // This is for deleteOwnedPad
     onUpdateSharingPolicy: (padId: string, policy: string) => void,
-    onLeaveSharedPad: (padId: string) => void, // Moved before optional param
+    onLeaveSharedPad: (padId: string) => void,
     sharingPolicy?: string
   ) {
     this.padId = padId;
@@ -244,7 +244,7 @@ class TabActionManager implements ActionManager {
         console.debug('[pad.ws] User confirmed delete, calling onDelete');
         this.onDelete(this.padId); // Calls original onDelete for owned pads
       }
-    } else if (action.name === 'leaveSharedPad') { // New action for leaving
+    } else if (action.name === 'leaveSharedPad') {
       console.debug('[pad.ws] Attempting to leave shared pad:', this.padId, this.padName);
       if (window.confirm(`Are you sure you want to leave "${this.padName}"? This will remove it from your list of open pads.`)) {
         this.onLeaveSharedPad(this.padId); // Calls the new handler
diff --git a/src/frontend/src/ui/Tabs.tsx b/src/frontend/src/ui/Tabs.tsx
index d7cdcbc..02af0ce 100644
--- a/src/frontend/src/ui/Tabs.tsx
+++ b/src/frontend/src/ui/Tabs.tsx
@@ -20,7 +20,7 @@ interface TabsProps {
     createNewPadAsync: () => Promise<Tab | null | undefined>;
     renamePad: (args: { padId: string; newName: string }) => void;
     deletePad: (padId: string) => void;
-    leaveSharedPad: (padId: string) => void; // Added prop
+    leaveSharedPad: (padId: string) => void;
     updateSharingPolicy: (args: { padId: string; policy: string }) => void;
     selectTab: (tabId: string) => void;
 }
@@ -470,7 +470,7 @@ const Tabs: React.FC<TabsProps> = ({
                         }
                         deletePad(padId); // Calls the prop for deleting owned pad
                     }}
-                    onLeaveSharedPad={(padId: string) => { // New prop for 'leaveSharedPad'
+                    onLeaveSharedPad={(padId: string) => {
                         leaveSharedPad(padId); // Calls the prop for leaving shared pad
                     }}
                     onUpdateSharingPolicy={(padId: string, policy: string) => {