Moved timeline toolbar related components under timeline-toolbar folder

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>

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',

web/src/app/header/regex-input.component.ts → 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],

web/src/app/header/set-input.component.spec.ts → 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],
   })

web/src/app/header/set-input.component.ts → 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: [

web/src/app/header/toolbar.component.html → 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,22 +119,22 @@
             [cdkConnectedOverlayHasBackdrop]="true"
             (backdropClick)="setPopupState('NONE_OPEN')"
           >
-            <khi-header-set-input
+            <khi-timeline-set-input
               label="Subresources"
               [choices]="(subresourceRelationships | async)!"
               [selectedItems]="(includedSubresourceRelationships | async)!"
               (selectedItemsChange)="
                 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

web/src/app/header/toolbar.component.ts → 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: [