Method display

src/preflight/OnePageInputModal.ts:91–124

()

	}

	private display() {
		this.containerEl.addClass("quickAddModal", "onePageInputModal");
		this.contentEl.empty();

		const title = this.contentEl.createEl("h2", { text: "Provide inputs" });
		title.addClass("qa-onepage-title");

		// Optional live preview area
		if (this.computePreview) {
			this.previewContainerEl = this.contentEl.createDiv();
			this.previewContainerEl.addClass("qa-onepage-preview");
			const label = this.previewContainerEl.createEl("div", {
				text: "Preview",
			});
			label.addClass("qa-onepage-preview-label");
			void this.updatePreviews();
		}

		// Render fields
		this.requirements.forEach((req) => this.renderField(req));

		// Action bar
		const btnRow = this.contentEl.createDiv();
		new Setting(btnRow)
			.addButton((btn) =>
				btn
					.setButtonText("Submit")
					.setCta()
					.onClick(() => this.submit()),
			)
			.addButton((btn) =>
				btn.setButtonText("Cancel").onClick(() => this.cancel()),
			);
	}

	onOpen() {
		// Auto-focus the first field so keyboard-first users can start typing