From ee1e3474051ee65e2f0a63c78b17d43ae841edf1 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Mon, 6 Jul 2026 01:36:30 +0200
Subject: [PATCH] Fixed search inputs not working in Firefox/Safari. Added
 Stashes and Alerts to header menu. Indexing compilation tags as assigned tags
 in Manticore.

---
 assets/css/inputs.css        | 20 ++++++++++++++++++++
 components/actors/actors.vue | 11 +++++++++--
 components/header/header.vue | 20 ++++++++++++++++++++
 components/movies/movies.vue | 20 +++++++++++++++++---
 components/scenes/scenes.vue | 11 +++++++++--
 pages/admin/actors/+Page.vue | 31 +++++++++++++++++++++++++------
 pages/entities/+Page.vue     | 11 +++++++++--
 pages/tags/+Page.vue         | 12 ++++++++++--
 src/actors.js                |  6 ++++++
 src/sync.js                  | 21 ++++++++++++++++++---
 10 files changed, 143 insertions(+), 20 deletions(-)

diff --git a/assets/css/inputs.css b/assets/css/inputs.css
index 8218d48..b8f29ea 100644
--- a/assets/css/inputs.css
+++ b/assets/css/inputs.css
@@ -310,3 +310,23 @@
 		box-shadow: 0 0 3px var(--shadow-weak-10);
 	}
 }
+
+.search-cancel {
+	width: 2rem;
+	height: 2rem;
+	padding: .5rem;
+
+	.icon {
+		width: 1rem;
+		height: 1rem;
+		fill: var(--glass);
+	}
+
+	&:hover {
+		cursor: pointer;
+
+		.icon {
+			fill: var(--error);
+		}
+	}
+}
diff --git a/components/actors/actors.vue b/components/actors/actors.vue
index 13ad14a..24ccee1 100644
--- a/components/actors/actors.vue
+++ b/components/actors/actors.vue
@@ -5,12 +5,19 @@
 				<!-- onsearch not compatible with FF and Safari -->
 				<input
 					v-model="q"
-					type="search"
+					type="input"
 					placeholder="Search actors"
 					class="input search"
-					@search="search"
+					@keydown.enter="search"
 				>
 
+				<Icon
+					v-if="q"
+					icon="cross2"
+					class="search-button"
+					@click="q = ''; search()"
+				/>
+
 				<Icon
 					icon="search"
 					class="search-button"
diff --git a/components/header/header.vue b/components/header/header.vue
index 3321054..fa8a264 100644
--- a/components/header/header.vue
+++ b/components/header/header.vue
@@ -187,6 +187,26 @@
 									</a>
 								</li>
 
+								<li class="menu-item">
+									<a
+										:href="`/user/${user.username}/stashes`"
+										class="menu-button nolink stashes"
+									>
+										<Icon icon="folder-heart" />
+										Stashes
+									</a>
+								</li>
+
+								<li class="menu-item">
+									<a
+										:href="`/user/${user.username}/alerts`"
+										class="menu-button nolink alerts"
+									>
+										<Icon icon="alarm" />
+										Alerts
+									</a>
+								</li>
+
 								<li
 									v-close-popper
 									class="menu-item menu-button"
diff --git a/components/movies/movies.vue b/components/movies/movies.vue
index 0ff5c1f..bddf2ad 100644
--- a/components/movies/movies.vue
+++ b/components/movies/movies.vue
@@ -4,14 +4,28 @@
 			v-if="showFilters"
 			:class="{ loading }"
 		>
-			<div class="filter">
+			<div class="filter search-container">
+				<!-- onsearch not compatible with FF and Safari -->
 				<input
 					v-model="filters.search"
-					type="search"
+					type="input"
 					placeholder="Search movies"
 					class="search input"
-					@search="search"
+					@keydown.enter="search"
 				>
+
+				<Icon
+					v-if="filters.search"
+					icon="cross2"
+					class="search-button"
+					@click="filters.search = ''; search()"
+				/>
+
+				<Icon
+					icon="search"
+					class="search-button"
+					@click="search"
+				/>
 			</div>
 
 			<YearsFilter
diff --git a/components/scenes/scenes.vue b/components/scenes/scenes.vue
index 6283fd0..064b482 100644
--- a/components/scenes/scenes.vue
+++ b/components/scenes/scenes.vue
@@ -12,12 +12,19 @@
 					<!-- onsearch not compatible with FF and Safari -->
 					<input
 						v-model="filters.search"
-						type="search"
+						type="input"
 						placeholder="Search scenes"
 						class="search input"
-						@search="search"
+						@keydown.enter="search"
 					>
 
+					<Icon
+						v-if="filters.search"
+						icon="cross2"
+						class="search-button"
+						@click="filters.search = ''; search()"
+					/>
+
 					<Icon
 						icon="search"
 						class="search-button"
diff --git a/pages/admin/actors/+Page.vue b/pages/admin/actors/+Page.vue
index 3b1ea18..6ea27f6 100644
--- a/pages/admin/actors/+Page.vue
+++ b/pages/admin/actors/+Page.vue
@@ -1,13 +1,26 @@
 <template>
 	<Admin class="page">
 		<div class="header">
