@remit/web-client 0.0.182 → 0.0.184

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/web-client",
-  "version": "0.0.182",
+  "version": "0.0.184",
   "type": "module",
   "description": "Remit web client, published as composable primitives — the app shell, auth shells, and runtime config. A distributor imports what it composes and bundles it.",
   "exports": {
@@ -85,8 +85,6 @@
     "@aws-amplify/ui-react": "^6",
     "aws-rum-web": "^3",
     "better-auth": "^1.6.23",
-    "clsx": "^2",
-    "dompurify": "^3.4.7",
     "i18next": "^24",
     "i18next-browser-languagedetector": "^8",
     "i18next-http-backend": "^3.0.6",
@@ -94,36 +92,22 @@
     "p-map": "*",
     "react-hook-form": "*",
     "react-i18next": "^15",
-    "tailwind-merge": "^2",
     "vaul": "^1.1.2",
     "zod": "^3"
   },
   "devDependencies": {
-    "@aws-sdk/client-dynamodb": "*",
-    "@aws-sdk/client-sqs": "*",
-    "@aws-sdk/lib-dynamodb": "*",
-    "@playwright/test": "1.58.2",
-    "@remit/drizzle-service": "*",
-    "@remit/electrodb-entities": "*",
-    "@remit/secrets-service": "*",
     "@remit/test-dom": "*",
     "@storybook/react-vite": "^9",
     "@tailwindcss/vite": "^4",
     "@tanstack/router-generator": "^1",
     "@tanstack/router-plugin": "^1",
     "@types/jsdom": "^28.0.3",
-    "@types/nodemailer": "*",
-    "@types/pngjs": "^6.0.5",
     "@vitejs/plugin-react": "^4",
     "dictionary-en": "4.0.0",
     "dictionary-en-gb": "3.0.0",
     "dictionary-nl": "2.0.0",
-    "electrodb": "*",
     "esbuild": "*",
-    "expect-env": "*",
     "jsdom": "^29.1.1",
-    "nodemailer": "^9.0.3",
-    "pngjs": "^5",
     "react": "^19",
     "react-dom": "^19.2.4",
     "tailwindcss": "^4",

package/src/routes/settings/-shared/help-copy.tsx

@@ -0,0 +1,76 @@
+import { Kbd } from "@remit/ui";
+
+export const sendersHelp = (
+	<div className="space-y-3">
+		<p>
+			<strong className="text-fg">VIP</strong> senders get priority surface in
+			the daily brief and notification escalation, even when an account is
+			quiet.
+		</p>
+		<p>
+			<strong className="text-fg">Muted</strong> senders never notify and stay
+			out of the brief. Their mail still syncs and stays searchable.
+		</p>
+		<p>
+			<strong className="text-fg">Blocked</strong> senders never load images and
+			go straight to junk.
+		</p>
+		<p>
+			Tip: flag from the keyboard on any message — <Kbd>v</Kbd> VIP,{" "}
+			<Kbd>m</Kbd> mute, <Kbd>b</Kbd> block. Every rule an automation creates
+			shows up here and can be removed.
+		</p>
+	</div>
+);
+
+export const accountsHelp = (
+	<div className="space-y-3">
+		<p>
+			<strong className="text-fg">Sync health</strong> shows the IMAP connection
+			state and the last successful sync per account.
+		</p>
+		<p>
+			<strong className="text-fg">Error</strong> means the last connection
+			attempt failed — the raw server response is shown on the card. Reconnect
+			re-runs the connection test from the add-account wizard.
+		</p>
+		<p>
+			<strong className="text-fg">Muted</strong> accounts keep syncing but stay
+			out of the daily brief and unified counts.
+		</p>
+	</div>
+);
+
+export const appearanceHelp = (
+	<div className="space-y-3">
+		<p>
+			<strong className="text-fg">Density</strong> controls how much information
+			fits on screen. Compact is great on smaller displays; Comfortable gives
+			each item more breathing room.
+		</p>
+		<p>
+			<strong className="text-fg">Theme</strong> switches between light, dark,
+			and system-preference modes instantly. The change takes effect across the
+			whole app immediately.
+		</p>
+		<p className="text-2xs text-fg-subtle">
+			Preferences are stored locally in this browser. Server-side sync is coming
+			soon.
+		</p>
+	</div>
+);
+
+export const advancedHelp = (
+	<div className="space-y-3">
+		<p>
+			<strong className="text-fg">Notification rules</strong> and data export
+			are coming in a future release.
+		</p>
+		<p>
+			A message Remit cannot read is{" "}
+			<strong className="text-fg">set aside</strong> rather than skipped, and
+			the folder keeps syncing. Setting one aside is a defect in Remit, so every
+			entry can be reported with the diagnostics already attached.
+		</p>
+	</div>
+);

package/src/routes/settings/accounts.tsx

@@ -27,6 +27,7 @@ import { ErrorState } from "@/components/ui/ErrorState";
 import { useReturnFromRedirect } from "@/hooks/useReturnFromRedirect";
 import { formatRelativeTime } from "@/lib/format";
 import { SETTINGS_ID_TO_PATH, SETTINGS_NAV_ITEMS } from "@/routes/settings";
+import { accountsHelp } from "./-shared/help-copy";
 
 const accountsSearchSchema = z.object({
 	editAccountId: z.string().optional(),
@@ -121,28 +122,6 @@ function needsReauth(account: RemitImapAccountResponse): boolean {
 	return account.connectionState === "reauth_required";
 }
 
-/* ------------------------------------------------------------------ */
-/* Help rail copy — matches Storybook accountsHelp exactly            */
-/* ------------------------------------------------------------------ */
-
-const accountsHelp = (
-	<div className="space-y-3">
-		<p>
-			<strong className="text-fg">Sync health</strong> shows the IMAP connection
-			state and the last successful sync per account.
-		</p>
-		<p>
-			<strong className="text-fg">Error</strong> means the last connection
-			attempt failed — the raw server response is shown on the card. Reconnect
-			re-runs the connection test from the add-account wizard.
-		</p>
-		<p>
-			<strong className="text-fg">Muted</strong> accounts keep syncing but stay
-			out of the daily brief and unified counts.
-		</p>
-	</div>
-);
-
 /* ------------------------------------------------------------------ */
 /* Loading skeleton                                                   */
 /* ------------------------------------------------------------------ */

package/src/routes/settings/advanced.tsx

@@ -11,26 +11,12 @@ import { SelfUpdatePanel } from "@/components/settings/SelfUpdatePanel";
 import { TlsRootCaDownload } from "@/components/settings/TlsRootCaDownload";
 import { AppVersion } from "@/components/ui/AppVersion";
 import { SETTINGS_ID_TO_PATH, SETTINGS_NAV_ITEMS } from "@/routes/settings";
+import { advancedHelp } from "./-shared/help-copy";
 
 export const Route = createFileRoute("/settings/advanced")({
 	component: AdvancedSettings,
 });
 
-const advancedHelp = (
-	<div className="space-y-3">
-		<p>
-			<strong className="text-fg">Notification rules</strong> and data export
-			are coming in a future release.
-		</p>
-		<p>
-			A message Remit cannot read is{" "}
-			<strong className="text-fg">set aside</strong> rather than skipped, and
-			the folder keeps syncing. Setting one aside is a defect in Remit, so every
-			entry can be reported with the diagnostics already attached.
-		</p>
-	</div>
-);
-
 function AdvancedSettings() {
 	const navigate = useNavigate();
 	const [helpOpen, setHelpOpen] = useState(true);

package/src/routes/settings/appearance.tsx

@@ -15,6 +15,7 @@ import {
 	type ThemePreference,
 } from "@/lib/theme-preference";
 import { SETTINGS_ID_TO_PATH, SETTINGS_NAV_ITEMS } from "@/routes/settings";
+import { appearanceHelp } from "./-shared/help-copy";
 
 export const Route = createFileRoute("/settings/appearance")({
 	component: AppearanceSettings,
@@ -32,29 +33,6 @@ function readDensity(): Density {
 	return (localStorage.getItem(DENSITY_KEY) as Density | null) ?? "comfortable";
 }
 
-/* ------------------------------------------------------------------ */
-/* Help rail copy                                                     */
-/* ------------------------------------------------------------------ */
-
-const appearanceHelp = (
-	<div className="space-y-3">
-		<p>
-			<strong className="text-fg">Density</strong> controls how much information
-			fits on screen. Compact is great on smaller displays; Comfortable gives
-			each item more breathing room.
-		</p>
-		<p>
-			<strong className="text-fg">Theme</strong> switches between light, dark,
-			and system-preference modes instantly. The change takes effect across the
-			whole app immediately.
-		</p>
-		<p className="text-2xs text-fg-subtle">
-			Preferences are stored locally in this browser. Server-side sync is coming
-			soon.
-		</p>
-	</div>
-);
-
 /* ------------------------------------------------------------------ */
 /* Page component                                                     */
 /* ------------------------------------------------------------------ */

package/src/routes/settings/senders.tsx

@@ -34,6 +34,7 @@ import { ErrorState } from "@/components/ui/ErrorState";
 import { useDebouncedValue } from "@/hooks/useDebouncedValue";
 import { formatDate } from "@/lib/format";
 import { SETTINGS_ID_TO_PATH, SETTINGS_NAV_ITEMS } from "@/routes/settings";
+import { sendersHelp } from "./-shared/help-copy";
 
 export const Route = createFileRoute("/settings/senders")({
 	component: SendersSettings,
@@ -51,33 +52,6 @@ const groupLabels: Record<SenderGroup, string> = {
 	blocked: "Blocked",
 };
 
-/* ------------------------------------------------------------------ */
-/* Help rail copy — matches Storybook sendersHelp exactly             */
-/* ------------------------------------------------------------------ */
-
-const sendersHelp = (
-	<div className="space-y-3">
-		<p>
-			<strong className="text-fg">VIP</strong> senders get priority surface in
-			the daily brief and notification escalation, even when an account is
-			quiet.
-		</p>
-		<p>
-			<strong className="text-fg">Muted</strong> senders never notify and stay
-			out of the brief. Their mail still syncs and stays searchable.
-		</p>
-		<p>
-			<strong className="text-fg">Blocked</strong> senders never load images and
-			go straight to junk.
-		</p>
-		<p>
-			Tip: flag from the keyboard on any message — <Kbd>v</Kbd> VIP,{" "}
-			<Kbd>m</Kbd> mute, <Kbd>b</Kbd> block. Every rule an automation creates
-			shows up here and can be removed.
-		</p>
-	</div>
-);
-
 /* ------------------------------------------------------------------ */
 /* VIP group: served from suggestions endpoint                        */
 /* ------------------------------------------------------------------ */