From ae5ee884959192ffb923a8cdd2fce1a329d06697 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Tue, 24 Feb 2026 19:17:08 +0100
Subject: [PATCH] feat(search): conditionally render search input and add
 showSearchInput property

---
 .../search-layout/search-layout.component.html     | 14 ++++++++------
 .../search-layout/search-layout.component.scss     |  1 -
 .../search-layout/search-layout.component.ts       |  3 +++
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/app/shared/components/search-layout/search-layout.component.html b/apps/web/src/app/shared/components/search-layout/search-layout.component.html
index 5552bd103..f24589d2c 100644
--- a/apps/web/src/app/shared/components/search-layout/search-layout.component.html
+++ b/apps/web/src/app/shared/components/search-layout/search-layout.component.html
@@ -33,12 +33,14 @@
                 </div>
             </div>
 
-            <div class="search-input-container">
-                <app-search-form
-                    [searchTerm]="searchTerm()"
-                    (searchTermChange)="onSearchTermChange($event)"
-                />
-            </div>
+            @if (showSearchInput()) {
+                <div class="search-input-container">
+                    <app-search-form
+                        [searchTerm]="searchTerm()"
+                        (searchTermChange)="onSearchTermChange($event)"
+                    />
+                </div>
+            }
 
             <!-- Subheader slot (info notes, secondary controls) -->
             <ng-content select="[subheader]" />
diff --git a/apps/web/src/app/shared/components/search-layout/search-layout.component.scss b/apps/web/src/app/shared/components/search-layout/search-layout.component.scss
index 98c6901cf..45e6a4f29 100644
--- a/apps/web/src/app/shared/components/search-layout/search-layout.component.scss
+++ b/apps/web/src/app/shared/components/search-layout/search-layout.component.scss
@@ -27,7 +27,6 @@
     position: sticky;
     top: 0;
     z-index: 100;
-    background: var(--background, var(--mat-sidenav-content-background-color, #fff));
     padding: 20px 0 10px 0;
     margin-bottom: 2px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
diff --git a/apps/web/src/app/shared/components/search-layout/search-layout.component.ts b/apps/web/src/app/shared/components/search-layout/search-layout.component.ts
index e2e2d419e..5c1159e51 100644
--- a/apps/web/src/app/shared/components/search-layout/search-layout.component.ts
+++ b/apps/web/src/app/shared/components/search-layout/search-layout.component.ts
@@ -47,6 +47,9 @@ export class SearchLayoutComponent {
     /** Whether to show results count */
     readonly showResultsCount = input<boolean>(true);
 
+    /** Whether to show the inline search input */
+    readonly showSearchInput = input<boolean>(true);
+
     /** Minimum characters required for search */
     readonly minSearchLength = input<number>(3);