ooo containing html

frontend/src/components/MailboxSettingsModal.jsx

@@ -13,6 +13,14 @@ const TABS = [
   { id: 'block', label: 'Blocklist', icon: FiSlash },
 ];
 
+const emptyRule = (email) => ({
+  email_address: email,
+  ooo_active: false,
+  ooo_message: '',
+  ooo_content_type: 'text',
+  forwards: [],
+});
+
 const MailboxSettingsModal = ({ open, email, initialTab = 'fwd', onClose, onToast }) => {
   const [activeTab, setActiveTab] = useState(initialTab);
   const [rule, setRule] = useState(null);
@@ -29,15 +37,13 @@ const MailboxSettingsModal = ({ open, email, initialTab = 'fwd', onClose, onToas
       setLoading(true);
       try {
         const [r, b] = await Promise.all([
-          mailboxesAPI.getRules(email).catch(() => ({
-            email_address: email, ooo_active: false, ooo_message: '', forwards: [],
-          })),
+          mailboxesAPI.getRules(email).catch(() => emptyRule(email)),
           mailboxesAPI.getBlocklist(email).catch(() => ({
             email_address: email, blocked_patterns: [],
           })),
         ]);
         if (cancelled) return;
-        setRule(r || { email_address: email, ooo_active: false, ooo_message: '', forwards: [] });
+        setRule(r ? { ...emptyRule(email), ...r } : emptyRule(email));
         setBlocklist(b || { email_address: email, blocked_patterns: [] });
       } catch (err) {
         if (!cancelled) onToast?.(`Failed to load settings: ${err.message}`, 'error');
@@ -50,10 +56,12 @@ const MailboxSettingsModal = ({ open, email, initialTab = 'fwd', onClose, onToas
 
   // Merge updates with existing rule and persist.
   const saveRule = async (updates) => {
+    const base = rule || emptyRule(email);
     const merged = {
-      ooo_active: rule?.ooo_active ?? false,
-      ooo_message: rule?.ooo_message ?? '',
-      forwards: rule?.forwards ?? [],
+      ooo_active: base.ooo_active ?? false,
+      ooo_message: base.ooo_message ?? '',
+      ooo_content_type: base.ooo_content_type ?? 'text',
+      forwards: base.forwards ?? [],
       ...updates,
     };
     try {
@@ -127,4 +135,4 @@ const MailboxSettingsModal = ({ open, email, initialTab = 'fwd', onClose, onToas
   );
 };
 
-export default MailboxSettingsModal;
+export default MailboxSettingsModal;