diff --git a/src/components/setting/mods/service-viewer.tsx b/src/components/setting/mods/service-viewer.tsx
index 9052559b7870c4446f70e50287476e367a30f7f4..40e42475f069a6b326623ee673e03045f586ebd0 100644
--- a/src/components/setting/mods/service-viewer.tsx
+++ b/src/components/setting/mods/service-viewer.tsx
@@ -1,4 +1,5 @@
 import useSWR from "swr";
+import { forwardRef, useImperativeHandle, useState } from "react";
 import { useLockFn } from "ahooks";
 import { useTranslation } from "react-i18next";
 import { Button, Stack, Typography } from "@mui/material";
@@ -8,7 +9,6 @@ import {
   uninstallService,
   patchVergeConfig,
 } from "@/services/cmds";
-import { forwardRef, useState } from "react";
 import { BaseDialog, DialogRef, Notice } from "@/components/base";
 
 interface Props {
@@ -27,6 +27,11 @@ export const ServiceViewer = forwardRef<DialogRef, Props>((props, ref) => {
     { revalidateIfStale: false, shouldRetryOnError: false }
   );
 
+  useImperativeHandle(ref, () => ({
+    open: () => setOpen(true),
+    close: () => setOpen(false),
+  }));
+
   const state = status != null ? status : "pending";
 
   const onInstall = useLockFn(async () => {