@remit/web-client 0.0.229 → 0.0.230

package/src/routes/settings/accounts.tsx

@@ -126,6 +126,17 @@ function needsReauth(account: RemitImapAccountResponse): boolean {
 	return account.connectionState === "reauth_required";
 }
 
+/**
+ * The account arrived from a config file, which never carries a password, so it
+ * has none yet (#1021). It cannot sync until someone enters one, and the import
+ * wizard's "Finish later" leaves exactly these rows behind — so this screen has
+ * to offer the same way in, or the account is stranded with a red dot and no
+ * control that fixes it.
+ */
+function needsPassword(account: RemitImapAccountResponse): boolean {
+	return account.connectionState === "credentials_missing";
+}
+
 /* ------------------------------------------------------------------ */
 /* Loading skeleton                                                   */
 /* ------------------------------------------------------------------ */
@@ -410,6 +421,7 @@ function AccountsSettings() {
 				<div className="space-y-3">
 					{config.accounts.map((account) => {
 						const isReauth = needsReauth(account);
+						const isMissingPassword = needsPassword(account);
 						const isOAuthAccount = account.authType === "oauthMicrosoft";
 						// The mutation settling does not mean the window has gone anywhere:
 						// `assign` leaves the page here while the browser fetches Microsoft's
@@ -432,17 +444,23 @@ function AccountsSettings() {
 											});
 										},
 									}
-								: deriveState(account) === "error"
+								: isMissingPassword
 									? {
-											label: "Reconnect",
+											label: "Enter password",
 											variant: "secondary",
 											onClick: () => setEditingAccountId(account.accountId),
 										}
-									: {
-											label: "Manage",
-											variant: "ghost",
-											onClick: () => setEditingAccountId(account.accountId),
-										};
+									: deriveState(account) === "error"
+										? {
+												label: "Reconnect",
+												variant: "secondary",
+												onClick: () => setEditingAccountId(account.accountId),
+											}
+										: {
+												label: "Manage",
+												variant: "ghost",
+												onClick: () => setEditingAccountId(account.accountId),
+											};
 
 						const trailingButton = (
 							<RowActions
@@ -465,7 +483,11 @@ function AccountsSettings() {
 								syncLabel={deriveSyncLabel(account)}
 								state={deriveState(account)}
 								errorDetail={
-									isReauth ? "Re-authentication required" : account.lastError
+									isReauth
+										? "Re-authentication required"
+										: isMissingPassword
+											? "Imported from a config file, which carries no password. Enter one to start syncing."
+											: account.lastError
 								}
 								trailing={trailingButton}
 							/>

package/src/routes/settings/advanced.tsx

@@ -6,6 +6,7 @@
 import { SettingsShell } from "@remit/ui";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
+import { ConfigTransferPanel } from "@/components/settings/ConfigTransferPanel";
 import { QuarantinePanel } from "@/components/settings/QuarantinePanel";
 import { SelfUpdatePanel } from "@/components/settings/SelfUpdatePanel";
 import { TlsRootCaDownload } from "@/components/settings/TlsRootCaDownload";
@@ -40,9 +41,12 @@ function AdvancedSettings() {
 		>
 			<SelfUpdatePanel />
 			<QuarantinePanel />
+			<div className="mt-6 border-t border-line pt-4">
+				<ConfigTransferPanel />
+			</div>
 			<div className="mt-6 border-t border-line pt-4">
 				<p className="text-sm text-fg-muted">
-					Notification rules and data export are coming in a future release.
+					Notification rules are coming in a future release.
 				</p>
 			</div>
 			<TlsRootCaDownload />

package/src/routing/sections.ts

@@ -11,7 +11,8 @@ export type AppSection =
 	| "flagged"
 	| "outbox"
 	| "settings"
-	| "accounts";
+	| "accounts"
+	| "importConfig";
 
 const sectionRoute = {
 	brief: "/mail/brief",
@@ -19,6 +20,7 @@ const sectionRoute = {
 	outbox: "/mail/outbox",
 	settings: "/settings",
 	accounts: "/settings/accounts",
+	importConfig: "/import",
 } as const satisfies Record<AppSection, string>;
 
 /** Go to a top-level section by name, so no caller writes a path. */