@remit/web-client 0.0.321 → 0.0.323

package/src/components/mail/DailyBrief.tsx

@@ -109,7 +109,6 @@ import { useLayoutTier } from "@/hooks/useLayoutTier";
 import { useIsDesktop } from "@/hooks/useMediaQuery";
 import { useRefreshControl } from "@/hooks/useRefreshControl";
 import { useSearchTokenContext } from "@/hooks/useSearchTokenContext";
-import { useSemanticSearch } from "@/hooks/useSemanticSearch";
 import { useSpamMatchCounts } from "@/hooks/useSpamMatchCounts";
 import type { TriageContextUpdate } from "@/hooks/useTriageLayer";
 import { sortAccountsByCreatedAt } from "@/lib/account-order";
@@ -132,7 +131,7 @@ import { useMailContext } from "@/lib/mail-context";
 import { useMailFreshness } from "@/lib/mail-freshness";
 import { shouldRequestResultCount } from "@/lib/result-count";
 import { junkMailboxIds } from "@/lib/result-folder";
-import { relatedSearchResults, rowToSearchResult } from "@/lib/search-result";
+import { rowToSearchResult } from "@/lib/search-result";
 import { showInlineSearchResults } from "@/lib/search-surface";
 import { parseSearchTokens } from "@/lib/search-tokens";
 import { resolveSelectionAccountScope } from "@/lib/selection-account-scope";
