chore: remove search chat feature (UI and /conversations/search API)

src/lib/components/NavMenu.svelte

@@ -23,12 +23,7 @@
 	import { CONV_NUM_PER_PAGE } from "$lib/constants/pagination";
 	import { goto } from "$app/navigation";
 	import { browser } from "$app/environment";
-	import { toggleSearch } from "./chat/Search.svelte";
-	import CarbonSearch from "~icons/carbon/search";
-	import { closeMobileNav } from "./MobileNav.svelte";
 	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
-
-	import { isVirtualKeyboard } from "$lib/utils/isVirtualKeyboard";
 	import { useAPIClient, handleResponse } from "$lib/APIClient";
 
 	const publicConfig = usePublicConfig();
@@ -118,24 +113,10 @@
 		</a>
 	{/if}
 </div>
+
 <div
 	class="scrollbar-custom flex touch-pan-y flex-col gap-1 overflow-y-auto rounded-r-xl from-gray-50 px-3 pb-3 pt-2 text-[.9rem] dark:from-gray-800/30 max-sm:bg-gradient-to-t md:bg-gradient-to-l"
 >
-	<button
-		class="group mx-auto flex w-full flex-row items-center justify-stretch gap-x-2 rounded-xl px-2 py-1 align-middle text-gray-600 hover:bg-gray-500/20 dark:text-gray-400"
-		onclick={() => {
-			closeMobileNav();
-			toggleSearch();
-		}}
-	>
-		<CarbonSearch class="text-xs" />
-		<span class="block">Search chats</span>
-		{#if !isVirtualKeyboard()}
-			<span class="invisible ml-auto text-xs text-gray-500 group-hover:visible"
-				><kbd>ctrl</kbd>+<kbd>k</kbd></span
-			>
-		{/if}
-	</button>
 	{#await groupedConversations}
 		{#if $page.data.nConversations > 0}
 			<div class="overflow-y-hidden">

src/lib/components/chat/Search.svelte

@@ -1,201 +0,0 @@
-<script lang="ts" module>
-	export function toggleSearch() {
-		searchOpen = !searchOpen;
-	}
-
-	let searchOpen: boolean = $state(false);
-</script>
-
-<script lang="ts">
-	import { debounce } from "$lib/utils/debounce";
-	import NavConversationItem from "../NavConversationItem.svelte";
-	import { titles } from "../NavMenu.svelte";
-	import { beforeNavigate } from "$app/navigation";
-
-	import CarbonClose from "~icons/carbon/close";
-	import { fly } from "svelte/transition";
-	import InfiniteScroll from "../InfiniteScroll.svelte";
-	import { handleResponse, useAPIClient, type Success } from "$lib/APIClient";
-
-	const client = useAPIClient();
-
-	let searchContainer: HTMLDivElement | undefined = $state(undefined);
-	let inputElement: HTMLInputElement | undefined = $state(undefined);
-
-	let searchInput: string = $state("");
-	let debouncedInput: string = $state("");
-	let hasMore = $state(true);
-
-	let pending: boolean = $state(false);
-
-	let conversations: NonNullable<Success<typeof client.conversations.search.get>> = $state([]);
-
-	let page: number = $state(0);
-
-	const dateRanges = [
-		new Date().setDate(new Date().getDate() - 1),
-		new Date().setDate(new Date().getDate() - 7),
-		new Date().setMonth(new Date().getMonth() - 1),
-	];
-
-	let groupedConversations = $derived({
-		today: conversations.filter(({ updatedAt }) => updatedAt.getTime() > dateRanges[0]),
-		week: conversations.filter(
-			({ updatedAt }) => updatedAt.getTime() > dateRanges[1] && updatedAt.getTime() < dateRanges[0]
-		),
-		month: conversations.filter(
-			({ updatedAt }) => updatedAt.getTime() > dateRanges[2] && updatedAt.getTime() < dateRanges[1]
-		),
-		older: conversations.filter(({ updatedAt }) => updatedAt.getTime() < dateRanges[2]),
-	});
-
-	const update = debounce(async (v: string) => {
-		if (debouncedInput !== v) {
-			conversations = [];
-			page = 0;
-			hasMore = true;
-		}
-		debouncedInput = v;
-		pending = true;
-		try {
-			await handleVisible(v);
-		} finally {
-			pending = false;
-		}
-	}, 300);
-
-	const handleBackdropClick = (event: MouseEvent) => {
-		if (!searchOpen || !searchContainer) return;
-
-		const target = event.target;
-		if (!(target instanceof Node) || !searchContainer.contains(target)) {
-			searchOpen = false;
-		}
-	};
-
-	async function handleVisible(v: string) {
-		const newConvs = await client.conversations.search
-			.get({
-				query: {
-					q: v,
-					p: page++,
-				},
-			})
-			.then(handleResponse)
-			.catch(() => []);
-
-		if (newConvs.length === 0) {
-			hasMore = false;
-		}
-
-		conversations = [...conversations, ...newConvs];
-	}
-
-	$effect(() => update(searchInput));
-
-	function handleKeydown(event: KeyboardEvent) {
-		if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "k") {
-			if (!searchOpen) {
-				searchOpen = true;
-			}
-			event.preventDefault();
-			event.stopPropagation();
-		}
-
-		if (searchOpen && event.key === "Escape") {
-			if (searchOpen) {
-				searchOpen = false;
-			}
-			event.preventDefault();
-		}
-	}
-
-	beforeNavigate(() => {
-		searchOpen = false;
-		searchInput = "";
-	});
-
-	$effect(() => {
-		if (searchOpen) {
-			inputElement?.focus();
-		}
-	});
-
-	$effect(() => {
-		if (!searchOpen) {
-			searchInput = "";
-			debouncedInput = ""; // reset debouncedInput on search bar close
-		}
-	});
-</script>
-
-<svelte:window onkeydown={handleKeydown} onmousedown={handleBackdropClick} />
-
-{#if searchOpen}
-	<div
-		bind:this={searchContainer}
-		class="fixed bottom-0 left-[5%] right-[5%] top-[10%] z-50
-		m-4 mx-auto h-fit max-w-2xl
-		overflow-hidden rounded-xl
-		border border-gray-500/50 bg-gray-200 text-gray-800
-		shadow-[0_10px_40px_rgba(100,100,100,0.2)]
-		dark:bg-gray-800
-		dark:text-gray-200 dark:shadow-[0_10px_40px_rgba(255,255,255,0.1)] lg:top-[20%]"
-		in:fly={{ y: 100 }}
-	>
-		<button
-			class="absolute right-1 top-2.5 rounded-full p-1 hover:bg-gray-500/50"
-			onclick={toggleSearch}
-		>
-			<CarbonClose class="text-lg text-gray-400/80" />
-		</button>
-		<input
-			bind:value={searchInput}
-			bind:this={inputElement}
-			type="text"
-			name="searchbar"
-			placeholder="Search for chats..."
-			autocomplete="off"
-			class={{
-				"h-12 w-full p-4 text-lg dark:bg-gray-800 dark:text-gray-200": true,
-				"border-b border-b-gray-500/50": searchInput && searchInput.length >= 3,
-			}}
-		/>
-
-		<div class="scrollbar-custom max-h-[40dvh] overflow-y-scroll">
-			{#if debouncedInput && debouncedInput.length >= 3}
-				{#if pending}
-					{#each Array(5) as _}
-						<div
-							class="m-2 h-6 w-full animate-pulse gap-5 rounded bg-gray-300 first:mt-4 dark:bg-gray-700"
-						></div>
-					{/each}
-				{:else if conversations.length === 0}
-					<p class="bg-gray-200 p-2 text-gray-700 dark:bg-gray-800 dark:text-gray-300">
-						No conversations found matching that query
-					</p>
-				{:else}
-					{#each Object.entries(groupedConversations) as [group, convs]}
-						{#if convs.length}
-							<h4 class="mb-1.5 mt-4 pl-1.5 text-sm text-gray-700 dark:text-gray-300">
-								{titles[group]}
-							</h4>
-							{#each convs as conv}
-								<NavConversationItem
-									{conv}
-									readOnly={true}
-									showDescription={true}
-									description={conv.content}
-									searchInput={conv.matchedText}
-								/>
-							{/each}
-						{/if}
-					{/each}
-					{#if hasMore}
-						<InfiniteScroll on:visible={() => handleVisible(searchInput)} />
-					{/if}
-				{/if}
-			{/if}
-		</div>
-	</div>
-{/if}

src/lib/server/api/routes/groups/conversations.ts

@@ -8,8 +8,7 @@ import { convertLegacyConversation } from "$lib/utils/tree/convertLegacyConversa
 import type { Conversation } from "$lib/types/Conversation";
 
 import { CONV_NUM_PER_PAGE } from "$lib/constants/pagination";
-import pkg from "natural";
-const { PorterStemmer } = pkg;
+// search chat feature removed
 
 export const conversationGroup = new Elysia().use(authPlugin).group("/conversations", (app) => {
 	return app
@@ -63,246 +62,7 @@ export const conversationGroup = new Elysia().use(authPlugin).group("/conversati
 			});
 			return res.deletedCount;
 		})
-		.get(
-			"/search",
-			async ({ locals, query }) => {
-				const searchQuery = query.q;
-				const p = query.p ?? 0;
-
-				if (!searchQuery || searchQuery.length < 3) {
-					return [];
-				}
-
-				if (!locals.user?._id && !locals.sessionId) {
-					throw new Error("Must have a valid session or user");
-				}
-
-				const convs = await collections.conversations
-					.find({
-						sessionId: undefined,
-						...authCondition(locals),
-						$text: { $search: searchQuery },
-					})
-					.sort({
-						updatedAt: -1, // Sort by date updated in descending order
-					})
-					.project<
-						Pick<Conversation, "_id" | "title" | "updatedAt" | "model" | "messages" | "userId">
-					>({
-						title: 1,
-						updatedAt: 1,
-						model: 1,
-						messages: 1,
-						userId: 1,
-					})
-					.skip(p * 5)
-					.limit(5)
-					.toArray()
-					.then((convs) =>
-						convs.map((conv) => {
-							let matchedContent = "";
-							let matchedText = "";
-
-							// Find the best match using stemming to handle MongoDB's text search behavior
-							let bestMatch = null;
-							let bestMatchLength = 0;
-
-							// Simple function to find the best match in content
-							const findBestMatch = (
-								content: string,
-								query: string
-							): { start: number; end: number; text: string } | null => {
-								const contentLower = content.toLowerCase();
-								const queryLower = query.toLowerCase();
-
-								// Try exact word boundary match first
-								const wordRegex = new RegExp(
-									`\\b${queryLower.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\b`,
-									"gi"
-								);
-								const wordMatch = wordRegex.exec(content);
-								if (wordMatch) {
-									return {
-										start: wordMatch.index,
-										end: wordMatch.index + wordMatch[0].length - 1,
-										text: wordMatch[0],
-									};
-								}
-
-								// Try simple substring match
-								const index = contentLower.indexOf(queryLower);
-								if (index !== -1) {
-									return {
-										start: index,
-										end: index + queryLower.length - 1,
-										text: content.substring(index, index + queryLower.length),
-									};
-								}
-
-								return null;
-							};
-
-							// Create search variations
-							const searchVariations = [searchQuery.toLowerCase()];
-
-							// Add stemmed variations
-							try {
-								const stemmed = PorterStemmer.stem(searchQuery.toLowerCase());
-								if (stemmed !== searchQuery.toLowerCase()) {
-									searchVariations.push(stemmed);
-								}
-
-								// Find actual words in conversations that stem to the same root
-								for (const message of conv.messages) {
-									if (message.content) {
-										const words = message.content.toLowerCase().match(/\b\w+\b/g) || [];
-										words.forEach((word: string) => {
-											if (
-												PorterStemmer.stem(word) === stemmed &&
-												!searchVariations.includes(word)
-											) {
-												searchVariations.push(word);
-											}
-										});
-									}
-								}
-							} catch (e) {
-								console.warn("Stemming failed for:", searchQuery, e);
-							}
-
-							// Add simple variations
-							const query = searchQuery.toLowerCase();
-							if (query.endsWith("s") && query.length > 3) {
-								searchVariations.push(query.slice(0, -1));
-							} else if (!query.endsWith("s")) {
-								searchVariations.push(query + "s");
-							}
-
-							// Search through all messages for the best match
-							for (const message of conv.messages) {
-								if (!message.content) continue;
-
-								// Try each variation in order of preference
-								for (const variation of searchVariations) {
-									const match = findBestMatch(message.content, variation);
-									if (match) {
-										const isExactQuery = variation === searchQuery.toLowerCase();
-										const priority = isExactQuery ? 1000 : match.text.length;
-
-										if (priority > bestMatchLength) {
-											bestMatch = {
-												content: message.content,
-												matchStart: match.start,
-												matchEnd: match.end,
-												matchedText: match.text,
-											};
-											bestMatchLength = priority;
-
-											// If we found exact query match, we're done
-											if (isExactQuery) break;
-										}
-									}
-								}
-
-								// Stop if we found an exact match
-								if (bestMatchLength >= 1000) break;
-							}
-
-							if (bestMatch) {
-								const { content, matchStart, matchEnd } = bestMatch;
-								matchedText = bestMatch.matchedText;
-
-								// Create centered context around the match
-								const maxContextLength = 160; // Maximum length of actual content (no padding)
-								const matchLength = matchEnd - matchStart + 1;
-
-								// Calculate context window - don't exceed maxContextLength even if content is longer
-								const availableForContext =
-									Math.min(maxContextLength, content.length) - matchLength;
-								const contextPerSide = Math.floor(availableForContext / 2);
-
-								// Calculate snippet boundaries to center the match within maxContextLength
-								let snippetStart = Math.max(0, matchStart - contextPerSide);
-								let snippetEnd = Math.min(
-									content.length,
-									matchStart + matchLength + contextPerSide
-								);
-
-								// Ensure we don't exceed maxContextLength
-								if (snippetEnd - snippetStart > maxContextLength) {
-									if (matchStart - contextPerSide < 0) {
-										// Match is near start, extend end but limit to maxContextLength
-										snippetEnd = Math.min(content.length, snippetStart + maxContextLength);
-									} else {
-										// Match is not near start, limit to maxContextLength from match start
-										snippetEnd = Math.min(content.length, snippetStart + maxContextLength);
-									}
-								}
-
-								// Adjust to word boundaries if possible (but don't move more than 15 chars)
-								const originalStart = snippetStart;
-								const originalEnd = snippetEnd;
-
-								while (
-									snippetStart > 0 &&
-									content[snippetStart] !== " " &&
-									content[snippetStart] !== "\n" &&
-									originalStart - snippetStart < 15
-								) {
-									snippetStart--;
-								}
-								while (
-									snippetEnd < content.length &&
-									content[snippetEnd] !== " " &&
-									content[snippetEnd] !== "\n" &&
-									snippetEnd - originalEnd < 15
-								) {
-									snippetEnd++;
-								}
-
-								// Extract the content
-								let extractedContent = content.substring(snippetStart, snippetEnd).trim();
-								// Add ellipsis indicators only
-								if (snippetStart > 0) {
-									extractedContent = "..." + extractedContent;
-								}
-								if (snippetEnd < content.length) {
-									extractedContent = extractedContent + "...";
-								}
-
-								matchedContent = extractedContent;
-							} else {
-								// Fallback: use beginning of the first message if no match found
-								const firstMessage = conv.messages[0];
-								if (firstMessage?.content) {
-									const content = firstMessage.content;
-									matchedContent =
-										content.length > 200 ? content.substring(0, 200) + "..." : content;
-									matchedText = searchQuery; // Fallback to search query
-								}
-							}
-
-							return {
-								_id: conv._id,
-								id: conv._id,
-								title: conv.title,
-								content: matchedContent,
-								matchedText,
-								updatedAt: conv.updatedAt,
-								model: conv.model,
-							};
-						})
-					);
-
-				return convs;
-			},
-			{
-				query: t.Object({
-					q: t.String(),
-					p: t.Optional(t.Number()),
-				}),
-			}
-		)
+		// search endpoint removed
 		.group(
 			"/:id",
 			{

src/routes/+layout.svelte

@@ -20,7 +20,6 @@
 	import { loginModalOpen } from "$lib/stores/loginModal";
 	import LoginModal from "$lib/components/LoginModal.svelte";
 	import OverloadedModal from "$lib/components/OverloadedModal.svelte";
-	import Search from "$lib/components/chat/Search.svelte";
 	import { setContext } from "svelte";
 	import { handleResponse, useAPIClient } from "$lib/APIClient";
 
@@ -208,7 +207,6 @@
 	<OverloadedModal onClose={() => (overloadedModalOpen = false)} />
 {/if}
 
-<Search />
 
 <div
 	class="fixed grid h-full w-screen grid-cols-1 grid-rows-[auto,1fr] overflow-hidden text-smd {!isNavCollapsed