feat: add option to disable conversation threading #97

components/email/email-list.tsx

@@ -89,10 +89,12 @@ export function EmailList({
     searchQuery,
   } = useEmailStore();
 
+  const disableThreading = useSettingsStore((state) => state.disableThreading);
+
   const threadGroups = useMemo(() => {
-    const groups = groupEmailsByThread(emails);
+    const groups = groupEmailsByThread(emails, disableThreading);
     return sortThreadGroups(groups);
-  }, [emails]);
+  }, [emails, disableThreading]);
 
   const { contextMenu, openContextMenu, closeContextMenu, menuRef } = useContextMenu<Email>();
   const { dialogProps: confirmDialogProps, confirm: confirmDialog } = useConfirmDialog();

components/settings/email-settings.tsx

@@ -39,6 +39,7 @@ export function EmailSettings() {
     deleteAction,
     permanentlyDeleteJunk,
     showPreview,
+    disableThreading,
     emailsPerPage,
     externalContentPolicy,
     mailAttachmentAction,
@@ -210,6 +211,14 @@ export function EmailSettings() {
       </SettingItem>
       )}
 
+      {/* Disable Thread Grouping */}
+      <SettingItem label={t('disable_threading.label')} description={t('disable_threading.description')}>
+        <ToggleSwitch
+          checked={disableThreading}
+          onChange={(checked) => updateSetting('disableThreading', checked)}
+        />
+      </SettingItem>
+
       {/* Quick Hover Actions */}
       {isFeatureEnabled('hoverActionsConfigEnabled') && (
       <div className="py-3 border-b border-border space-y-3">