From 62efc78a4b13b87ef0df51323fe1bd71b433fa11 Mon Sep 17 00:00:00 2001
From: comfyanonymous <comfyanonymous@protonmail.com>
Date: Sat, 2 Sep 2023 15:36:45 -0400
Subject: [PATCH] Display history in reverse order to make it easier to load
 last gen.

---
 web/scripts/ui.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/scripts/ui.js b/web/scripts/ui.js
index ce3f4fce..f39939bf 100644
--- a/web/scripts/ui.js
+++ b/web/scripts/ui.js
@@ -431,10 +431,12 @@ class ComfySettingsDialog extends ComfyDialog {
 class ComfyList {
 	#type;
 	#text;
+	#reverse;
 
-	constructor(text, type) {
+	constructor(text, type, reverse) {
 		this.#text = text;
 		this.#type = type || text.toLowerCase();
+		this.#reverse = reverse || false;
 		this.element = $el("div.comfy-list");
 		this.element.style.display = "none";
 	}
@@ -451,7 +453,7 @@ class ComfyList {
 					textContent: section,
 				}),
 				$el("div.comfy-list-items", [
-					...items[section].map((item) => {
+					...(this.#reverse ? items[section].reverse() : items[section]).map((item) => {
 						// Allow items to specify a custom remove action (e.g. for interrupt current prompt)
 						const removeAction = item.remove || {
 							name: "Delete",
@@ -529,7 +531,7 @@ export class ComfyUI {
 		this.batchCount = 1;
 		this.lastQueueSize = 0;
 		this.queue = new ComfyList("Queue");
-		this.history = new ComfyList("History");
+		this.history = new ComfyList("History", "history", true);
 
 		api.addEventListener("status", () => {
 			this.queue.update();