From 7851b9a121b6578a31b2b23cf90e8a1591e94e1b Mon Sep 17 00:00:00 2001 From: v0k00r1 Date: Tue, 2 Jun 2026 15:42:11 +0530 Subject: [PATCH 1/2] fix eval tab init --- .../side-panel/side-panel.component.ts | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/src/app/components/side-panel/side-panel.component.ts b/src/app/components/side-panel/side-panel.component.ts index 92145411..fc0e74bd 100644 --- a/src/app/components/side-panel/side-panel.component.ts +++ b/src/app/components/side-panel/side-panel.component.ts @@ -265,7 +265,22 @@ export class SidePanelComponent implements AfterViewInit, OnInit { return this.selectedEvent() as Event | undefined; }); - ngAfterViewInit() {} + ngAfterViewInit() { + // The eval tab container doesn't exist until appName is set and the template renders. + // Watch for when appName becomes available to initialize the eval tab. + if (this.appName()) { + setTimeout(() => this.initEvalTab(), 500); + } + + // Watch for appName changes to init when it becomes available + runInInjectionContext(this.environmentInjector, () => { + effect(() => { + if (this.appName()) { + setTimeout(() => this.initEvalTab(), 100); + } + }, { allowSignalWrites: true }); + }); + } /** * Dynamically create the eval tab. We must do this programmatically until From ac918f53b69407c7a91c32c4ca5d2a6048ef911a Mon Sep 17 00:00:00 2001 From: v0k00r1 Date: Tue, 2 Jun 2026 15:33:37 +0530 Subject: [PATCH 2/2] Fix eval tab initialization --- src/app/components/side-panel/side-panel.component.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/app/components/side-panel/side-panel.component.ts b/src/app/components/side-panel/side-panel.component.ts index fc0e74bd..b535d9e3 100644 --- a/src/app/components/side-panel/side-panel.component.ts +++ b/src/app/components/side-panel/side-panel.component.ts @@ -291,9 +291,10 @@ export class SidePanelComponent implements AfterViewInit, OnInit { this.isEvalEnabledObs.pipe(first()).subscribe((isEvalEnabled) => { if (isEvalEnabled) { const container = this.evalTabContainer(); - if (!container) return; - container.clear(); - + if (!container) { + return; + } + const evalTabComponent = container.createComponent( this.evalTabComponentClass ?? EvalTabComponent, { environmentInjector: this.environmentInjector,