@@ -320,7 +319,7 @@ function BriefSelectionChrome({
 		[selectedIds],
 	);
 	// The ticked rows as the wizard reads them — the sample under every screen
-	// that names a match, and the senders its widen falls back to.
+	// that names a match, and the senders its properties prefill reads.
 	const wizardSelection = useMemo(
 		() => wizardSelectionFrom(rows, selectedIds),
 		[rows, selectedIds],
@@ -820,8 +819,7 @@ export function DailyBrief({
 		[filteredRows, onOpenThread],
 	);
 
-	// The two-engine results panel, whose semantic hits are in no list at all —
-	// each one carries the thread it belongs to.
+	// The results panel; each result carries the thread it belongs to.
 	const openResult = useCallback(
 		(result: SearchResult) => {
 			const threadId =
@@ -894,25 +892,6 @@ export function DailyBrief({
 		[filteredRows, resultFolderIndex],
 	);
 
-	// "Related" (semantic) spans every account here — the brief is the
-	// cross-account view, so no mailbox scope. Dedupe against the literal "Top
-	// matches" by thread; the brief rows key on messageId, so resolve each back to
-	// its thread via the raw threads.
-	const { hits: semanticHits, isLoading: relatedLoading } = useSemanticSearch();
-	const relatedResults = useMemo<SearchResult[]>(() => {
-		const threadByMessageId = new Map<string, string | undefined>(
-			filteredRows.map((row) => [row.id, row.threadId]),
-		);
-		const literalThreadIds = searchResults
-			.map((result) => threadByMessageId.get(result.id))
-			.filter((id): id is string => id != null);
-		return relatedSearchResults(
-			semanticHits,
-			literalThreadIds,
-			resultFolderIndex,
-		);
-	}, [semanticHits, searchResults, filteredRows, resultFolderIndex]);
-
 	const filterConfig = useMemo<Omit<FilterSheetProps, "children">>(() => {
 		const preset = briefFilterConfig(
 			accountSources.map((s) => ({
@@ -991,7 +970,7 @@ export function DailyBrief({
 
 	// A search does not take the panel down — the chips compose into the query
 	// rather than competing with it. The one window where the brief's own body is
-	// not on screen is the two-engine results panel, which owns the pane while a
+	// not on screen is the results panel, which owns the pane while a
 	// first query is still being typed; the caret stands down for exactly that,
 	// on the same answer the header swaps the body on.
 	const resultsPanelOwnsBody = showInlineSearchResults({
@@ -1083,8 +1062,6 @@ export function DailyBrief({
 						searchFilter: filterConfig,
 						searchResults,
 						searchLoading: isLoading,
-						relatedResults,
-						relatedLoading,
 						onSelectSearchResult: openResult,
 						// The read-only results panel holds spam out of the same
 						// committed search this body does, so it states the same
@@ -1093,7 +1070,7 @@ export function DailyBrief({
 						// The body already narrows to the committed query (the server
 						// `query` on every section request, plus `matchesSearchTokens` for
 						// the residue), so a committed search is a selectable list here
-						// exactly as it is on the mailbox route (#212) — the two-engine
+						// exactly as it is on the mailbox route (#212) — the results
 						// panel stays for the typing/uncommitted state only.
 						searchResultsInBody: true,
 						refreshControl,

package/src/components/mail/FlaggedList.tsx

@@ -28,6 +28,7 @@
  */
 import {
 	flaggedFilterConfig,
+	formatErrorMessage,
 	type MessageListFilter,
 	MessageListPane,
 	type SearchResult,
@@ -35,7 +36,6 @@ import {
 	type Verb,
 } from "@remit/ui";
 import { type RefObject, useCallback, useMemo, useState } from "react";
-import { formatErrorMessage } from "@/components/ui/ErrorState";
 import { useIsDesktop } from "@/hooks/useMediaQuery";
 import { useSearchTokenContext } from "@/hooks/useSearchTokenContext";
 import {
@@ -217,8 +217,7 @@ export function FlaggedList({
 		[rows, onOpenThread],
 	);
 
-	// The two-engine results panel, whose semantic hits are in no list at all —
-	// each one carries the thread it belongs to.
+	// The results panel; each result carries the thread it belongs to.
 	const openResult = useCallback(
 		(result: SearchResult) => {
 			const threadId =
@@ -316,7 +315,7 @@ export function FlaggedList({
 			// A committed search renders in this view's own rows (`rows` already
 			// narrows to the query above), so the multi-select toolbar stays
 			// reachable exactly as it does on the mailbox route (#212). The
-			// two-engine panel stays for the typing/uncommitted state only.
+			// results panel stays for the typing/uncommitted state only.
 			searchResultsInBody
 		>
 			<ThreadListInteraction

package/src/components/mail/FlaggedPane.tsx

@@ -377,7 +377,6 @@ function FlaggedReading() {
 				isOpen={intelligence.drawerOpen}
 				onClose={intelligence.closeDrawer}
 				thread={selectedThread}
-				mailboxId={selectedThread?.mailboxId}
 				accountId={selectedThread?.accountId}
 				onAfterOptimisticRemove={handleDeselectIfRemoved}
 				onReplyWithText={replyWithText}
@@ -401,7 +400,6 @@ function FlaggedIntelligence() {
 		<IntelligencePane
 			onClose={onToggleIntelligence}
 			thread={selectedThread}
-			mailboxId={selectedThread?.mailboxId}
 			accountId={selectedThread?.accountId}
 			onAfterOptimisticRemove={handleDeselectIfRemoved}
 			onReplyWithText={replyWithText}
@@ -445,7 +443,6 @@ function FlaggedPhone() {
 					isOpen={drawer.isOpen}
 					onClose={drawer.close}
 					thread={selectedThread}
-					mailboxId={selectedThread?.mailboxId}
 					accountId={selectedThread?.accountId}
 					onAfterOptimisticRemove={handleDeselectIfRemoved}
 					onReplyWithText={replyWithText}

package/src/components/mail/IntelligenceDrawer.tsx

@@ -15,7 +15,6 @@ export function IntelligenceDrawer({
 	isOpen,
 	onClose,
 	thread,
-	mailboxId,
 	accountId,
 	onAfterOptimisticRemove,
 	onReplyWithText,
@@ -24,7 +23,6 @@ export function IntelligenceDrawer({
 	isOpen: boolean;
 	onClose: () => void;
 	thread?: RemitImapThreadMessageResponse;
-	mailboxId?: string;
 	accountId?: string;
 	onAfterOptimisticRemove?: (messageIds: string[]) => void;
 	onReplyWithText?: ReplyWithText;
@@ -43,7 +41,6 @@ export function IntelligenceDrawer({
 			<IntelligencePane
 				onClose={onClose}
 				thread={thread}
-				mailboxId={mailboxId}
 				accountId={accountId}
 				hideCloseButton
 				onAfterOptimisticRemove={onAfterOptimisticRemove}

package/src/components/mail/IntelligencePane.render.test.ts

@@ -34,7 +34,6 @@ const baseData: IntelligenceData = {
 		summary: "This message was signed by example.com.",
 	},
 	category: { value: "personal" },
-	similar: [],
 };
 
 const ReportHarness = () => {

package/src/components/mail/IntelligencePane.test.ts

@@ -1,110 +1,16 @@
 import assert from "node:assert/strict";
 import { describe, test } from "node:test";
-import { resolveSimilarState, resolveSpamAction } from "./IntelligencePane";
+import { resolveSpamAction } from "./IntelligencePane";
 
 describe("resolveSpamAction (#648)", () => {
 	test("offers Report spam when the message carries no spam report", () => {
 		assert.equal(resolveSpamAction({}), "reportSpam");
 	});
 
-	test("offers Report spam regardless of which mailbox the message is in", () => {
-		// A report is never derived from placement — reporting a message the
-		// provider's own filter already put in Junk is a real, no-op-move case.
-		assert.equal(resolveSpamAction({ spamReport: undefined }), "reportSpam");
-	});
-
 	test("offers Not spam once the message carries a spam report", () => {
 		assert.equal(
 			resolveSpamAction({ spamReport: { reportedAt: Date.now() } }),
 			"notSpam",
 		);
 	});
-
-	test("the two actions are mutually exclusive", () => {
-		const reportable = resolveSpamAction({});
-		const reported = resolveSpamAction({
-			spamReport: { reportedAt: Date.now() },
-		});
-		assert.notEqual(reportable, reported);
-	});
-});
-
-describe("resolveSimilarState — fail-fast on similar-messages search", () => {
-	test("a fatal 5xx does NOT show the grey label — it escalates instead (ready)", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: new Error("500"),
-				similarErrorIsFatal: true,
-				isSimilarLoading: false,
-				semanticEnabled: true,
-			}),
-			"ready",
-		);
-	});
-
-	test("a soft (non-fatal) error keeps the muted error state", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: new Error("404"),
-				similarErrorIsFatal: false,
-				isSimilarLoading: false,
-				semanticEnabled: true,
-			}),
-			"error",
-		);
-	});
-
-	test("an empty result (no error) is a soft ready state", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: null,
-				similarErrorIsFatal: false,
-				isSimilarLoading: false,
-				semanticEnabled: true,
-			}),
-			"ready",
-		);
-	});
-
-	test("loading wins when there is no error", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: null,
-				similarErrorIsFatal: false,
-				isSimilarLoading: true,
-				semanticEnabled: true,
-			}),
-			"loading",
-		);
-	});
-});
-
-// Off is a property of the deployment, and it leads: nothing was embedded, so
-// there was no query, and the section states the setting instead of an empty
-// list (#1068). `undefined` is the config read still in flight, which is not
-// an answer.
-describe("resolveSimilarState — semantic search off on this instance", () => {
-	test("off wins over every runtime state", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: new Error("404"),
-				similarErrorIsFatal: false,
-				isSimilarLoading: true,
-				semanticEnabled: false,
-			}),
-			"off",
-		);
-	});
-
-	test("a config read still in flight is not an off state", () => {
-		assert.equal(
-			resolveSimilarState({
-				similarError: null,
-				similarErrorIsFatal: false,
-				isSimilarLoading: false,
-				semanticEnabled: undefined,
-			}),
-			"ready",
-		);
-	});
 });

package/src/components/mail/IntelligencePane.tsx

@@ -5,8 +5,6 @@ import {
 	DialogBackdrop,
 	IntelligencePanel,
 	type IntelligenceQuickActions,
-	type SimilarMessageLinkComponent,
-	type SimilarState,
 	type ThreadCategory,
 	useModalFocus,
 } from "@remit/ui";
@@ -19,7 +17,7 @@ import { useUpdateAddressFlags } from "@/hooks/useUpdateAddressFlags";
 import { isRescueCandidate } from "@/lib/rescue-candidates";
 import { recordRescueSentToJunk } from "@/lib/rescue-telemetry";
 import { useTelemetry } from "@/lib/telemetry-context";
-import { NavLink, type OpenThreadTarget } from "@/routing";
+import type { OpenThreadTarget } from "@/routing";
 import type { ReplyWithText } from "../compose/reply-with-times";
 
 export interface IntelligencePaneProps {
@@ -30,8 +28,6 @@ export interface IntelligencePaneProps {
 	 * the empty-state placeholder.
 	 */
 	thread?: RemitImapThreadMessageResponse;
-	/** The mailbox the message list is currently showing. */
-	mailboxId?: string;
 	/** Account that owns the open message; scopes mailbox-list cache invalidation after a spam-report mutation. */
 	accountId?: string;
 	/**
@@ -89,39 +85,6 @@ export const resolveSpamAction = (thread: {
 	spamReport?: unknown;
 }): "notSpam" | "reportSpam" => (thread.spamReport ? "notSpam" : "reportSpam");
 
-/**
- * Decide the "Similar messages" section state from the semantic-search query.
- *
- * An instance with semantic search off leads, before any error or in-flight
- * state: nothing is embedded, no query was sent, and the section states the
- * setting (#1068). Only `false` counts — the config read has not answered yet
- * while it is `undefined`, and an off state shown then would be a guess.
- *
- * The fail-fast rule: a fatal first-party 5xx must NEVER degrade to the benign
- * grey "Similarity search unavailable" label — it escalates to the global red
- * overlay instead, so this returns `"ready"` for it (the section then renders
- * nothing rather than a misleading soft state). A soft (non-fatal) failure
- * keeps the muted `"error"` state; an empty result is `"ready"` (no error).
- * Pure so the classification can be unit-tested without rendering.
- */
-export const resolveSimilarState = (input: {
-	similarError: unknown;
-	similarErrorIsFatal: boolean;
-	isSimilarLoading: boolean;
-	semanticEnabled: boolean | undefined;
-}): SimilarState => {
-	const {
-		similarError,
-		similarErrorIsFatal,
-		isSimilarLoading,
-		semanticEnabled,
-	} = input;
-	if (semanticEnabled === false) return "off";
-	if (similarError && !similarErrorIsFatal) return "error";
-	if (isSimilarLoading) return "loading";
-	return "ready";
-};
-
 function IntelligenceSkeleton() {
 	return (
 		<aside className="flex h-full w-full flex-col bg-surface-sunken">
@@ -250,7 +213,6 @@ function ReclassifyDialog({
 interface WiredPanelProps {
 	thread: RemitImapThreadMessageResponse;
 	onClose: () => void;
-	mailboxId?: string;
 	accountId?: string;
 	hideCloseButton?: boolean;
 	onAfterOptimisticRemove?: (messageIds: string[]) => void;
@@ -264,22 +226,13 @@ interface WiredPanelProps {
 function WiredPanel({
 	thread,
 	onClose,
-	mailboxId,
 	accountId,
 	hideCloseButton,
 	onAfterOptimisticRemove,
 	onReplyWithText,
 	onOpenThread,
 }: WiredPanelProps) {
-	const {
-		data,
-		address,
-		addressId,
-		isSimilarLoading,
-		similarError,
-		similarErrorIsFatal,
-		semanticEnabled,
-	} = useIntelligenceData(thread, mailboxId);
+	const { data, address, addressId } = useIntelligenceData(thread);
 	const calendar = useIntelligenceCalendar(
 		thread,
 		onReplyWithText,
@@ -317,13 +270,6 @@ function WiredPanel({
 		reportSpam([thread.messageId]);
 	}, [reportSpam, thread, telemetry]);
 
-	const handleShowSimilar = useCallback(() => {
-		// The similar-messages section scrolls into view automatically when
-		// data.similar is populated. This handler is for the "N similar" button
-		// inside the authenticity panel; a scroll-to implementation can be added
-		// in a future pass without breaking the contract.
-	}, []);
-
 	const handleToggleVip = useCallback(() => {
 		const next = !(data?.flags?.vip === true);
 		updateFlags({ vip: { value: next } });
@@ -360,40 +306,10 @@ function WiredPanel({
 		onReportSpam: spamAction === "reportSpam" ? handleReportSpam : undefined,
 	};
 
-	// Each similar-message row is a real router anchor — same link shape as a
-	// message-list row — so it opens the message in the reading pane while
-	// preserving deep-linking, middle-click, and existing search params.
-	const similarLinkComponent: SimilarMessageLinkComponent = ({
-		mailboxId: rowMailboxId,
-		threadId,
-		messageId,
-		className,
-		ariaLabel,
-		children,
-	}) => (
-		<NavLink
-			to="/mail/$mailboxId/$threadId/$messageId"
-			params={{ mailboxId: rowMailboxId, threadId, messageId }}
-			search={(prev) => prev}
-			variant="row"
-			className={className}
-			aria-label={ariaLabel}
-		>
-			{children}
-		</NavLink>
-	);
-
 	if (!data) {
 		return <IntelligenceSkeleton />;
 	}
 
-	const similarState = resolveSimilarState({
-		similarError,
-		similarErrorIsFatal,
-		isSimilarLoading,
-		semanticEnabled,
-	});
-
 	return (
 		<>
 			<IntelligencePanel
@@ -403,10 +319,7 @@ function WiredPanel({
 				onTabChange={calendar.onTabChange}
 				onClose={onClose}
 				hideCloseButton={hideCloseButton}
-				onShowSimilar={handleShowSimilar}
 				actions={actions}
-				similarState={similarState}
-				similarLinkComponent={similarLinkComponent}
 				reportSpamPending={isReporting}
 				notSpamPending={isRestoring}
 				// No left border: the ResizableHandle to our left already draws the
@@ -434,12 +347,10 @@ function WiredPanel({
  * - Sender basics + trust + authenticity + category: from the thread row (instant,
  *   already loaded by the message list).
  * - Address flags (VIP/muted/blocked/etc.) + first-seen: `GET /addresses/search`.
- * - Similar messages: `GET /search/semantic` (last; panel still renders on failure).
  */
 export const IntelligencePane = ({
 	onClose,
 	thread,
-	mailboxId,
 	accountId,
 	hideCloseButton,
 	onAfterOptimisticRemove,
@@ -459,7 +370,7 @@ export const IntelligencePane = ({
 					<Sparkles className="size-8 text-fg-subtle" />
 					<p className="mt-3 text-sm text-fg-muted">Intelligence</p>
 					<p className="mt-1 text-2xs text-fg-subtle">
-						Sender trust, authenticity and similar messages will appear here.
+						Sender trust and authenticity will appear here.
 					</p>
 				</div>
 			</aside>
@@ -470,7 +381,6 @@ export const IntelligencePane = ({
 		<WiredPanel
 			thread={thread}
 			onClose={onClose}
-			mailboxId={mailboxId}
 			accountId={accountId}
 			hideCloseButton={hideCloseButton}
 			onAfterOptimisticRemove={onAfterOptimisticRemove}

package/src/components/mail/MailListHeader.tsx

@@ -25,13 +25,8 @@
  * itself so it is there for every search on every view, whichever body is showing
  * the results.
  *
- * Results split into two sections, one per engine: literal/instant and semantic.
- * The consumer dedupes them — a thread in both appears only under the literal
- * section — and names them, so a view whose engines reach different mail says so
- * ("In Archive" / "Everywhere"). Each loads independently; an empty section
- * drops out kit-side, so a semantic-only result still shows when the literal
- * search finds nothing. The hamburger opens the nav drawer via the enclosing
- * `AppShellSlotted`.
+ * Results render as one section; an empty section drops out kit-side. The
+ * hamburger opens the nav drawer via the enclosing `AppShellSlotted`.
  *
  * This is also the one place the route's scope reaches the results list, so both
  * tiers agree on it: a global search labels every row with the folder it came
@@ -130,24 +125,16 @@ export interface MailListHeaderProps {
 	/** Literal/instant results — the "Top matches" section. */
 	searchResults?: SearchResult[];
 	searchLoading?: boolean;
-	/** Semantic results — the "Related" section, deduped against "Top matches". */
-	relatedResults?: SearchResult[];
-	relatedLoading?: boolean;
 	onSelectSearchResult?: (result: SearchResult) => void;
-	/**
-	 * Section headings. A view whose two engines cover different ground names
-	 * them by that ground ("In Archive" / "Everywhere") so the reach of a result
-	 * is on screen rather than inferred.
-	 */
+	/** The results section heading. */
 	searchResultsLabel?: string;
-	relatedResultsLabel?: string;
 	/**
 	 * The body renders the committed search itself as a selectable list — the
 	 * mailbox route's `MessageList` and the brief and Starred's own rows filter
 	 * to the search and host the multi-select toolbar and (on the mailbox route)
 	 * the "Select all N matching" escalation (#212). When set, a committed query
 	 * keeps the body on tablet/desktop instead of swapping in the read-only
-	 * two-engine `SearchResults` panel; the panel still shows while the query is
+	 * `SearchResults` panel; the panel still shows while the query is
 	 * being typed (uncommitted). A view whose body is not a search-result list
 	 * leaves this unset and keeps the panel for every query.
 	 */
@@ -231,11 +218,8 @@ export function MailListHeader({
 	searchFilter,
 	searchResults,
 	searchLoading,
-	relatedResults,
-	relatedLoading,
 	onSelectSearchResult,
 	searchResultsLabel = "Top matches",
-	relatedResultsLabel = "Related",
 	searchResultsInBody = false,
 	spamOffer,
 	refreshControl,
@@ -368,25 +352,17 @@ export function MailListHeader({
 		[parsed, searchInput, onSearchChange],
 	);
 	const topMatches = useMemo(() => searchResults ?? [], [searchResults]);
-	const related = useMemo(() => relatedResults ?? [], [relatedResults]);
-	// Always offer both sections while a query is present; the kit drops the empty
-	// ones, so a "Related"-only hit still shows and two empties fall to its empty
-	// state. The empty-query case (recent searches) is the kit's job.
+	// Offer the section while a query is present; the kit drops it when empty and
+	// shows its empty state. The empty-query case (recent searches) is the kit's job.
 	const sections = useMemo<SearchResultSection[]>(
 		() =>
 			hasQuery
-				? [
-						{ id: "top", label: searchResultsLabel, results: topMatches },
-						{ id: "related", label: relatedResultsLabel, results: related },
-					]
+				? [{ id: "top", label: searchResultsLabel, results: topMatches }]
 				: [],
-		[hasQuery, searchResultsLabel, relatedResultsLabel, topMatches, related],
+		[hasQuery, searchResultsLabel, topMatches],
 	);
-	// Skeleton only while nothing is in yet — once either section has rows, show
-	// them and let the other arrive (or not). Keeps the two sources independent.
-	const hasAnyResult = topMatches.length + related.length > 0;
-	const resultsLoading =
-		!hasAnyResult && (searchLoading === true || relatedLoading === true);
+	// Skeleton only while nothing is in yet.
+	const resultsLoading = topMatches.length === 0 && searchLoading === true;
 
 	// The mailbox's appointed role is what lets a search scoped to Spam show its
 	// rows rather than drop them.
@@ -426,10 +402,7 @@ export function MailListHeader({
 	// could not be turned into. The conversion is computed once, here, and reaches
 	// the wizard through its own context — the reason the affordance gives and the
 	// clauses the wizard seeds from are the same answer, without the per-keystroke
-	// object riding on the chrome the list reads. The literal filter cannot
-	// reproduce the search's semantic reach, so the conversion states it whenever
-	// the search surfaced a "Related" section — a direct signal, read here from
-	// the semantic results, never a capability probe.
+	// object riding on the chrome the list reads.
 	//
 	// It belongs to the search, not to any one way of showing it. The affordance
 	// therefore sits in the pane, above whichever body is up — the read-only
@@ -440,11 +413,7 @@ export function MailListHeader({
 	// to the URL, taking the affordance down with it a few hundred milliseconds
 	// after it appeared. Mounting it here instead keeps it up through that
 	// hand-back on every view.
-	const searchHadSemanticReach = related.length > 0;
-	const conversion = useMemo(
-		() => convertSearchToRule(parsed, { searchHadSemanticReach }),
-		[parsed, searchHadSemanticReach],
-	);
+	const conversion = useMemo(() => convertSearchToRule(parsed), [parsed]);
 	const searchConversion = hasQuery ? conversion : undefined;
 	// The wizard is a full-screen surface, so the phone takeover it was pressed
 	// from stands down rather than sitting under it — and the list underneath,

package/src/components/mail/MailNav.tsx

@@ -9,11 +9,12 @@
  * to host them.
  */
 import type { RemitImapAccountResponse } from "@remit/api-http-client/types.gen.ts";
-import { useAppShellLayout } from "@remit/ui";
+import { AttentionDot, useAppShellLayout } from "@remit/ui";
 import { LogOut, Settings } from "lucide-react";
 import { AccountSession } from "@/auth/AccountSession";
 import { MailSidebarAdapter } from "@/components/mail/MailSidebarAdapter";
 import { BugReportButton } from "@/components/ui/BugReportButton";
+import { useWarningsAttention } from "@/hooks/useWarningsAttention";
 import { NavLink } from "@/routing";
 
 interface MailNavProps {
@@ -24,6 +25,7 @@ interface MailNavProps {
 export function MailNav({ accounts, onMailboxSelect }: MailNavProps) {
 	const layout = useAppShellLayout();
 	const isPane = layout?.showNavPane ?? true;
+	const settingsAttention = useWarningsAttention();
 
 	if (isPane) {
 		return <MailSidebarAdapter accounts={accounts} />;
@@ -40,7 +42,9 @@ export function MailNav({ accounts, onMailboxSelect }: MailNavProps) {
 			</div>
 			<div className="border-t border-line px-2 py-2">
 				<NavLink to="/settings/accounts" onClick={onMailboxSelect}>
-					<Settings className="size-4 shrink-0" />
+					<AttentionDot label={settingsAttention}>
+						<Settings className="size-4 shrink-0" />
+					</AttentionDot>
 					<span className="flex-1 truncate text-left">Settings</span>
 				</NavLink>
 				<BugReportButton />

package/src/components/mail/MailViewChrome.tsx

@@ -46,13 +46,9 @@ interface MailViewChromeProps {
 	/** Literal/instant results — the "Top matches" section. */
 	searchResults?: SearchResult[];
 	searchLoading?: boolean;
-	/** Semantic results — the "Related" section. */
-	relatedResults?: SearchResult[];
-	relatedLoading?: boolean;
 	onSelectSearchResult?: (result: SearchResult) => void;
-	/** Section headings; see `MailListHeader`. */
+	/** Section heading; see `MailListHeader`. */
 	searchResultsLabel?: string;
-	relatedResultsLabel?: string;
 	/**
 	 * The body renders the committed search as a selectable list itself; see
 	 * `MailListHeader`. The mailbox route sets this so a committed search yields
@@ -78,11 +74,8 @@ export function MailViewChrome({
 	footer,
 	searchResults,
 	searchLoading,
-	relatedResults,
-	relatedLoading,
 	onSelectSearchResult,
 	searchResultsLabel,
-	relatedResultsLabel,
 	searchResultsInBody,
 	refreshControl,
 }: MailViewChromeProps) {
@@ -114,11 +107,8 @@ export function MailViewChrome({
 				searchFilter={filterConfig}
 				searchResults={searchResults}
 				searchLoading={searchLoading}
-				relatedResults={relatedResults}
-				relatedLoading={relatedLoading}
 				onSelectSearchResult={onSelectSearchResult}
 				searchResultsLabel={searchResultsLabel}
-				relatedResultsLabel={relatedResultsLabel}
 				searchResultsInBody={searchResultsInBody}
 				refreshControl={refreshControl}
 			>