Better UI Rendering

Author: JasonHoku

Roadmap.md

@@ -43,7 +43,11 @@ ProjectStructure.md has notes to assist AI in developing this project
 
 ### **ComfyUI Ultimate Sampler Grid – Development Roadmap**
 
-## Batch Encoding 
+## Jobs don't generate prompts in the order they're written in the array, it's mildly inconvenient. Lets fix that and make it run in order from top to bottom of the array.
+
+## Custom Job Resume / Skipping - Start At Job # Option
+
+## Batch Encoding could use with implementing the smart, look ahead, caching system we built for lora swapping. 
 
 ## Add HF-RemoteVae list to BuilderUI Remote Vae (when Remote URL is selected, add a Presets: selection to choose which one from the list)
 

web/conf_builder/conf-builder-config-management.js

@@ -122,7 +122,8 @@ export function renderConfigSection(node, container, availableConfigs) {
     saveBtn.style.width = "100%";
     saveBtn.onclick = async () => {
         await node.saveConfigToBackend();
-        const { getAvailableConfigs } = await import('./conf-builder-utilities.js');
+        const { getAvailableConfigs, clearConfigsCache } = await import('./conf-builder-utilities.js');
+        clearConfigsCache();  // Invalidate so getAvailableConfigs fetches fresh list
         await getAvailableConfigs();
         node.renderUI();
     };

web/conf_builder/conf-builder-main.js

@@ -167,7 +167,7 @@ app.registerExtension({
                             headers: { "Content-Type": "application/json" },
                             body: JSON.stringify({ name: name, data: this.state })
                         });
-                        if (utilities) await utilities.getAvailableConfigs();
+                        if (utilities) { utilities.clearConfigsCache(); await utilities.getAvailableConfigs(); }
                     } catch (e) {
                         console.error("Save Failed", e);
                     }

web/conf_builder/conf-builder-utilities.js

@@ -23,6 +23,12 @@ let availableSchedulers = [];
 let availableSessions = ["None"];
 let availableConfigs = ["None"];
 
+// Cache-loaded flags for fetchers that can't use null-check
+// (their initial values are already non-null arrays)
+let _modelListsLoaded = false;
+let _sessionsLoaded = false;
+let _configsLoaded = false;
+
 // Track all active ConfigBuilder nodes for refresh
 let activeConfigBuilderNodes = new Set();
 
@@ -46,8 +52,15 @@ export function clearAllCaches() {
     dualClipTypes = [];
     availableSamplers = [];
     availableSchedulers = [];
+    _modelListsLoaded = false;
+    _sessionsLoaded = false;
+    _configsLoaded = false;
 }
 
+// Targeted cache invalidation for when specific data changes
+export function clearConfigsCache() { _configsLoaded = false; }
+export function clearSessionsCache() { _sessionsLoaded = false; }
+
 export async function refreshAllConfigBuilders() {
     console.log("[ConfigBuilder] 🔄 Refreshing all Config Builder nodes...");
     clearAllCaches();
@@ -156,6 +169,8 @@ export async function getModelFolders() {
 // --- UNIFIED MODEL LISTS (for GGUF, Diffusion Models, Text Encoders) ---
 
 export async function getModelLists() {
+    // Return cached data if already loaded (cleared by clearAllCaches on explicit refresh)
+    if (_modelListsLoaded) return;
     // Fetch all model lists from the unified endpoint
     try {
         const resp = await fetch("/configbuilder/model_lists", {
@@ -201,6 +216,7 @@ export async function getModelLists() {
         if (availableGGUFModels.length === 0) {
             console.log(`[ConfigBuilder] ℹ️ No GGUF models found. Install ComfyUI-GGUF and place .gguf files in the unet_gguf folder.`);
         }
+        _modelListsLoaded = true;
         return data;
     } catch (e) {
         console.error("[ConfigBuilder] Error fetching model lists:", e);
@@ -222,28 +238,35 @@ export function getAvailableSamplers() { return availableSamplers || []; }
 export function getAvailableSchedulers() { return availableSchedulers || []; }
 
 export async function getAvailableSessions() {
+    // Return cached sessions if already loaded (cleared by clearAllCaches on explicit refresh)
+    if (_sessionsLoaded) return availableSessions;
     try {
         const resp = await fetch("/object_info", { headers: { "X-Config-Builder-Internal": "true" } });
         const objectInfo = await resp.json();
         for (const nodeType in objectInfo) {
             const nodeDef = objectInfo[nodeType];
             if (nodeType === "UltimateConfigBuilder" && nodeDef.input?.required?.load_session) {
                 availableSessions = nodeDef.input.required.load_session[0];
+                _sessionsLoaded = true;
                 return availableSessions;
             }
         }
     } catch (e) { console.error("[ConfigBuilder] Error fetching sessions:", e); }
+    _sessionsLoaded = true;
     return availableSessions;
 }
 
 export async function getAvailableConfigs() {
+    // Return cached configs if already loaded (use clearConfigsCache() to force refresh)
+    if (_configsLoaded) return availableConfigs;
     try {
         const resp = await fetch("/configbuilder/list_configs");
         if (resp.ok) {
             const files = await resp.json();
             availableConfigs = files.length > 0 ? files : ["None"];
         }
     } catch (e) { console.error("[ConfigBuilder] Error fetching configs:", e); }
+    _configsLoaded = true;
     return availableConfigs;
 }