disable analytics panel in masks when adjustments panel is visible

Author: CyberTimon

src/components/panel/right/MasksPanel.tsx

@@ -76,7 +76,7 @@ import {
   ADJUSTMENT_SECTIONS,
 } from '../../../utils/adjustments';
 import { useContextMenu } from '../../../context/ContextMenuContext';
-import { OPTION_SEPARATOR, Orientation } from '../../ui/AppProperties';
+import { OPTION_SEPARATOR, Orientation, Panel } from '../../ui/AppProperties';
 import { createSubMask } from '../../../utils/maskUtils';
 import { usePresets } from '../../../hooks/usePresets';
 import Text from '../../ui/Text';
@@ -251,7 +251,23 @@ export default function MasksPanel() {
   const { t } = useTranslation();
   const { setAdjustments } = useEditorActions();
   const { handleGenerateAiDepthMask, handleGenerateAiForegroundMask, handleGenerateAiSkyMask } = useAiMasking();
-  const setCustomEscapeHandler = useUIStore((s) => s.setCustomEscapeHandler);
+  const { setCustomEscapeHandler, isAdjustmentsPanelVisible } = useUIStore(
+    useShallow((state) => {
+      const leftVisible = state.uiVisibility.leftPanel;
+      const rightVisible = state.uiVisibility.rightPanel;
+
+      const isVisible =
+        (leftVisible && state.activePanels.leftTop === Panel.Adjustments) ||
+        (leftVisible && state.activePanels.leftBottom === Panel.Adjustments) ||
+        (rightVisible && state.activePanels.rightTop === Panel.Adjustments) ||
+        (rightVisible && state.activePanels.rightBottom === Panel.Adjustments);
+
+      return {
+        setCustomEscapeHandler: state.setCustomEscapeHandler,
+        isAdjustmentsPanelVisible: isVisible,
+      };
+    }),
+  );
   const { appSettings } = useSettingsStore(
     useShallow((state) => ({
       appSettings: state.appSettings,
@@ -969,10 +985,19 @@ export default function MasksPanel() {
             <button
               className={clsx(
                 'p-2 rounded-full transition-colors',
-                isWaveformVisible ? 'bg-surface hover:bg-card-active' : 'hover:bg-surface',
+                isAdjustmentsPanelVisible
+                  ? 'opacity-50 cursor-not-allowed text-text-secondary'
+                  : isWaveformVisible
+                    ? 'bg-surface hover:bg-card-active'
+                    : 'hover:bg-surface',
               )}
               onClick={onToggleWaveform}
-              data-tooltip={t('editor.masks.toggleAnalyticsTooltip')}
+              disabled={isAdjustmentsPanelVisible}
+              data-tooltip={
+                isAdjustmentsPanelVisible
+                  ? t('editor.masks.toggleAnalyticsInAdjustments')
+                  : t('editor.masks.toggleAnalyticsTooltip')
+              }
             >
               <ChartArea size={18} />
             </button>
@@ -987,7 +1012,7 @@ export default function MasksPanel() {
         </div>
 
         <AnimatePresence initial={false}>
-          {isWaveformVisible && (
+          {isWaveformVisible && !isAdjustmentsPanelVisible && (
             <motion.div
               initial={{ height: 0, opacity: 0 }}
               animate={{ height: waveformHeight || 256, opacity: 1 }}

src/i18n/locales/ca.json

@@ -600,6 +600,7 @@
         "select": "Seleccionar",
         "selectPresetTooltip": "Seleccioneu un ajust preestablert per aplicar"
       },
+      "toggleAnalyticsInAdjustments": "Commutar l'anàlisi al panell d'ajustos",
       "toggleAnalyticsTooltip": "Alternar visualització d'anàlisi",
       "tooltips": {
         "addToCurrent": "Afegir {{name}} a la màscara actual o crear-ne una de nova (Clic dret)",

src/i18n/locales/de.json

@@ -600,6 +600,7 @@
         "select": "Auswählen",
         "selectPresetTooltip": "Eine Vorgabe zum Anwenden auswählen"
       },
+      "toggleAnalyticsInAdjustments": "Analyseanzeige im Anpassungen-Panel umschalten",
       "toggleAnalyticsTooltip": "Analyseanzeige umschalten",
       "tooltips": {
         "addToCurrent": "{{name}} zur aktuellen Maske hinzufügen oder neu erstellen (Rechtsklick)",

src/i18n/locales/en.json

@@ -600,6 +600,7 @@
         "select": "Select",
         "selectPresetTooltip": "Select a preset to apply"
       },
+      "toggleAnalyticsInAdjustments": "Toggle analytics in Adjustments panel",
       "toggleAnalyticsTooltip": "Toggle Analytics Display",
       "tooltips": {
         "addToCurrent": "Add {{name}} to Current Mask or Create New (Right-click)",

src/i18n/locales/es.json

@@ -621,6 +621,7 @@
         "select": "Seleccionar",
         "selectPresetTooltip": "Selecciona un ajuste preestablecido para aplicar"
       },
+      "toggleAnalyticsInAdjustments": "Alternar análisis en el panel de Ajustes",
       "toggleAnalyticsTooltip": "Alternar vista de análisis",
       "tooltips": {
         "addToCurrent": "Añadir {{name}} a la máscara actual o crear nueva (Clic derecho)",

src/i18n/locales/fr.json

@@ -621,6 +621,7 @@
         "select": "Sélectionner",
         "selectPresetTooltip": "Sélectionner un paramètre prédéfini à appliquer"
       },
+      "toggleAnalyticsInAdjustments": "Afficher/Masquer l'analyse dans le panneau Réglages",
       "toggleAnalyticsTooltip": "Basculer l'affichage des analyses",
       "tooltips": {
         "addToCurrent": "Ajouter {{name}} au masque actuel ou en créer un nouveau (Clic-droit)",

src/i18n/locales/it.json

@@ -621,6 +621,7 @@
         "select": "Seleziona",
         "selectPresetTooltip": "Seleziona un predefinito da applicare"
       },
+      "toggleAnalyticsInAdjustments": "Mostra/Nascondi analisi nel pannello Regolazioni",
       "toggleAnalyticsTooltip": "Attiva/Disattiva Visualizzazione Analitiche",
       "tooltips": {
         "addToCurrent": "Aggiungi {{name}} alla Maschera Attuale o Crea Nuova (Tasto Destro)",

src/i18n/locales/ja.json

@@ -598,6 +598,7 @@
         "select": "選択",
         "selectPresetTooltip": "適用するプリセットを選択"
       },
+      "toggleAnalyticsInAdjustments": "調整パネルでアナリティクスを切り替える",
       "toggleAnalyticsTooltip": "アナリティクス表示の切り替え",
       "tooltips": {
         "addToCurrent": "{{name}}を現在のマスクに追加、または新規作成 (右クリック)",

src/i18n/locales/ko.json

@@ -598,6 +598,7 @@
         "select": "선택",
         "selectPresetTooltip": "적용할 프리셋 선택"
       },
+      "toggleAnalyticsInAdjustments": "조정 패널에서 분석 토글",
       "toggleAnalyticsTooltip": "분석 표시 전환",
       "tooltips": {
         "addToCurrent": "{{name}}을(를) 현재 마스크에 추가하거나 새로 만들기 (우클릭)",

src/i18n/locales/pl.json

@@ -642,6 +642,7 @@
         "select": "Wybierz",
         "selectPresetTooltip": "Wybierz preset do zastosowania"
       },
+      "toggleAnalyticsInAdjustments": "Przełącz analizę w panelu Dopasowania",
       "toggleAnalyticsTooltip": "Przełącz widok analityki",
       "tooltips": {
         "addToCurrent": "Dodaj {{name}} do bieżącej maski lub utwórz nową (Prawy przycisk)",