diff --git a/frontend/src/app-components/dialogs/GenericFormDialog.tsx b/frontend/src/app-components/dialogs/GenericFormDialog.tsx
new file mode 100644
index 00000000..3f4772e0
--- /dev/null
+++ b/frontend/src/app-components/dialogs/GenericFormDialog.tsx
@@ -0,0 +1,43 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import React from "react";
+
+import { FormDialog } from "@/app-components/dialogs";
+import { useTranslate } from "@/hooks/useTranslate";
+import { TTranslationKeys } from "@/i18n/i18n.types";
+import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
+
+type GenericFormDialogProps<T> = ComponentFormDialogProps<T> & {
+  Form: React.ElementType;
+  addText?: TTranslationKeys;
+  editText?: TTranslationKeys;
+};
+
+export const GenericFormDialog = <T,>({
+  Form,
+  payload,
+  ...rest
+}: GenericFormDialogProps<T>) => {
+  const { t } = useTranslate();
+  const translationKey = payload ? rest.editText : rest.addText;
+
+  return (
+    <Form
+      data={payload}
+      Wrapper={FormDialog}
+      onSuccess={() => {
+        rest.onClose(true);
+      }}
+      WrapperProps={{
+        title: translationKey && t(translationKey),
+        ...rest,
+      }}
+    />
+  );
+};
diff --git a/frontend/src/app-components/dialogs/index.ts b/frontend/src/app-components/dialogs/index.ts
index f56c6c22..b9b7d5ac 100644
--- a/frontend/src/app-components/dialogs/index.ts
+++ b/frontend/src/app-components/dialogs/index.ts
@@ -11,5 +11,6 @@ export * from "./confirm/ConfirmDialogBody";
 export * from "./DeleteDialog";
 export * from "./DialogTitle";
 export * from "./FormDialog";
+export * from "./GenericFormDialog";
 export * from "./layouts/ContentContainer";
 export * from "./layouts/ContentItem";
diff --git a/frontend/src/components/categories/CategoryFormDialog.tsx b/frontend/src/components/categories/CategoryFormDialog.tsx
index 74112ea3..e290019b 100644
--- a/frontend/src/components/categories/CategoryFormDialog.tsx
+++ b/frontend/src/components/categories/CategoryFormDialog.tsx
@@ -6,32 +6,19 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ICategory } from "@/types/category.types";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 
 import { CategoryForm } from "./CategoryForm";
 
-export const CategoryFormDialog: FC<ComponentFormDialogProps<ICategory>> = ({
-  payload,
-  ...rest
-}) => {
-  const { t } = useTranslate();
-
-  return (
-    <CategoryForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: payload ? t("title.edit_category") : t("title.new_category"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const CategoryFormDialog = <T extends ICategory = ICategory>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={CategoryForm}
+    addText="title.new_category"
+    editText="title.edit_category"
+    {...props}
+  />
+);
diff --git a/frontend/src/components/context-vars/ContextVarFormDialog.tsx b/frontend/src/components/context-vars/ContextVarFormDialog.tsx
index d33d71e1..6707dc7b 100644
--- a/frontend/src/components/context-vars/ContextVarFormDialog.tsx
+++ b/frontend/src/components/context-vars/ContextVarFormDialog.tsx
@@ -6,33 +6,19 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 import { IContextVar } from "@/types/context-var.types";
 
 import { ContextVarForm } from "./ContextVarForm";
 
-export const ContextVarFormDialog: FC<
-  ComponentFormDialogProps<IContextVar>
-> = ({ payload, ...rest }) => {
-  const { t } = useTranslate();
-
-  return (
-    <ContextVarForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: payload
-          ? t("title.edit_context_var")
-          : t("title.new_context_var"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const ContextVarFormDialog = <T extends IContextVar = IContextVar>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={ContextVarForm}
+    addText="title.new_context_var"
+    editText="title.edit_context_var"
+    {...props}
+  />
+);
diff --git a/frontend/src/components/labels/LabelFormDialog.tsx b/frontend/src/components/labels/LabelFormDialog.tsx
index 16f692b7..8b183e3a 100644
--- a/frontend/src/components/labels/LabelFormDialog.tsx
+++ b/frontend/src/components/labels/LabelFormDialog.tsx
@@ -6,32 +6,19 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 import { ILabel } from "@/types/label.types";
 
 import { LabelForm } from "./LabelForm";
 
-export const LabelFormDialog: FC<ComponentFormDialogProps<ILabel>> = ({
-  payload,
-  ...rest
-}) => {
-  const { t } = useTranslate();
-
-  return (
-    <LabelForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: payload ? t("title.edit_label") : t("title.new_label"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const LabelFormDialog = <T extends ILabel = ILabel>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={LabelForm}
+    addText="title.new_label"
+    editText="title.edit_label"
+    {...props}
+  />
+);
diff --git a/frontend/src/components/translations/TranslationFormDialog.tsx b/frontend/src/components/translations/TranslationFormDialog.tsx
index aa1c75ef..20cb367c 100644
--- a/frontend/src/components/translations/TranslationFormDialog.tsx
+++ b/frontend/src/components/translations/TranslationFormDialog.tsx
@@ -6,31 +6,18 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 import { ITranslation } from "@/types/translation.types";
 
 import { TranslationForm } from "./TranslationForm";
 
-export const TranslationFormDialog: FC<
-  ComponentFormDialogProps<ITranslation>
-> = ({ payload, ...rest }) => {
-  const { t } = useTranslate();
-
-  return (
-    <TranslationForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: t("title.update_translation"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const TranslationFormDialog = <T extends ITranslation = ITranslation>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={TranslationForm}
+    editText="title.update_translation"
+    {...props}
+  />
+);