fix(communications): make email optional and align switches

src/features/communications/CommunicationsModule.tsx

@@ -24,8 +24,15 @@ export function CommunicationsModule() {
   const [isAddContactOpen, setIsAddContactOpen] = useState(false);
   const [isConnectChannelOpen, setIsConnectChannelOpen] = useState(false);
   const [connectMode, setConnectMode] = useState<'messenger' | 'email'>('messenger');
+  const [showEmailTab, setShowEmailTab] = useState(() => localStorage.getItem('krona-show-email') === 'true');
   const [showChannelsTab, setShowChannelsTab] = useState(() => localStorage.getItem('krona-show-bot-channels') === 'true');
 
+  const updateEmailVisibility = (enabled: boolean) => {
+    setShowEmailTab(enabled);
+    localStorage.setItem('krona-show-email', String(enabled));
+    if (!enabled && currentTab === 'email') handleTabChange('settings');
+  };
+
   const updateChannelsVisibility = (enabled: boolean) => {
     setShowChannelsTab(enabled);
     localStorage.setItem('krona-show-bot-channels', String(enabled));
@@ -34,9 +41,12 @@ export function CommunicationsModule() {
 
   // Sync tab with URL search param
   const urlTab = searchParams.get('tab') as CommunicationTab | null;
-  const currentTab = urlTab && ['messengers', 'email', 'channels', 'contacts', 'settings'].includes(urlTab)
+  const requestedTab = urlTab && ['messengers', 'email', 'channels', 'contacts', 'settings'].includes(urlTab) ? urlTab : activeTab;
-    ? urlTab
+  const currentTab = requestedTab === 'email' && !showEmailTab
-    : activeTab;
+    ? 'messengers'
+    : requestedTab === 'channels' && !showChannelsTab
+      ? 'messengers'
+      : requestedTab;
 
   const handleTabChange = (tab: CommunicationTab) => {
     setActiveTab(tab);
@@ -53,6 +63,7 @@ export function CommunicationsModule() {
           unreadChats={48}
           unreadEmails={10}
           unreadChannels={4}
+          showEmailTab={showEmailTab}
           showChannelsTab={showChannelsTab}
         />
       </div>
@@ -74,7 +85,7 @@ export function CommunicationsModule() {
         {currentTab === 'contacts' && (
           <ContactsView onAddContactModal={() => setIsAddContactOpen(true)} />
         )}
-        {currentTab === 'settings' && <SettingsView showChannelsTab={showChannelsTab} onShowChannelsTabChange={updateChannelsVisibility} />}
+        {currentTab === 'settings' && <SettingsView showEmailTab={showEmailTab} onShowEmailTabChange={updateEmailVisibility} showChannelsTab={showChannelsTab} onShowChannelsTabChange={updateChannelsVisibility} />}
       </main>
 
       {/* Modals */}

src/features/communications/components/CommunicationsHeader.tsx

@@ -9,6 +9,7 @@ interface CommunicationsHeaderProps {
   unreadChats: number;
   unreadEmails: number;
   unreadChannels: number;
+  showEmailTab: boolean;
   showChannelsTab: boolean;
 }
 
@@ -18,6 +19,7 @@ export function CommunicationsHeader({
   unreadChats,
   unreadEmails,
   unreadChannels,
+  showEmailTab,
   showChannelsTab,
 }: CommunicationsHeaderProps) {
   const tabItems = [
@@ -49,7 +51,11 @@ export function CommunicationsHeader({
       label: 'Настройки',
       icon: <Settings className="w-4 h-4" />,
     },
-  ].filter((item) => item.id !== 'channels' || showChannelsTab);
+  ].filter((item) => {
+    if (item.id === 'email') return showEmailTab;
+    if (item.id === 'channels') return showChannelsTab;
+    return true;
+  });
 
   return (
     <header className="bg-[var(--krona-surface)] border-b border-[var(--krona-border-subtle)] px-3 sm:px-5 py-1.5 shrink-0 overflow-hidden">

src/features/communications/components/MessengersView.tsx

@@ -684,13 +684,6 @@ export function MessengersView({ onOpenConnectModal, onOpenAddContactModal }: Me
             >
               MAX
             </ConnectorPill>
-            <ConnectorPill
-              active={activeConnector === 'email'}
-              onClick={() => setActiveConnector('email')}
-              count={10}
-            >
-              Email
-            </ConnectorPill>
           </div>
           {/* Smooth fade-out indicator on the right edge */}
           <div className="pointer-events-none absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-[var(--krona-surface)] to-transparent" />

src/features/communications/components/SettingsView.tsx

@@ -5,11 +5,13 @@ import { Button, Badge } from '@krona/ui';
 import { useToast } from '../../../shared/ui';
 
 interface SettingsViewProps {
+  showEmailTab: boolean;
+  onShowEmailTabChange: (enabled: boolean) => void;
   showChannelsTab: boolean;
   onShowChannelsTabChange: (enabled: boolean) => void;
 }
 
-export function SettingsView({ showChannelsTab, onShowChannelsTabChange }: SettingsViewProps) {
+export function SettingsView({ showEmailTab, onShowEmailTabChange, showChannelsTab, onShowChannelsTabChange }: SettingsViewProps) {
   const { showToast } = useToast();
   const {
     integrations,
@@ -50,9 +52,21 @@ export function SettingsView({ showChannelsTab, onShowChannelsTabChange }: Setti
   return (
     <div className="flex-1 min-h-0 flex flex-col p-4 sm:p-6 bg-[var(--krona-bg-workspace)] overflow-y-auto space-y-6">
       <section className="p-4 sm:p-5 rounded-2xl bg-[var(--krona-surface)] border border-[var(--krona-border-subtle)] shadow-xs">
-        <div className="flex items-center justify-between gap-4">
+        <h3 className="font-bold text-base text-[var(--krona-text-primary)]">Отображение разделов</h3>
+        <p className="text-xs text-[var(--krona-text-secondary)] mt-0.5 mb-4">Показывайте только те способы связи, которыми пользуется организация</p>
+        <div className="divide-y divide-[var(--krona-border-subtle)]">
+          <div className="flex items-center justify-between gap-4 py-3">
             <div>
-            <h3 className="font-bold text-base text-[var(--krona-text-primary)]">Раздел «Каналы»</h3>
+              <div className="font-semibold text-sm text-[var(--krona-text-primary)]">Email</div>
+              <div className="text-xs text-[var(--krona-text-secondary)]">Почтовые ящики и переписка</div>
+            </div>
+            <button type="button" role="switch" aria-checked={showEmailTab} onClick={() => onShowEmailTabChange(!showEmailTab)} className={`relative w-12 h-7 rounded-full transition-colors shrink-0 ${showEmailTab ? 'bg-[var(--krona-primary)]' : 'bg-[var(--krona-surface-muted)]'}`} aria-label="Показывать раздел Email">
+              <span className={`absolute left-1 top-1 w-5 h-5 rounded-full bg-white shadow-sm transition-transform ${showEmailTab ? 'translate-x-5' : 'translate-x-0'}`} />
+            </button>
+          </div>
+          <div className="flex items-center justify-between gap-4 py-3">
+          <div>
+            <div className="font-semibold text-sm text-[var(--krona-text-primary)]">Каналы</div>
             <p className="text-xs text-[var(--krona-text-secondary)] mt-0.5">Боты и публичные каналы организации</p>
           </div>
           <button
@@ -63,9 +77,10 @@ export function SettingsView({ showChannelsTab, onShowChannelsTabChange }: Setti
             className={`relative w-12 h-7 rounded-full transition-colors shrink-0 ${showChannelsTab ? 'bg-[var(--krona-primary)]' : 'bg-[var(--krona-surface-muted)]'}`}
             aria-label="Показывать раздел Каналы"
           >
-            <span className={`absolute top-1 w-5 h-5 rounded-full bg-white shadow transition-transform ${showChannelsTab ? 'translate-x-6' : 'translate-x-1'}`} />
+            <span className={`absolute left-1 top-1 w-5 h-5 rounded-full bg-white shadow-sm transition-transform ${showChannelsTab ? 'translate-x-5' : 'translate-x-0'}`} />
           </button>
           </div>
+        </div>
       </section>
       {/* 1. Connected Messengers & Connectors */}
       <section className="p-5 rounded-2xl bg-[var(--krona-surface)] border border-[var(--krona-border-subtle)] shadow-xs">