diff --git a/frontend/src/components/cover-grid/cover-grid.ts b/frontend/src/components/cover-grid/cover-grid.ts
index ab11670..2c3c6b1 100644
--- a/frontend/src/components/cover-grid/cover-grid.ts
+++ b/frontend/src/components/cover-grid/cover-grid.ts
@@ -331,6 +331,24 @@ export class CoverGrid extends LitElement {
color: var(--yj-text-secondary, #b3b3b3);
}
+ .search-indicator {
+ position: absolute;
+ top: 8px;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 5;
+ pointer-events: none;
+ background: var(--yj-bg-overlay, #495057);
+ color: var(--yj-text-secondary, #b3b3b3);
+ font-size: 12px;
+ padding: 4px 14px;
+ border-radius: 12px;
+ border: 1px solid
+ var(--yj-border-subtle, #555);
+ white-space: nowrap;
+ opacity: 0.92;
+ }
+
.empty-state {
display: flex;
flex-direction: column;
@@ -2916,6 +2934,12 @@ export class CoverGrid extends LitElement {
: this.renderSingleGrid();
return html`
+ ${this.searchCtrl.term
+ ? html`
+ Showing results for
+ “${this.searchCtrl.term}”
+
`
+ : nothing}
+ ${this.searchCtrl.term &&
+ this.filteredEntries.length > 0
+ ? html`
+ Showing results for
+ “${this.searchCtrl
+ .term}”
+
`
+ : nothing}
+
${this.creating
? this.renderCreateForm()
: nothing}
diff --git a/frontend/src/components/track-list/track-list.ts b/frontend/src/components/track-list/track-list.ts
index 808ea38..614449a 100644
--- a/frontend/src/components/track-list/track-list.ts
+++ b/frontend/src/components/track-list/track-list.ts
@@ -521,6 +521,23 @@ export class TrackList extends LitElement implements SelectionHost {
background-color: var(--yj-text-tertiary, #6c757d);
}
+ .search-indicator {
+ position: absolute;
+ top: 8px;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 5;
+ pointer-events: none;
+ background: var(--yj-bg-overlay, #495057);
+ color: var(--yj-text-secondary, #b3b3b3);
+ font-size: 12px;
+ padding: 4px 14px;
+ border-radius: 12px;
+ border: 1px solid var(--yj-border-subtle, #555);
+ white-space: nowrap;
+ opacity: 0.92;
+ }
+
.no-results {
padding: 24px 16px;
color: var(--yj-text-secondary, #b3b3b3);
@@ -1028,6 +1045,13 @@ export class TrackList extends LitElement implements SelectionHost {
`}
`}
+ ${this.searchCtrl.term && visibleTracks.length > 0
+ ? html`
+ Showing results for
+ “${this.searchCtrl.term}”
+
`
+ : nothing}
+
${this.colBoundaryPositions.map(
(pos, i) => html`