fix(studio): remove motion tab from right panel (#1391)

The motion panel was behind a feature flag defaulting to false and never
shipped. Remove the tab button, MotionPanel component, feature flag,
and all associated wiring (EaseCurveEditor, SpringEaseEditor,
MotionPanelFields, MotionPathOverlay). The underlying motion data
infrastructure (studioMotion, studioMotionOps) remains intact for the
GSAP panel.

Co-authored-by: Miguel Ángel <miguelangelsisi098@gmail.com>

Author: miguel-heygen

packages/studio/src/App.tsx

@@ -389,17 +389,14 @@ export function StudioApp() {
   );
 
   const {
-    selectedStudioMotion,
     designPanelActive,
-    motionPanelActive,
     inspectorPanelActive,
     inspectorButtonActive,
     shouldShowSelectedDomBounds,
   } = useInspectorState(
     panelLayout.rightPanelTab,
     panelLayout.rightCollapsed,
     isPlaying,
-    domEditSession.domEditSelection,
     gestureState === "recording",
   );
 
@@ -530,9 +527,7 @@ export function StudioApp() {
 
                 {!panelLayout.rightCollapsed && (
                   <StudioRightPanel
-                    selectedStudioMotion={selectedStudioMotion}
                     designPanelActive={designPanelActive}
-                    motionPanelActive={motionPanelActive}
                     activeBlockParams={activeBlockParams}
                     onCloseBlockParams={() => {
                       setActiveBlockParams(null);

packages/studio/src/components/StudioRightPanel.tsx

@@ -1,20 +1,12 @@
 import { Tooltip } from "./ui";
 import { PropertyPanel } from "./editor/PropertyPanel";
-import { MotionPanel } from "./editor/MotionPanel";
 import { LayersPanel } from "./editor/LayersPanel";
 import { CaptionPropertyPanel } from "../captions/components/CaptionPropertyPanel";
 import { BlockParamsPanel } from "./editor/BlockParamsPanel";
 import { RenderQueue } from "./renders/RenderQueue";
 import type { RenderJob } from "./renders/useRenderQueue";
-import type { StudioGsapMotion } from "./editor/studioMotion";
 import type { BlockParam } from "@hyperframes/core/registry";
-import {
-  STUDIO_INSPECTOR_PANELS_ENABLED,
-  STUDIO_MOTION_PANEL_ENABLED,
-} from "./editor/manualEditingAvailability";
-
-/** Motion data without targeting metadata. */
-type StudioMotionData = Omit<StudioGsapMotion, "kind" | "target" | "updatedAt">;
+import { STUDIO_INSPECTOR_PANELS_ENABLED } from "./editor/manualEditingAvailability";
 
 import { useStudioContext } from "../contexts/StudioContext";
 import { usePanelLayoutContext } from "../contexts/PanelLayoutContext";
@@ -23,9 +15,7 @@ import { useDomEditContext } from "../contexts/DomEditContext";
 import { usePlayerStore } from "../player";
 
 export interface StudioRightPanelProps {
-  selectedStudioMotion: StudioMotionData | null;
   designPanelActive: boolean;
-  motionPanelActive: boolean;
   activeBlockParams?: {
     blockName: string;
     blockTitle: string;
@@ -40,9 +30,7 @@ export interface StudioRightPanelProps {
 
 // fallow-ignore-next-line complexity
 export function StudioRightPanel({
-  selectedStudioMotion,
   designPanelActive,
-  motionPanelActive,
   activeBlockParams,
   onCloseBlockParams,
   recordingState,
@@ -84,8 +72,6 @@ export function StudioRightPanel({
     handleDomAddTextField,
     handleDomRemoveTextField,
     handleAskAgent,
-    handleDomMotionCommit,
-    handleDomMotionClear,
     selectedGsapAnimations,
     gsapMultipleTimelines,
     gsapUnsupportedTimelinePattern,
@@ -159,21 +145,6 @@ export function StudioRightPanel({
                       Layers
                     </button>
                   </Tooltip>
-                  {STUDIO_MOTION_PANEL_ENABLED && (
-                    <Tooltip label="Animation and motion" side="bottom">
-                      <button
-                        type="button"
-                        onClick={() => setRightPanelTab("motion")}
-                        className={`h-8 rounded-xl px-3 text-[11px] font-medium transition-colors ${
-                          rightPanelTab === "motion"
-                            ? "bg-neutral-800 text-white"
-                            : "text-neutral-500 hover:bg-neutral-800/70 hover:text-neutral-200"
-                        }`}
-                      >
-                        Motion
-                      </button>
-                    </Tooltip>
-                  )}
                 </>
               )}
               <Tooltip label="Render queue and exports" side="bottom">
@@ -248,14 +219,6 @@ export function StudioRightPanel({
                   recordingDuration={recordingDuration}
                   onToggleRecording={onToggleRecording}
                 />
-              ) : motionPanelActive ? (
-                <MotionPanel
-                  element={domEditGroupSelections.length > 1 ? null : domEditSelection}
-                  motion={selectedStudioMotion}
-                  onClearSelection={clearDomSelection}
-                  onSetMotion={handleDomMotionCommit}
-                  onClearMotion={handleDomMotionClear}
-                />
               ) : (
                 <RenderQueue
                   jobs={renderJobs}