feat: add option to trust any TLS certificate for IMAP connections

web/src/features/accounts/components/action-dialog.tsx

@@ -99,6 +99,7 @@ export type Account = {
     use_proxy?: number;
   };
   enabled: boolean;
+  use_dangerous: boolean;
   date_since?: {
     fixed?: string;
     relative?: {
@@ -116,6 +117,7 @@ const getAccountSchema = (isEdit: boolean, t: (key: string) => string) =>
     email: z.string({ required_error: t('validation.emailRequired') }).email({ message: t('validation.invalidEmail') }),
     imap: getImapConfigSchema(isEdit, t),
     enabled: z.boolean(),
+    use_dangerous: z.boolean(),
     date_since: getDateSelectionSchema(t).optional(),
     folder_limit: z
       .number({ invalid_type_error: t('validation.folderLimitMustBeNumber') })
@@ -137,7 +139,7 @@ export type Steps = [
 
 const getSteps = (t: (key: string) => string): Steps => [
   { id: "step-1", name: t('accounts.steps.emailAddress'), fields: ["email"] },
-  { id: "step-2", name: t('accounts.steps.imap'), fields: ["imap"] },
+  { id: "step-2", name: t('accounts.steps.imap'), fields: ["imap", "use_dangerous"] },
   { id: "step-3", name: t('accounts.steps.syncPreferences'), fields: ["enabled", "date_since", "folder_limit", "sync_interval_min"] },
   { id: "step-4", name: t('accounts.steps.summary'), fields: [] },
 ];
@@ -164,6 +166,7 @@ const defaultValues: Account = {
     use_proxy: undefined
   },
   enabled: true,
+  use_dangerous: false,
   date_since: undefined,
   folder_limit: undefined,
   sync_interval_min: 10,
@@ -189,6 +192,7 @@ const mapCurrentRowToFormValues = (currentRow: AccountModel): Account => {
     email: currentRow.email,
     imap,
     enabled: currentRow.enabled,
+    use_dangerous: currentRow.use_dangerous,
     date_since: currentRow.date_since ?? undefined,
     folder_limit: currentRow.folder_limit ?? undefined,
     sync_interval_min: currentRow.sync_interval_min ?? 10,
@@ -266,6 +270,7 @@ export function AccountActionDialog({ currentRow, open, onOpenChange }: Props) {
           },
         },
         enabled: data.enabled,
+        use_dangerous: data.use_dangerous,
         date_since: data.date_since,
         folder_limit: data.folder_limit,
         sync_interval_min: data.sync_interval_min,

web/src/features/accounts/components/running-state-dialog.tsx

@@ -147,7 +147,7 @@ export function RunningStateDialog({ currentRow, open, onOpenChange }: Props) {
                           </span>
                         ) : state.initial_sync_start_time ? (
                           <span className="flex items-center gap-1 text-blue-600">
-                            {t('runningState.inProgress')}
+                            {t('accounts.runningState.inProgress')}
                           </span>
                         ) : (
                           <span className="text-yellow-600">{t('accounts.runningState.notStarted')}</span>

web/src/features/accounts/components/step2.tsx

@@ -38,6 +38,7 @@ import { Account } from "./action-dialog";
 import { PasswordInput } from "@/components/password-input";
 import useProxyList from "@/hooks/use-proxy";
 import { useTranslation } from "react-i18next";
+import { Checkbox } from "@/components/ui/checkbox";
 
 interface StepProps {
     isEdit: boolean;
@@ -110,6 +111,23 @@ export default function Step2({ isEdit }: StepProps) {
                         </FormItem>
                     )}
                 />
+                <FormField
+                    control={control}
+                    name="use_dangerous"
+                    render={({ field }) => (
+                        <FormItem className="flex flex-col items-start gap-y-1">
+                            <FormLabel>{t('accounts.useDangerous')}:</FormLabel>
+                            <FormControl>
+                                <Checkbox
+                                    className="mt-2"
+                                    checked={field.value}
+                                    onCheckedChange={field.onChange}
+                                />
+                            </FormControl>
+                            <FormDescription>{t('accounts.useDangerousDescription')}</FormDescription>
+                        </FormItem>
+                    )}
+                />
                 <FormField
                     control={control}
                     name="imap.auth.auth_type"

web/src/features/accounts/components/step3.tsx

@@ -93,7 +93,6 @@ export default function Step3() {
                     </FormItem>
                 )}
             />
-
             <FormLabel className="flex items-center justify-between">{t('accounts.dateSince')}:</FormLabel>
             <RadioGroup
                 defaultValue={rangeType}

web/src/features/accounts/data/schema.ts

@@ -60,4 +60,5 @@ export interface AccountModel {
   created_at: number;
   updated_at: number;
   use_proxy?: number
+  use_dangerous: boolean
 }