verified hotkeys

frontend/src/App.tsx

@@ -7,6 +7,7 @@ import AIPanel from './components/AIPanel';
 import ExportDialog from './components/ExportDialog';
 import SettingsPanel from './components/SettingsPanel';
 import DevPanel from './components/DevPanel';
+import MarkersPanel from './components/MarkersPanel';
 import SilenceTrimmerPanel from './components/SilenceTrimmerPanel';
 import ZoneEditor from './components/ZoneEditor';
 import { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts';
@@ -25,11 +26,12 @@ import {
   FilePlus2,
   RefreshCw,
   Grid3x3,
+  MapPin,
 } from 'lucide-react';
 
 const LAST_MEDIA_PATH_KEY = 'talkedit:lastMediaPath';
 
-type Panel = 'ai' | 'settings' | 'export' | 'silence' | 'zones' | null;
+type Panel = 'ai' | 'settings' | 'export' | 'silence' | 'zones' | 'markers' | null;
 
 export default function App() {
   const {
@@ -597,6 +599,13 @@ export default function App() {
             onClick={() => togglePanel('silence')}
             disabled={!videoPath}
           />
+          <ToolbarButton
+            icon={<MapPin className="w-4 h-4" />}
+            label="Markers"
+            active={activePanel === 'markers'}
+            onClick={() => togglePanel('markers')}
+            disabled={!videoPath}
+          />
           <div className="flex items-center gap-1.5 px-2 py-1 rounded-md bg-editor-surface border border-editor-border">
             <select
               value={whisperModel}
@@ -741,6 +750,7 @@ export default function App() {
               <ZoneEditor />
             )}
             {activePanel === 'silence' && <SilenceTrimmerPanel />}
+            {activePanel === 'markers' && <MarkersPanel />}
             {activePanel === 'ai' && <AIPanel />}
             {activePanel === 'export' && <ExportDialog />}
             {activePanel === 'settings' && <SettingsPanel />}