@remit/web-client 0.0.321 → 0.0.323

package/src/components/mail/offer-times-reply.render.test.ts

@@ -170,7 +170,6 @@ const sender: IntelligenceData = {
 		summary: "Signed by example.test.",
 	},
 	category: { value: "personal" },
-	similar: [],
 };
 
 let harness: DomHarness | undefined;
@@ -264,6 +263,28 @@ const creates = (): HttpCall[] =>
 		(call) => call.method === "POST" && call.path.endsWith("/outbox"),
 	);
 
+const draftWrites = (): HttpCall[] => [
+	...creates(),
+	...(http?.calls ?? []).filter(
+		(call) =>
+			call.method === "PATCH" && call.path.endsWith(`/outbox/${DRAFT_ID}`),
+	),
+];
+
+// An autosave still waiting out its debounce outlives the test that scheduled
+// it and lands on the next test's server, so a test that writes waits for it.
+const savedHolding = (mounted: DomHarness, text: string): Promise<void> =>
+	mounted.waitFor(
+		() =>
+			draftWrites().some(
+				(call) =>
+					(call.body as { textBody?: string }).textBody?.includes(text) ===
+					true,
+			),
+		`the draft to be saved holding ${JSON.stringify(text)}`,
+		AUTOSAVE_DEBOUNCE_MS + 3000,
+	);
+
 const mount = async (
 	href: string,
 	{
@@ -445,6 +466,7 @@ describe("offering other times from an invitation", () => {
 		assert.match(plainBody(mounted)?.value ?? "", /^Hi/);
 		assert.equal(router.state.location.pathname, `${MESSAGE_PATH}/reply`);
 		assert.equal(seedInAddress(router), undefined);
+		await savedHolding(mounted, picked);
 	});
 
 	it("keeps an open reply-all a reply-all and adds the times to it", async () => {
@@ -465,6 +487,7 @@ describe("offering other times from an invitation", () => {
 		assert.ok(composerText(mounted).includes("See you then"));
 		assert.equal(router.state.location.pathname, href);
 		assert.equal(seedInAddress(router), undefined);
+		await savedHolding(mounted, picked);
 	});
 
 	it("adds the times to a forward of the same message already open", async () => {
@@ -507,6 +530,7 @@ describe("offering other times from an invitation", () => {
 			router.state.location.pathname,
 			`/mail/${MAILBOX_ID}/${THREAD_ID}/${OTHER_ID}/reply`,
 		);
+		await savedHolding(mounted, picked);
 	});
 
 	it("adds the times on top of a draft still loading when they were picked", async () => {

package/src/components/mail/reclassify-remove-override.render.test.ts

@@ -65,9 +65,7 @@ describe("the reclassify picker on a sender that already carries an override", (
 
 		http = mockFetch((call) => {
 			if (call.path.endsWith("/config")) {
-				return makeConfig([makeAccount({ accountId: "acc-1" })], {
-					semanticSearchEnabled: false,
-				});
+				return makeConfig([makeAccount({ accountId: "acc-1" })]);
 			}
 			if (call.path.endsWith("/addresses/search")) {
 				return { items: [stored] };
@@ -115,9 +113,7 @@ describe("the reclassify picker on a sender that already carries an override", (
 	it("offers no removal on a sender that carries no override", async () => {
 		http = mockFetch((call) => {
 			if (call.path.endsWith("/config")) {
-				return makeConfig([makeAccount({ accountId: "acc-1" })], {
-					semanticSearchEnabled: false,
-				});
+				return makeConfig([makeAccount({ accountId: "acc-1" })]);
 			}
 			if (call.path.endsWith("/addresses/search")) {
 				return { items: [addressWith({})] };

package/src/components/overlay-escape.render.test.ts

@@ -11,12 +11,16 @@
 import "@remit/test-dom";
 import assert from "node:assert/strict";
 import { afterEach, beforeEach, describe, it } from "node:test";
-import { ConfirmDialog, useTriageKeyboard } from "@remit/ui";
+import {
+	ConfirmDialog,
+	DropdownMenu,
+	DropdownMenuItem,
+	KeyboardShortcutsModal,
+	useTriageKeyboard,
+} from "@remit/ui";
 import { act, createElement, type ReactNode } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { Drawer } from "./layout/Drawer";
-import { DropdownMenu, DropdownMenuItem } from "./ui/DropdownMenu";
-import { KeyboardShortcutsModal } from "./ui/KeyboardShortcutsModal";
 
 let root: Root;
 let container: HTMLElement;

package/src/components/settings/AccountFormPanel.render.test.ts

@@ -202,9 +202,13 @@ describe("AccountFormPanel — provider presets", () => {
 });
 
 describe("AccountFormPanel — editing an account", () => {
-	it("shows a placeholder for the stored password and keeps it on save", async () => {
+	it("starts the password blank and keeps the stored one on save", async () => {
 		const dom = mount({ account });
-		assert.equal(field(dom, "account-password").value, "••••••••••");
+		assert.equal(field(dom, "account-password").value, "");
+		assert.equal(
+			field(dom, "account-password").placeholder,
+			"Leave empty to keep current",
+		);
 
 		await submit(dom);
 
@@ -223,7 +227,26 @@ describe("AccountFormPanel — editing an account", () => {
 		assert.equal(body(saved()).password, "new-app-password");
 	});
 
-	it("tests the connection against the stored password rather than the placeholder", async () => {
+	it("reveals the password the user types, not a mask", () => {
+		const dom = mount({ account });
+		dom.type(field(dom, "account-password"), "new-app-password");
+
+		dom.click(dom.byLabel("Show password"));
+
+		const input = field(dom, "account-password");
+		assert.equal(input.getAttribute("type"), "text");
+		assert.equal(input.value, "new-app-password");
+	});
+
+	it("reveals an empty field before anything is typed", () => {
+		const dom = mount({ account });
+
+		dom.click(dom.byLabel("Show password"));
+
+		assert.equal(field(dom, "account-password").value, "");
+	});
+
+	it("tests the connection against the stored password while the field is blank", async () => {
 		const dom = mount({ account });
 		dom.click(dom.byText("button", "Test IMAP Connection"));
 		await dom.flush();

package/src/components/settings/AccountFormPanel.test.ts

@@ -1,9 +1,6 @@
 import assert from "node:assert";
 import { describe, test } from "node:test";
-import {
-	deriveUseDifferentSmtpCreds,
-	isOAuthMicrosoftAccount,
-} from "./AccountFormPanel.tsx";
+import { deriveUseDifferentSmtpCreds } from "./AccountFormPanel.tsx";
 
 describe("deriveUseDifferentSmtpCreds", () => {
 	test("returns true when smtpUsername differs from username", () => {
@@ -22,22 +19,6 @@ describe("deriveUseDifferentSmtpCreds", () => {
 		assert.strictEqual(result, false);
 	});
 
-	test("returns false when smtpUsername is undefined", () => {
-		const result = deriveUseDifferentSmtpCreds({
-			username: "alice@example.com",
-			smtpUsername: undefined,
-		});
-		assert.strictEqual(result, false);
-	});
-
-	test("returns false when smtpUsername is empty string", () => {
-		const result = deriveUseDifferentSmtpCreds({
-			username: "alice@example.com",
-			smtpUsername: "",
-		});
-		assert.strictEqual(result, false);
-	});
-
 	test("returns false when smtpUsername is whitespace", () => {
 		const result = deriveUseDifferentSmtpCreds({
 			username: "alice@example.com",
@@ -54,19 +35,3 @@ describe("deriveUseDifferentSmtpCreds", () => {
 		assert.strictEqual(result, false);
 	});
 });
-
-describe("isOAuthMicrosoftAccount", () => {
-	test("returns true for oauthMicrosoft authType", () => {
-		assert.strictEqual(
-			isOAuthMicrosoftAccount({ authType: "oauthMicrosoft" }),
-			true,
-		);
-	});
-
-	test("returns false for password authType", () => {
-		assert.strictEqual(
-			isOAuthMicrosoftAccount({ authType: "password" }),
-			false,
-		);
-	});
-});

package/src/components/settings/AccountFormPanel.tsx

@@ -45,9 +45,6 @@ export const isOAuthMicrosoftAccount = (
 	account: Pick<RemitImapAccountResponse, "authType">,
 ): boolean => account.authType === "oauthMicrosoft";
 
-// Placeholder shown when editing - indicates password exists but isn't shown
-const PASSWORD_PLACEHOLDER = "••••••••••";
-
 /**
  * Derive the initial state of the "use different SMTP credentials" checkbox
  * from a persisted account. Returns true when the account stores an SMTP
@@ -103,9 +100,6 @@ export const AccountFormPanel = ({
 	const queryClient = useQueryClient();
 	const isEditing = !!account;
 
-	// Track if user has modified the password field
-	const [passwordModified, setPasswordModified] = useState(false);
-
 	// Selected provider preset (empty string = "Custom / other", manual entry)
 	const [presetId, setPresetId] = useState("");
 	// When a preset is selected its server fields are read-only until the
@@ -143,7 +137,7 @@ export const AccountFormPanel = ({
 				email: account.email,
 				displayName: account.displayName || "",
 				username: account.username || "",
-				password: PASSWORD_PLACEHOLDER, // Show placeholder to indicate password exists
+				password: "",
 				imapHost: account.imapHost,
 				imapPort: account.imapPort,
 				imapTls: account.imapTls,
@@ -156,7 +150,6 @@ export const AccountFormPanel = ({
 				smtpPassword: "",
 				useDifferentSmtpCreds,
 			});
-			setPasswordModified(false);
 		} else {
 			form.reset({
 				email: "",
@@ -173,7 +166,6 @@ export const AccountFormPanel = ({
 				smtpStartTls: true,
 				useDifferentSmtpCreds: false,
 			});
-			setPasswordModified(false);
 		}
 	}, [account, form]);
 
@@ -203,8 +195,7 @@ export const AccountFormPanel = ({
 
 	const handleTestImap = () => {
 		const values = form.getValues();
-		// If editing and password not modified, send accountId so server uses stored password
-		const useStoredPassword = isEditing && !passwordModified;
+		const useStoredPassword = isEditing && !values.password;
 		testMutation.mutate({
 			body: {
 				accountId: useStoredPassword ? account?.accountId : undefined,
@@ -220,8 +211,7 @@ export const AccountFormPanel = ({
 
 	const handleTestSmtp = () => {
 		const values = form.getValues();
-		// If editing and password not modified, send accountId so server uses stored password
-		const useStoredPassword = isEditing && !passwordModified;
+		const useStoredPassword = isEditing && !values.password;
 		testMutation.mutate({
 			body: {
 				accountId: useStoredPassword ? account?.accountId : undefined,
@@ -298,8 +288,7 @@ export const AccountFormPanel = ({
 		if (isEditing && account) {
 			const body = {
 				...baseBody,
-				// Only send password if it was modified
-				password: passwordModified ? values.password : undefined,
+				password: values.password || undefined,
 			};
 			updateMutation.mutate({ path: { accountId: account.accountId }, body });
 		} else {
@@ -611,16 +600,7 @@ export const AccountFormPanel = ({
 							</label>
 							<PasswordInput
 								id="account-password"
-								{...form.register("password", {
-									onChange: () => setPasswordModified(true),
-								})}
-								onFocus={() => {
-									// Clear placeholder when user focuses the field
-									if (isEditing && !passwordModified) {
-										form.setValue("password", "");
-										setPasswordModified(true);
-									}
-								}}
+								{...form.register("password")}
 								placeholder={isEditing ? "Leave empty to keep current" : ""}
 							/>
 							{form.formState.errors.password && (

package/src/components/settings/AccountServices.tsx

@@ -10,10 +10,10 @@ import {
 	type AccountServiceChange,
 	AccountServiceChangeDialog,
 	type AccountServiceIntent,
+	formatErrorMessage,
 } from "@remit/ui";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
-import { formatErrorMessage } from "@/components/ui/ErrorState";
 import {
 	REDIRECT_STALL_MESSAGE,
 	useRedirectEnded,

package/src/components/settings/AdvancedNavIcon.tsx

@@ -5,7 +5,7 @@
  * update gets outside the pane — no count, no copy, no action. Everywhere else
  * stays silent.
  */
-import { UpdateAvailableDot } from "@remit/ui";
+import { AttentionDot } from "@remit/ui";
 import { Wrench } from "lucide-react";
 import { useOptionalSelfUpdate } from "@/hooks/use-system-update";
 
@@ -16,8 +16,8 @@ export function AdvancedNavIcon() {
 		selfUpdate.surface.section.status === "available";
 
 	return (
-		<UpdateAvailableDot show={updateAvailable}>
+		<AttentionDot label={updateAvailable ? "Update available" : undefined}>
 			<Wrench className="size-4" />
-		</UpdateAvailableDot>
+		</AttentionDot>
 	);
 }

package/src/components/settings/CalendarFeedCard.tsx

@@ -15,10 +15,11 @@ import {
 	CardHeader,
 	CardTitle,
 	ConfirmDialog,
+	ErrorState,
+	formatErrorMessage,
 } from "@remit/ui";
 import { Check, Copy, Link2, RefreshCw, Trash2 } from "lucide-react";
 import { type ReactNode, useEffect, useId, useRef, useState } from "react";
-import { ErrorState, formatErrorMessage } from "@/components/ui/ErrorState";
 import type { CalendarFeedState } from "@/hooks/calendar/useCalendarFeed";
 import {
 	revokeFeedConfirmCopy,

package/src/components/settings/CalendarSubscribeCard.tsx

@@ -12,11 +12,11 @@ import {
 	CardBody,
 	CardHeader,
 	CardTitle,
+	formatErrorMessage,
 	Input,
 } from "@remit/ui";
 import { CalendarPlus } from "lucide-react";
 import { type FormEvent, useId, useState } from "react";
-import { formatErrorMessage } from "@/components/ui/ErrorState";
 
 export interface CalendarSubscribeCardProps {
 	isBusy: boolean;

package/src/components/settings/CalendarSubscriptionStatus.tsx

@@ -6,9 +6,8 @@
  * The address itself is not drawn. For a Google feed it is the whole
  * credential, so only its host is named.
  */
-import { Badge, Banner, Button } from "@remit/ui";
+import { Badge, Banner, Button, formatErrorMessage } from "@remit/ui";
 import { Pause, Play } from "lucide-react";
-import { formatErrorMessage } from "@/components/ui/ErrorState";
 import { subscriptionHostOf } from "@/lib/calendar-subscription";
 import { formatDatePreset } from "@/lib/format";
 

package/src/components/settings/FilterActionError.tsx

@@ -1,4 +1,4 @@
-import { ErrorState, formatErrorMessage } from "@/components/ui/ErrorState";
+import { ErrorState, formatErrorMessage } from "@remit/ui";
 import { getErrorStatus } from "@/lib/error-classifier";
 
 interface FilterActionErrorProps {

package/src/components/settings/FilterEditor.render.test.ts

@@ -6,8 +6,7 @@
  * The contract these tests pin: a predicate or action change patches the
  * predicate fields (so the server bumps `ruleChangedAt`) and offers a
  * re-back-apply carrying exactly the previewed predicate; a cosmetic rename
- * patches the name alone and offers nothing (RFC 034 Decision 3.2). A degraded
- * filter lists its widen inactive and lets the user take it off.
+ * patches the name alone and offers nothing (RFC 034 Decision 3.2).
  */
 
 import assert from "node:assert/strict";
@@ -48,7 +47,6 @@ const filterFixture = (
 	scope: "Standing",
 	state: "Active",
 	disabledReason: "None",
-	hasAnchor: false,
 	ruleChangedAt: 100,
 	actionChangedAt: 100,
 	matchOperator: "And",
@@ -77,9 +75,8 @@ const RULE_ASSERTION_FIELDS = [
 
 /**
  * A backend that echoes the real update contract: the patch merges over the
- * stored filter, `hasAnchor` survives it (the update endpoint carries no anchor
- * field — `sanitizePatch` drops it), and `ruleChangedAt` advances only when the
- * patch touches a predicate or action field.
+ * stored filter, and `ruleChangedAt` advances only when the patch touches a
+ * predicate or action field.
  */
 const backend = (
 	filter: RemitImapFilterResponse,
@@ -95,7 +92,6 @@ const backend = (
 			return {
 				...filter,
 				...body,
-				hasAnchor: filter.hasAnchor,
 				ruleChangedAt: bumped ? filter.ruleChangedAt + 1 : filter.ruleChangedAt,
 			};
 		}
@@ -118,7 +114,6 @@ const backend = (
 const mount = (
 	filter: RemitImapFilterResponse,
 	responder?: Responder,
-	semanticUnavailable = false,
 ): DomHarness => {
 	http = mockFetch(responder ?? backend(filter));
 	harness = createDomHarness();
@@ -128,7 +123,6 @@ const mount = (
 			filter,
 			folders: FOLDERS,
 			labels: [],
-			semanticUnavailable,
 			onClose: () => undefined,
 		}),
 	);
@@ -248,24 +242,6 @@ describe("FilterEditor — rule change offers the re-back-apply", () => {
 	});
 });
 
-describe("FilterEditor — degraded semantic filter (RFC 038 D4)", () => {
-	it("lists the widen inactive and display-only — the anchor is fixed at creation", async () => {
-		const dom = mount(filterFixture({ hasAnchor: true }), undefined, true);
-		await settlePreview(dom);
-
-		// The anchor this deployment cannot evaluate lists inactive.
-		assert.match(dom.text(), /not available here/i);
-
-		// The update endpoint carries no anchor, so the chip cannot be removed here:
-		// no remove affordance, and a note says the anchor is fixed at creation.
-		assert.equal(
-			dom.query('[aria-label="Remove the similar-mail widen"]'),
-			null,
-		);
-		assert.match(dom.text(), /similar-mail match is fixed to the message/i);
-	});
-});
-
 describe("FilterEditor — scope and expiry are editable (reader #266)", () => {
 	it("keeps the scope toggle and date input live, minus the once option", async () => {
 		const dom = mount(

package/src/components/settings/FilterEditor.tsx

@@ -38,26 +38,17 @@ interface FilterEditorProps {
 	/** The provider hierarchy separator the destination tree nests on. */
 	delimiter?: string;
 	labels: LabelOption[];
-	/**
-	 * This deployment ships no vector pipeline, so a semantic anchor cannot be
-	 * evaluated (RFC 038 D4). The filter's widen chip lists inactive and the rule
-	 * matches by its literal clauses only.
-	 */
-	semanticUnavailable?: boolean;
 	onClose: () => void;
 }
 
 /**
  * Editing a standing filter in the same chip editor the Organize surface uses
  * (RFC 038 D6). The row's persisted rule opens in the editor — clauses, match
- * operator, move action, scope, expiry, and the semantic anchor as a widen
- * chip. Saving a predicate, action, scope, or expiry change bumps
+ * operator, move action, scope, and expiry. Saving a predicate, action, scope, or expiry change bumps
  * `ruleChangedAt` and offers, never runs, a re-back-apply over existing mail;
  * a cosmetic rename does neither (RFC 034 Decision 3.2, reader #266). The
  * re-apply carries exactly the previewed predicate and is held behind the
- * same settled-count commit gate as creation. The anchor stays fixed at
- * creation regardless — repointing it would silently change what the filter
- * matches, which deserves a new filter instead.
+ * same settled-count commit gate as creation.
  */
 export function FilterEditor({
 	accountId,
@@ -65,13 +56,9 @@ export function FilterEditor({
 	folders,
 	delimiter,
 	labels,
-	semanticUnavailable = false,
 	onClose,
 }: FilterEditorProps) {
-	const original = useMemo(
-		() => filterToRule(filter, semanticUnavailable),
-		[filter, semanticUnavailable],
-	);
+	const original = useMemo(() => filterToRule(filter), [filter]);
 	const [rule, setRule] = useState<FilterRule>(original);
 	const [clauseEdit, setClauseEdit] = useState<ClauseEditState | undefined>();
 	const [offerReapply, setOfferReapply] = useState(false);
@@ -225,15 +212,8 @@ export function FilterEditor({
 			delimiter={delimiter}
 			labels={labels}
 			preview={preview}
-			// The update endpoint carries no anchor field at all (reader #266), so a
-			// widen can be neither added nor removed here: the "…and similar" add is
-			// never offered, and the existing chip is display-only (no
-			// onRemoveWiden — anchorLocked enforces that regardless).
-			// `semanticUnavailable` only drives the chip's inactive styling via
-			// `filterToRule`.
-			semanticAvailable={false}
 			clauseFields={SUPPORTED_CLAUSE_FIELDS}
-			anchorLocked
+			persisted
 			clauseEdit={clauseEdit}
 			onStartAddClause={startAddClause}
 			onStartEditClause={startEditClause}

package/src/components/settings/FilterEditorSurface.tsx

@@ -14,7 +14,6 @@ interface FilterEditorSurfaceProps {
 	folders: readonly FolderTreeNode[];
 	delimiter?: string;
 	labels: LabelOption[];
-	semanticUnavailable?: boolean;
 	onClose: () => void;
 }
 
@@ -30,7 +29,6 @@ export function FilterEditorSurface({
 	folders,
 	delimiter,
 	labels,
-	semanticUnavailable,
 	onClose,
 }: FilterEditorSurfaceProps) {
 	const isDesktop = useIsDesktop();
@@ -42,7 +40,6 @@ export function FilterEditorSurface({
 			folders={folders}
 			delimiter={delimiter}
 			labels={labels}
-			semanticUnavailable={semanticUnavailable}
 			onClose={onClose}
 		/>
 	);

package/src/components/settings/FiltersList.render.test.ts

@@ -23,7 +23,6 @@ const filter = (
 	scope: "Standing",
 	state: "Active",
 	disabledReason: "None",
-	hasAnchor: true,
 	ruleChangedAt: 0,
 	actionChangedAt: 0,
 	matchOperator: "And",
@@ -37,7 +36,6 @@ const filter = (
 
 const render = (
 	filters: RemitImapFilterResponse[],
-	semanticUnavailable = false,
 	labelById: Map<string, LabelOption> = new Map(),
 	run: { runFilterId?: string; runStatus?: FilterRunStatus } = {},
 ) =>
@@ -51,7 +49,6 @@ const render = (
 			onToggle: () => undefined,
 			onRunNow: () => undefined,
 			...run,
-			semanticUnavailable,
 			now: NOW,
 		}) as never,
 	);
@@ -74,27 +71,11 @@ describe("FiltersList", () => {
 		assert.match(html, /Edit filter Travel/);
 	});
 
-	it("shows the widen chip for an anchored filter where the deployment can serve it", () => {
-		const html = render([filter({ hasAnchor: true })]);
-		assert.match(html, /and anything similar/i);
-	});
-
-	it("lists the widen chip inactive on a deployment that cannot evaluate it (D4)", () => {
-		const html = render([filter({ hasAnchor: true })], true);
-		assert.match(html, /not available here/i);
-		assert.doesNotMatch(html, /and anything similar/i);
-	});
-
-	it("shows no widen chip for a purely literal filter", () => {
-		const html = render([filter({ hasAnchor: false })]);
-		assert.doesNotMatch(html, /similar/i);
-	});
-
 	it("shows the applied label's chip when the filter has a label action (issue #26)", () => {
 		const labelById = new Map<string, LabelOption>([
 			["lbl-1", { id: "lbl-1", name: "Receipts", color: "Blue" }],
 		]);
-		const html = render([filter({ actionLabelId: "lbl-1" })], false, labelById);
+		const html = render([filter({ actionLabelId: "lbl-1" })], labelById);
 		assert.match(html, /Receipts/);
 	});
 
@@ -185,7 +166,7 @@ describe("FiltersList", () => {
 	});
 
 	it("says the run is going on the filter that was run, and holds the button", () => {
-		const html = render([filter({})], false, new Map(), {
+		const html = render([filter({})], new Map(), {
 			runFilterId: "f-1",
 			runStatus: { kind: "running" },
 		});
@@ -195,7 +176,7 @@ describe("FiltersList", () => {
 	});
 
 	it("reports what the run filed once the job is done", () => {
-		const html = render([filter({})], false, new Map(), {
+		const html = render([filter({})], new Map(), {
 			runFilterId: "f-1",
 			runStatus: { kind: "done", matched: 3, applied: 2 },
 		});
@@ -203,7 +184,7 @@ describe("FiltersList", () => {
 	});
 
 	it("says so when nothing in the inbox matched", () => {
-		const html = render([filter({})], false, new Map(), {
+		const html = render([filter({})], new Map(), {
 			runFilterId: "f-1",
 			runStatus: { kind: "done", matched: 0, applied: 0 },
 		});
@@ -211,7 +192,7 @@ describe("FiltersList", () => {
 	});
 
 	it("puts no stale status on the row when the run failed", () => {
-		const html = render([filter({})], false, new Map(), {
+		const html = render([filter({})], new Map(), {
 			runFilterId: "f-1",
 			runStatus: { kind: "failed", error: new Error("turned off") },
 		});

package/src/components/settings/FiltersList.stories.tsx

@@ -39,7 +39,6 @@ const makeFilter = (
 	scope: "Standing",
 	state: "Active",
 	disabledReason: "None",
-	hasAnchor: false,
 	ruleChangedAt: 0,
 	actionChangedAt: 0,
 	matchOperator: "And",