diff --git a/src/features/media-library/components/media-library.tsx b/src/features/media-library/components/media-library.tsx
index fe5a74423..ac39e174e 100644
--- a/src/features/media-library/components/media-library.tsx
+++ b/src/features/media-library/components/media-library.tsx
@@ -35,6 +35,7 @@ import { MissingMediaDialog } from './missing-media-dialog';
import { OrphanedClipsDialog } from './orphaned-clips-dialog';
import { UnsupportedAudioCodecDialog } from './unsupported-audio-codec-dialog';
import { useMediaLibraryStore } from '../stores/media-library-store';
+import { useAutoImportStore } from '../stores/auto-import-store';
import {
useTimelineStore,
useCompositionNavigationStore,
@@ -111,6 +112,12 @@ export const MediaLibrary = memo(function MediaLibrary({ onMediaSelect }: MediaL
const proxyStatus = useMediaLibraryStore((s) => s.proxyStatus);
const proxyProgress = useMediaLibraryStore((s) => s.proxyProgress);
+ // Auto-import state
+ const autoImportActive = useAutoImportStore((s) => s.active);
+ const autoImportFolderName = useAutoImportStore((s) => s.folderName);
+ const enableAutoImport = useAutoImportStore((s) => s.enable);
+ const disableAutoImport = useAutoImportStore((s) => s.disable);
+
// Composition navigation — show banner when inside a sub-comp
const activeCompositionId = useCompositionNavigationStore((s) => s.activeCompositionId);
const breadcrumbs = useCompositionNavigationStore((s) => s.breadcrumbs);
@@ -394,6 +401,25 @@ export const MediaLibrary = memo(function MediaLibrary({ onMediaSelect }: MediaL
{/* Header toolbar */}
+ {/* Auto-import toggle */}
+
+
{/* Import action */}