4 files changed, 3 insertions, 70 deletions
diff --git a/apps/web/src/components/editor/media-panel/views/base-view.tsx b/apps/web/src/components/editor/media-panel/views/base-view.tsx
deleted file mode 100644
index 2cd33535..00000000
--- a/apps/web/src/components/editor/media-panel/views/base-view.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Separator } from "@/components/ui/separator";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-
-interface BaseViewProps {
-  children?: React.ReactNode;
-  defaultTab?: string;
-  tabs?: {
-    value: string;
-    label: string;
-    content: React.ReactNode;
-  }[];
-  className?: string;
-  ref?: React.RefObject<HTMLDivElement>;
-}
-
-function ViewContent({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) {
-  return (
-    <ScrollArea className="flex-1">
-      <div className={`p-5 h-full ${className}`}>{children}</div>
-    </ScrollArea>
-  );
-}
-
-export function BaseView({
-  children,
-  defaultTab,
-  tabs,
-  className = "",
-  ref,
-}: BaseViewProps) {
-  return (
-    <div className={`h-full flex flex-col ${className}`} ref={ref}>
-      {!tabs || tabs.length === 0 ? (
-        <ViewContent className={className}>{children}</ViewContent>
-      ) : (
-        <Tabs defaultValue={defaultTab} className="flex flex-col h-full">
-          <div className="px-3 pt-4 pb-0">
-            <TabsList>
-              {tabs.map((tab) => (
-                <TabsTrigger key={tab.value} value={tab.value}>
-                  {tab.label}
-                </TabsTrigger>
-              ))}
-            </TabsList>
-          </div>
-          <Separator className="mt-4" />
-          {tabs.map((tab) => (
-            <TabsContent
-              key={tab.value}
-              value={tab.value}
-              className="mt-0 flex-1 flex flex-col min-h-0"
-            >
-              <ViewContent>{tab.content}</ViewContent>
-            </TabsContent>
-          ))}
-        </Tabs>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/editor/media-panel/views/captions.tsx b/apps/web/src/components/editor/media-panel/views/captions.tsx
index 393481a5..59403a8d 100644
--- a/apps/web/src/components/editor/media-panel/views/captions.tsx
+++ b/apps/web/src/components/editor/media-panel/views/captions.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/ui/button";
 import { PropertyGroup } from "../../properties-panel/property-item";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import { Language, LanguageSelect } from "@/components/language-select";
 import { useState, useRef, useEffect } from "react";
 import { extractTimelineAudio } from "@/lib/mediabunny-utils";
diff --git a/apps/web/src/components/editor/media-panel/views/settings.tsx b/apps/web/src/components/editor/media-panel/views/settings.tsx
index d33b4cce..df1ec54f 100644
--- a/apps/web/src/components/editor/media-panel/views/settings.tsx
+++ b/apps/web/src/components/editor/media-panel/views/settings.tsx
@@ -7,7 +7,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import {
   PropertyItem,
   PropertyItemLabel,
diff --git a/apps/web/src/components/editor/media-panel/views/text.tsx b/apps/web/src/components/editor/media-panel/views/text.tsx
index 5d522c84..22fc2413 100644
--- a/apps/web/src/components/editor/media-panel/views/text.tsx
+++ b/apps/web/src/components/editor/media-panel/views/text.tsx
@@ -1,5 +1,5 @@
 import { DraggableMediaItem } from "@/components/ui/draggable-item";
-import { BaseView } from "./base-view";
+import { PanelBaseView as BaseView } from "@/components/editor/panel-base-view";
 import { useTimelineStore } from "@/stores/timeline-store";
 import { DEFAULT_TEXT_ELEMENT } from "@/constants/text-constants";