-			<input
-				v-model="actorQuery"
-				type="search"
-				placeholder="Search actors"
-				class="input search"
-				@search="searchActors"
+			<form
+				class="search"
+				@submit.prevent="searchActors"
 			>
+				<input
+					v-model="actorQuery"
+					type="input"
+					placeholder="Search actors"
+					class="input search-input"
+				>
+
+				<button
+					v-if="actorQuery?.length"
+					type="button"
+					class="search-cancel nobutton"
+					@click="actorQuery = ''; searchActors()"
+				>
+					<Icon icon="cross2" />
+				</button>
+			</form>
 
 			<div class="header-actions">
 				<button
@@ -208,10 +221,16 @@ onMounted(() => {
 
 <style scoped>
 .search {
+	display: flex;
+	align-items: center;
 	max-width: 20rem;
 	flex-grow: 1;
 }
 
+.search-input {
+	flex-grow: 1;
+}
+
 .header {
 	display: flex;
 	gap: 1rem;
diff --git a/pages/entities/+Page.vue b/pages/entities/+Page.vue
index 6776907..a5f9384 100644
--- a/pages/entities/+Page.vue
+++ b/pages/entities/+Page.vue
@@ -6,16 +6,23 @@
 		>
 			<input
 				v-model="query"
-				type="search"
+				type="input"
 				placeholder="Search channels"
 				class="search input"
-				@search="search"
+				@keydown.enter="search"
 			>
 
 			<Icon
 				icon="search"
 				@click="search"
 			/>
+
+			<Icon
+				v-if="query"
+				icon="cross2"
+				class="search-button"
+				@click="query = ''; search()"
+			/>
 		</form>
 
 		<div
diff --git a/pages/tags/+Page.vue b/pages/tags/+Page.vue
index 4c2bb4f..b57cc2d 100644
--- a/pages/tags/+Page.vue
+++ b/pages/tags/+Page.vue
@@ -35,19 +35,27 @@
 				class="search-container"
 				@submit.prevent="search"
 			>
+				<!-- onsearch not compatible with FF and Safari -->
 				<input
 					ref="searchInput"
 					v-model="query"
-					type="search"
+					type="input"
 					placeholder="Search tags"
 					class="search input"
-					@search="search"
+					@keydown.enter="search"
 				>
 
 				<Icon
 					icon="search"
 					@click="search"
 				/>
+
+				<Icon
+					v-if="query"
+					icon="cross2"
+					class="search-button"
+					@click="query = ''; search()"
+				/>
 			</form>
 
 			<div
diff --git a/src/actors.js b/src/actors.js
index ba32697..c16ed4f 100644
--- a/src/actors.js
+++ b/src/actors.js
@@ -717,6 +717,12 @@ export async function mergeActors(targetActorId, sourceActorIds, reqUser) {
 			.whereIn('actor_id', sourceActorIds)
 			.returning('stash_id');
 
+		/* TODO: add revision entries
+		console.log('SOURCES', targetActor, sourceActors);
+
+		throw new Error('ABORT');
+		*/
+
 		await trx.commit();
 	} catch (error) {
 		await trx.rollback();
diff --git a/src/sync.js b/src/sync.js
index 45d9e25..0fba860 100644
--- a/src/sync.js
+++ b/src/sync.js
@@ -187,13 +187,28 @@ export async function syncManticoreScenes(sceneIds) {
 		const flatTags = scene.tags.filter((tag) => tag.f3 > 6).flatMap((tag) => [tag.f2].concat(tag.f4)).filter(Boolean); // only make top tags searchable to minimize cluttered results
 		const filteredTitle = filterTitle(scene.title, [...flatActors, ...flatTags]);
 
+		const isCompilation = scene.tags.some((tag) => tag.f2 === 'compilation');
+
 		// use decimal packing with 5-decimal pad to allow for actor-specific tags, i.e. actor 135 tag 5 = 13500005
 		// all global tags are necessarily < 10,000, all tags for actor 135 are >= 13500000 and <= 13599999
 		// f1 = tag ID, f5 = actor ID
-		const assignedTagIds = scene.tags.map((tag) => (tag.f5 === null ? tag.f1 : tag.f5 * 1_000_00 + tag.f1));
+		const assignedTagIds = scene.tags.map((tag) => {
+			if (tag.f5) {
+				// tag is assigned to actor, pack tag ID with actor ID
+				return tag.f5 * 1_000_00 + tag.f1;
+			}
 
-		/*
-		if (sceneId === '187734') {
+			if (isCompilation && tag.f2 !== 'compilation') {
+				// tag is part of a compilation, pack with arbitrary large number that will never be an actor ID (famous last words)
+				return 900_000_000 * 1_000_00 + tag.f1;
+			}
+
+			// plain tag ID
+			return tag.f1;
+		});
+
+		/* abort to inspect
+		if (sceneId === '554480') {
 			console.log(scene, assignedTagIds);
 			throw new Error('ABORT');
 		}