Dashboard: Fix dropping panels in tabs (#112728)

public/app/features/dashboard-scene/scene/layout-rows/RowsLayoutManager.tsx

@@ -56,7 +56,9 @@ export class RowsLayoutManager extends SceneObjectBase<RowsLayoutManagerState> i
 
   public readonly descriptor = RowsLayoutManager.descriptor;
 
-  public addPanel(vizPanel: VizPanel) {}
+  public addPanel(vizPanel: VizPanel) {
+    this.state.rows[0]?.getLayout().addPanel(vizPanel);
+  }
 
   public getVizPanels(): VizPanel[] {
     const panels: VizPanel[] = [];

public/app/features/dashboard-scene/scene/layout-tabs/TabItem.tsx

@@ -19,7 +19,7 @@ import { ShowConfirmModalEvent } from 'app/types/events';
 import { ConditionalRenderingGroup } from '../../conditional-rendering/group/ConditionalRenderingGroup';
 import { serializeTab } from '../../serialization/layoutSerializers/TabsLayoutSerializer';
 import { getElements } from '../../serialization/layoutSerializers/utils';
-import { getDashboardSceneFor, getDefaultVizPanel } from '../../utils/utils';
+import { getDashboardSceneFor } from '../../utils/utils';
 import { AutoGridLayoutManager } from '../layout-auto-grid/AutoGridLayoutManager';
 import { clearClipboard } from '../layouts-shared/paste';
 import { scrollCanvasElementIntoView } from '../layouts-shared/scrollCanvasElementIntoView';
@@ -162,14 +162,6 @@ export class TabItem
     return this.clone({ key: undefined, layout: this.getLayout().duplicate() });
   }
 
-  public onAddPanel(panel = getDefaultVizPanel()) {
-    this.getLayout().addPanel(panel);
-  }
-
-  public onAddTab() {
-    this.getParentLayout().addNewTab();
-  }
-
   public onChangeTitle(title: string) {
     this.setState({ title });
     const currentTabSlug = this.getSlug();
@@ -201,7 +193,6 @@ export class TabItem
 
   public draggedPanelInside(panel: VizPanel) {
     panel.clearParent();
-
     this.getLayout().addPanel(panel);
     this.setIsDropTarget(false);
 

public/app/features/dashboard-scene/scene/layout-tabs/TabsLayoutManager.tsx

@@ -143,7 +143,7 @@ export class TabsLayoutManager extends SceneObjectBase<TabsLayoutManagerState> i
   }
 
   public addPanel(vizPanel: VizPanel) {
-    const tab = this.getCurrentTab();
+    const tab = this.getCurrentTab() ?? this.state.tabs[0];
 
     if (tab) {
       tab.getLayout().addPanel(vizPanel);