export and use already defined LoraInfoDialog

web/js/autocompleter.js

@@ -4,6 +4,7 @@ import { api } from "../../../../scripts/api.js";
 import { $el, ComfyDialog } from "../../../../scripts/ui.js";
 import { TextAreaAutoComplete } from "./common/autocomplete.js";
 import { ModelInfoDialog } from "./common/modelInfoDialog.js";
+import { LoraInfoDialog } from "./modelInfo.js";
 
 function parseCSV(csvText) {
 	const rows = [];
@@ -143,23 +144,6 @@ class EmbeddingInfoDialog extends ModelInfoDialog {
 	}
 }
 
-class LoraInfoDialog extends ModelInfoDialog {
-	async addInfo() {
-		super.addInfo();
-		const info = await this.addCivitaiInfo();
-		if (info) {
-			$el("div", {
-				parent: this.content,
-				innerHTML: info.description,
-				style: {
-					maxHeight: "250px",
-					overflow: "auto",
-				},
-			});
-		}
-	}
-}
-
 class CustomWordsDialog extends ComfyDialog {
 	async show() {
 		const text = await getCustomWords();

web/js/modelInfo.js

@@ -4,7 +4,7 @@ import { ModelInfoDialog } from "./common/modelInfoDialog.js";
 
 const MAX_TAGS = 500;
 
-class LoraInfoDialog extends ModelInfoDialog {
+export class LoraInfoDialog extends ModelInfoDialog {
 	getTagFrequency() {
 		if (!this.metadata.ss_tag_frequency) return [];