fix(zen-mode): hide related questions

Author: pnd280

src/data/plugins/command-menu/items.ts

@@ -19,7 +19,7 @@ import type {
   NavigationItem,
   SearchItem,
 } from "@/data/plugins/command-menu/types";
-import { ExtensionLocalStorageService } from "@/services/extension-local-storage";
+import { toggleZenMode } from "@/data/plugins/zen-mode/utils";
 
 export const ZENMODE_ITEMS: ZenModeItem[] = [
   {
@@ -31,17 +31,7 @@ export const ZENMODE_ITEMS: ZenModeItem[] = [
       t("plugin-command-menu:commandMenu.keywords.zen"),
       t("plugin-command-menu:commandMenu.keywords.mode"),
     ],
-    action: () => {
-      $("body").attr("data-cplx-zen-mode", "true");
-      if (
-        ExtensionLocalStorageService.getCachedSync()?.plugins["zenMode"]
-          .persistent
-      ) {
-        ExtensionLocalStorageService.set((draft) => {
-          draft.plugins["zenMode"].lastState = true;
-        });
-      }
-    },
+    action: () => toggleZenMode(true),
   },
   {
     type: "disable",
@@ -52,17 +42,7 @@ export const ZENMODE_ITEMS: ZenModeItem[] = [
       t("plugin-command-menu:commandMenu.keywords.zen"),
       t("plugin-command-menu:commandMenu.keywords.mode"),
     ],
-    action: () => {
-      $("body").attr("data-cplx-zen-mode", "false");
-      if (
-        ExtensionLocalStorageService.getCachedSync()?.plugins["zenMode"]
-          .persistent
-      ) {
-        ExtensionLocalStorageService.set((draft) => {
-          draft.plugins["zenMode"].lastState = false;
-        });
-      }
-    },
+    action: () => toggleZenMode(false),
   },
 ];
 

src/data/plugins/zen-mode/utils.ts

@@ -0,0 +1,29 @@
+import { ExtensionLocalStorageService } from "@/services/extension-local-storage";
+
+export function toggleZenMode(forceState?: boolean): boolean {
+  const previousZenMode = $("body").attr("data-cplx-zen-mode");
+  const newZenMode =
+    forceState !== undefined
+      ? forceState
+        ? "true"
+        : "false"
+      : previousZenMode === "true"
+        ? "false"
+        : "true";
+
+  $("body").attr("data-cplx-zen-mode", newZenMode);
+
+  if (
+    ExtensionLocalStorageService.getCachedSync()?.plugins["zenMode"].persistent
+  ) {
+    ExtensionLocalStorageService.set((draft) => {
+      draft.plugins["zenMode"].lastState = newZenMode === "true";
+    });
+  }
+
+  setTimeout(() => {
+    window.dispatchEvent(new Event("resize"));
+  }, 300);
+
+  return newZenMode === "true";
+}

src/plugins/command-menu/hooks/useBindCommandMenuHotkeys.ts

@@ -5,6 +5,7 @@ import {
   commandMenuStore,
   useCommandMenuStore,
 } from "@/data/plugins/command-menu/store";
+import { toggleZenMode } from "@/data/plugins/zen-mode/utils";
 import { ExtensionLocalStorageService } from "@/services/extension-local-storage";
 import { PluginsStatesService } from "@/services/plugins-states";
 import { keysToString } from "@/utils/utils";
@@ -81,17 +82,7 @@ export default function useBindCommandMenuHotkeys() {
   useHotkeys(
     keysToString(settings.plugins.zenMode.hotkey),
     () => {
-      const previousZenMode = $("body").attr("data-cplx-zen-mode");
-      const newZenMode = previousZenMode === "true" ? "false" : "true";
-      $("body").attr("data-cplx-zen-mode", newZenMode);
-      if (
-        ExtensionLocalStorageService.getCachedSync()?.plugins["zenMode"]
-          .persistent
-      ) {
-        ExtensionLocalStorageService.set((draft) => {
-          draft.plugins["zenMode"].lastState = newZenMode === "true";
-        });
-      }
+      toggleZenMode();
       setOpen(false);
     },
     {

src/plugins/zen-mode/zen-mode.css

@@ -38,25 +38,23 @@ body[data-cplx-zen-mode="true"] {
 
     [data-cplx-component="message-block"] {
       /* Related follow-ups section */
-      [data-cplx-component="message-block-query"]
-        + div
-        + div:has(> div.mt-lg.border-t.pt-lg.duration-1000) {
+      .pb-32 > :last-child > .mt-xs.pt-lg {
         display: none;
       }
+    }
 
-      &:not(
-          :has(
-            .isolate.col-span-4[data-cplx-component="message-block-visual-col"]
-              svg[data-icon="sources"]
-          )
-        ) {
-        .isolate.col-span-8[data-cplx-component="message-block-text-col"] {
-          grid-column: span 12 / span 12;
-        }
+    [data-cplx-component="message-block"]:not(
+        :has(
+          .isolate.col-span-4[data-cplx-component="message-block-visual-col"]
+            svg[data-icon="sources"]
+        )
+      ) {
+      .isolate.col-span-8[data-cplx-component="message-block-text-col"] {
+        grid-column: span 12 / span 12;
+      }
 
-        .isolate.col-span-4[data-cplx-component="message-block-visual-col"] {
-          display: none;
-        }
+      .isolate.col-span-4[data-cplx-component="message-block-visual-col"] {
+        display: none;
       }
     }
   }