diff --git a/packages/applet/src/components/timeline/index.vue b/packages/applet/src/components/timeline/index.vue index 05d89281..82b2233c 100644 --- a/packages/applet/src/components/timeline/index.vue +++ b/packages/applet/src/components/timeline/index.vue @@ -19,8 +19,10 @@ const props = withDefaults(defineProps<{ docLink: string githubRepoLink?: string headerVisible?: boolean + switcherVisible?: boolean }>(), { headerVisible: true, + switcherVisible: true, }) const { expanded: expandedStateNodes } = createExpandedContext('timeline-state') @@ -143,7 +145,7 @@ function toggleRecordingState() { No events -
+
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue index 3df12fb9..43604549 100644 --- a/packages/client/src/pages/timeline.vue +++ b/packages/client/src/pages/timeline.vue @@ -85,7 +85,7 @@ function toggleTimelineLayer() {
- +
diff --git a/packages/devtools-kit/src/ctx/hook.ts b/packages/devtools-kit/src/ctx/hook.ts index 0e3c88ca..479e1bd1 100644 --- a/packages/devtools-kit/src/ctx/hook.ts +++ b/packages/devtools-kit/src/ctx/hook.ts @@ -335,7 +335,8 @@ export function createDevToolsCtxHooks() { // add timeline event hooks.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => { - if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id]) + const internalLayerIds = ['performance', 'component-event', 'keyboard', 'mouse'] + if (devtoolsState.highPerfModeEnabled || (!devtoolsState.timelineLayersState?.[plugin.descriptor.id] && !internalLayerIds.includes(options.layerId))) return // @ts-expect-error hookable hooks.callHookWith(async (callbacks) => {