From dea9af865078a7e855fbbbdc37e2f97c5b3e2ce1 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Thu, 18 Jul 2024 10:09:15 -0400
Subject: [PATCH] Display frontend version in settings dialog (#157)

* Display frontend version in settings dialog

* Change execution order
---
 index.html                 | 2 +-
 src/scripts/ui/settings.ts | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 3a79e0292..b90b22876 100644
--- a/index.html
+++ b/index.html
@@ -12,11 +12,11 @@
 				font-family: 'Roboto Mono', 'Noto Color Emoji';
 			}
 		</style> -->
-		<script type="module" src="/src/main.ts"></script>
 		<script type="module">
 			window["__COMFYUI_FRONTEND_VERSION__"] = __COMFYUI_FRONTEND_VERSION__;
 			console.log("ComfyUI Front-end version:", __COMFYUI_FRONTEND_VERSION__);
 		</script>
+		<script type="module" src="/src/main.ts"></script>
 		<link rel="stylesheet" type="text/css" href="/user.css" />
 		<link rel="stylesheet" type="text/css" href="/materialdesignicons.min.css" />
 	</head>
diff --git a/src/scripts/ui/settings.ts b/src/scripts/ui/settings.ts
index 7508fe6c7..f53689a1b 100644
--- a/src/scripts/ui/settings.ts
+++ b/src/scripts/ui/settings.ts
@@ -11,6 +11,7 @@ export class ComfySettingsDialog extends ComfyDialog<HTMLDialogElement> {
 
   constructor(app: ComfyApp) {
     super();
+    const frontendVersion = window["__COMFYUI_FRONTEND_VERSION__"];
     this.app = app;
     this.settingsValues = {};
     this.settingsLookup = {};
@@ -24,7 +25,7 @@ export class ComfySettingsDialog extends ComfyDialog<HTMLDialogElement> {
         $el("table.comfy-modal-content.comfy-table", [
           $el(
             "caption",
-            { textContent: "Settings" },
+            { textContent: `Settings (v${frontendVersion})` },
             $el("button.comfy-btn", {
               type: "button",
               textContent: "\u00d7",