diff --git a/src/panels/config/cloud/show-cloud-webhook-manage-dialog.ts b/src/panels/config/cloud/show-cloud-webhook-manage-dialog.ts
new file mode 100644
index 0000000000..c1c1389021
--- /dev/null
+++ b/src/panels/config/cloud/show-cloud-webhook-manage-dialog.ts
@@ -0,0 +1,21 @@
+import { fireEvent } from "../../../common/dom/fire_event";
+import { Webhook } from "../../../data/webhook";
+import { CloudWebhook } from "../../../data/cloud";
+
+export interface WebhookDialogParams {
+  webhook: Webhook;
+  cloudhook: CloudWebhook;
+  disableHook: () => void;
+}
+
+export const showManageCloudhookDialog = (
+  element: HTMLElement,
+  webhookDialogParams: WebhookDialogParams
+): void => {
+  fireEvent(element, "show-dialog", {
+    dialogTag: "cloud-webhook-manage-dialog",
+    dialogImport: () =>
+      import(/* webpackChunkName: "cloud-webhook-manage-dialog" */ "./cloud-webhook-manage-dialog"),
+    dialogParams: webhookDialogParams,
+  });
+};