Fix FocusTracker sync issue when adding panels from within panel content

packages/dockview-core/src/dockview/components/panel/content.ts

@@ -22,6 +22,7 @@ export interface IContentContainer extends IDisposable {
     show(): void;
     hide(): void;
     renderPanel(panel: IDockviewPanel, options: { asActive: boolean }): void;
+    refreshFocusState(): void;
 }
 
 export class ContentContainer
@@ -31,6 +32,7 @@ export class ContentContainer
     private readonly _element: HTMLElement;
     private panel: IDockviewPanel | undefined;
     private readonly disposable = new MutableDisposable();
+    private focusTracker: { refreshState?(): void } | undefined;
 
     private readonly _onDidFocus = new Emitter<void>();
     readonly onDidFocus: Event<void> = this._onDidFocus.event;
@@ -156,6 +158,7 @@ export class ContentContainer
 
         if (doRender) {
             const focusTracker = trackFocus(container);
+            this.focusTracker = focusTracker;
             const disposable = new CompositeDisposable();
 
             disposable.addDisposables(
@@ -195,4 +198,14 @@ export class ContentContainer
         this.disposable.dispose();
         super.dispose();
     }
+
+    /**
+     * Refresh the focus tracker state to handle cases where focus state
+     * gets out of sync due to programmatic panel activation
+     */
+    public refreshFocusState(): void {
+        if (this.focusTracker?.refreshState) {
+            this.focusTracker.refreshState();
+        }
+    }
 }

packages/dockview-core/src/dockview/dockviewGroupPanelModel.ts

@@ -910,6 +910,9 @@ export class DockviewGroupPanelModel
 
             this.updateMru(panel);
 
+            // Refresh focus state to handle programmatic activation without DOM focus change
+            this.contentContainer.refreshFocusState();
+
             this._onDidActivePanelChange.fire({
                 panel,
             });