diff --git a/web/src/app/header/header.component.html b/web/src/app/header/header.component.html
index fb5b4166..f201a6a6 100644
--- a/web/src/app/header/header.component.html
+++ b/web/src/app/header/header.component.html
@@ -17,4 +17,4 @@
 <khi-title pageName="Main view">
   <khi-main-menu></khi-main-menu>
 </khi-title>
-<khi-header-toolbar></khi-header-toolbar>
+<khi-timeline-toolbar></khi-timeline-toolbar>
diff --git a/web/src/app/header/header.component.ts b/web/src/app/header/header.component.ts
index 751ac541..0b589377 100644
--- a/web/src/app/header/header.component.ts
+++ b/web/src/app/header/header.component.ts
@@ -17,7 +17,7 @@
 import { Component } from '@angular/core';
 import { TitleBarComponent } from './titlebar.component';
 import { MainMenuComponent } from './main-menu.component';
-import { ToolbarComponent } from './toolbar.component';
+import { ToolbarComponent } from '../timeline-toolbar/toolbar.component';
 
 @Component({
   selector: 'khi-header',
diff --git a/web/src/app/header/regex-input.component.html b/web/src/app/timeline-toolbar/regex-input.component.html
similarity index 100%
rename from web/src/app/header/regex-input.component.html
rename to web/src/app/timeline-toolbar/regex-input.component.html
diff --git a/web/src/app/header/regex-input.component.scss b/web/src/app/timeline-toolbar/regex-input.component.scss
similarity index 100%
rename from web/src/app/header/regex-input.component.scss
rename to web/src/app/timeline-toolbar/regex-input.component.scss
diff --git a/web/src/app/header/regex-input.component.spec.ts b/web/src/app/timeline-toolbar/regex-input.component.spec.ts
similarity index 100%
rename from web/src/app/header/regex-input.component.spec.ts
rename to web/src/app/timeline-toolbar/regex-input.component.spec.ts
diff --git a/web/src/app/header/regex-input.component.ts b/web/src/app/timeline-toolbar/regex-input.component.ts
similarity index 97%
rename from web/src/app/header/regex-input.component.ts
rename to web/src/app/timeline-toolbar/regex-input.component.ts
index 8936d08a..7456fd4f 100644
--- a/web/src/app/header/regex-input.component.ts
+++ b/web/src/app/timeline-toolbar/regex-input.component.ts
@@ -29,7 +29,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 
 @Component({
-  selector: 'khi-header-regex-input',
+  selector: 'khi-timeline-regex-input',
   templateUrl: './regex-input.component.html',
   styleUrls: ['./regex-input.component.scss'],
   imports: [MatFormFieldModule, MatInputModule, ReactiveFormsModule],
diff --git a/web/src/app/header/regex-validator.spec.ts b/web/src/app/timeline-toolbar/regex-validator.spec.ts
similarity index 100%
rename from web/src/app/header/regex-validator.spec.ts
rename to web/src/app/timeline-toolbar/regex-validator.spec.ts
diff --git a/web/src/app/header/regex-validator.ts b/web/src/app/timeline-toolbar/regex-validator.ts
similarity index 100%
rename from web/src/app/header/regex-validator.ts
rename to web/src/app/timeline-toolbar/regex-validator.ts
diff --git a/web/src/app/header/set-input.component.html b/web/src/app/timeline-toolbar/set-input.component.html
similarity index 100%
rename from web/src/app/header/set-input.component.html
rename to web/src/app/timeline-toolbar/set-input.component.html
diff --git a/web/src/app/header/set-input.component.scss b/web/src/app/timeline-toolbar/set-input.component.scss
similarity index 100%
rename from web/src/app/header/set-input.component.scss
rename to web/src/app/timeline-toolbar/set-input.component.scss
diff --git a/web/src/app/header/set-input.component.spec.ts b/web/src/app/timeline-toolbar/set-input.component.spec.ts
similarity index 98%
rename from web/src/app/header/set-input.component.spec.ts
rename to web/src/app/timeline-toolbar/set-input.component.spec.ts
index 30836a10..ee15393f 100644
--- a/web/src/app/header/set-input.component.spec.ts
+++ b/web/src/app/timeline-toolbar/set-input.component.spec.ts
@@ -31,13 +31,13 @@ describe('SetInputComponent', () => {
 
   @Component({
     template: `
-      <khi-header-set-input
+      <khi-timeline-set-input
         label="test"
         [selectedItems]="selected"
         [choices]="choices"
         (selectedItemsChange)="onUpdate($event)"
       >
-      </khi-header-set-input>
+      </khi-timeline-set-input>
     `,
     imports: [SetInputComponent],
   })
diff --git a/web/src/app/header/set-input.component.ts b/web/src/app/timeline-toolbar/set-input.component.ts
similarity index 99%
rename from web/src/app/header/set-input.component.ts
rename to web/src/app/timeline-toolbar/set-input.component.ts
index 934c6f91..4550bc43 100644
--- a/web/src/app/header/set-input.component.ts
+++ b/web/src/app/timeline-toolbar/set-input.component.ts
@@ -43,7 +43,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatInputModule } from '@angular/material/input';
 import { MatButtonModule } from '@angular/material/button';
 @Component({
-  selector: 'khi-header-set-input',
+  selector: 'khi-timeline-set-input',
   templateUrl: './set-input.component.html',
   styleUrls: ['./set-input.component.scss'],
   imports: [
diff --git a/web/src/app/header/toolbar.component.html b/web/src/app/timeline-toolbar/toolbar.component.html
similarity index 95%
rename from web/src/app/header/toolbar.component.html
rename to web/src/app/timeline-toolbar/toolbar.component.html
index 4f82e9c6..43cc21c6 100644
--- a/web/src/app/header/toolbar.component.html
+++ b/web/src/app/timeline-toolbar/toolbar.component.html
@@ -46,14 +46,14 @@
             [cdkConnectedOverlayHasBackdrop]="true"
             (backdropClick)="setPopupState('NONE_OPEN')"
           >
-            <khi-header-set-input
+            <khi-timeline-set-input
               label="Kinds"
               [choices]="(kinds$ | async)!"
               [selectedItems]="(includedKinds$ | async)!"
               (selectedItemsChange)="onKindFilterCommit($event)"
               (closeButtonClicked)="setPopupState('NONE_OPEN')"
             >
-            </khi-header-set-input>
+            </khi-timeline-set-input>
           </ng-template>
           <!--Namespace filter-->
           <button
@@ -82,13 +82,13 @@
             [cdkConnectedOverlayHasBackdrop]="true"
             (backdropClick)="setPopupState('NONE_OPEN')"
           >
-            <khi-header-set-input
+            <khi-timeline-set-input
               label="Namespaces"
               [choices]="(namespaces$ | async)!"
               [selectedItems]="(includedNamespaces$ | async)!"
               (selectedItemsChange)="onNamespaceFilterCommit($event)"
               (closeButtonClicked)="setPopupState('NONE_OPEN')"
-            ></khi-header-set-input>
+            ></khi-timeline-set-input>
           </ng-template>
           <!--Subresource relationship filter-->
           <button
@@ -119,7 +119,7 @@
             [cdkConnectedOverlayHasBackdrop]="true"
             (backdropClick)="setPopupState('NONE_OPEN')"
           >
-            <khi-header-set-input
+            <khi-timeline-set-input
               label="Subresources"
               [choices]="(subresourceRelationships | async)!"
               [selectedItems]="(includedSubresourceRelationships | async)!"
@@ -127,14 +127,14 @@
                 onSubresourceRelationshipFilterCommit($event)
               "
               (closeButtonClicked)="setPopupState('NONE_OPEN')"
-            ></khi-header-set-input>
+            ></khi-timeline-set-input>
           </ng-template>
           <!--Regex resource name filter-->
-          <khi-header-regex-input
+          <khi-timeline-regex-input
             class="resource-name-filter"
             label="Resource name(regex)"
             (regexFilterChange)="onNameFilterChange($event)"
-          ></khi-header-regex-input>
+          ></khi-timeline-regex-input>
         </div>
       </div>
       <div class="center-control"></div>
@@ -163,12 +163,12 @@
             <mat-icon color="primary">search_off</mat-icon>
           </mat-button-toggle>
         </mat-button-toggle-group>
-        <khi-header-regex-input
+        <khi-timeline-regex-input
           #logFilterInput
           class="log-filter"
           label="Log body(regex)"
           (regexFilterChange)="onLogFilterChange($event)"
-        ></khi-header-regex-input>
+        ></khi-timeline-regex-input>
         <div class="timezone-control">
           <p>UTC+</p>
           <input
diff --git a/web/src/app/header/toolbar.component.scss b/web/src/app/timeline-toolbar/toolbar.component.scss
similarity index 100%
rename from web/src/app/header/toolbar.component.scss
rename to web/src/app/timeline-toolbar/toolbar.component.scss
diff --git a/web/src/app/header/toolbar.component.spec.ts b/web/src/app/timeline-toolbar/toolbar.component.spec.ts
similarity index 100%
rename from web/src/app/header/toolbar.component.spec.ts
rename to web/src/app/timeline-toolbar/toolbar.component.spec.ts
diff --git a/web/src/app/header/toolbar.component.ts b/web/src/app/timeline-toolbar/toolbar.component.ts
similarity index 99%
rename from web/src/app/header/toolbar.component.ts
rename to web/src/app/timeline-toolbar/toolbar.component.ts
index c14c438f..71805b61 100644
--- a/web/src/app/header/toolbar.component.ts
+++ b/web/src/app/timeline-toolbar/toolbar.component.ts
@@ -60,7 +60,7 @@ type ToolbarPopupStatus =
   | 'SUBRESOURCE_FILTER_OPEN';
 
 @Component({
-  selector: 'khi-header-toolbar',
+  selector: 'khi-timeline-toolbar',
   templateUrl: './toolbar.component.html',
   styleUrls: ['./toolbar.component.scss'],
   imports: [