A API é do Comfyui. Estes campos que indiquei devem ser editáveis.

index.html

@@ -112,17 +112,17 @@
                         </div>
                         <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
                             <div>
-                                <h4 class="text-sm font-medium text-gray-400 mb-1">Pose</h4>
-                                <p class="text-xs text-green-400">pngtree-man-standing-with-his-arms-crossed-and-legs-spread-out-photo-picture-image_5069675.png</p>
-                            </div>
+                            <h4 class="text-sm font-medium text-gray-400 mb-1">Pose</h4>
+                            <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="pngtree-man-standing-with-his-arms-crossed-and-legs-spread-out-photo-picture-image_5069675.png">
+</div>
                             <div>
-                                <h4 class="text-sm font-medium text-gray-400 mb-1">Imagem 2</h4>
-                                <p class="text-xs text-green-400">Alessandro.jpg</p>
-                            </div>
+                            <h4 class="text-sm font-medium text-gray-400 mb-1">Imagem 2</h4>
+                            <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="Alessandro.jpg">
+</div>
                             <div>
-                                <h4 class="text-sm font-medium text-gray-400 mb-1">Imagem 3</h4>
-                                <p class="text-xs text-green-400">macacao sena.jpg</p>
-                            </div>
+                            <h4 class="text-sm font-medium text-gray-400 mb-1">Imagem 3</h4>
+                            <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="macacao sena.jpg">
+</div>
                         </div>
                     </div>
 
@@ -136,12 +136,12 @@
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
                             <div>
                                 <h4 class="text-sm font-medium text-gray-400 mb-1">Steps</h4>
-                                <p class="text-xs text-green-400">8</p>
-                            </div>
+                                <input type="number" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="8">
+</div>
                             <div>
                                 <h4 class="text-sm font-medium text-gray-400 mb-1">Seed</h4>
-                                <p class="text-xs text-green-400">573851757936055</p>
-                            </div>
+                                <input type="number" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="573851757936055">
+</div>
                         </div>
                     </div>
 
@@ -155,12 +155,12 @@
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
                             <div>
                                 <h4 class="text-sm font-medium text-gray-400 mb-1">Width</h4>
-                                <p class="text-xs text-green-400">1920</p>
-                            </div>
+                                <input type="number" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="1920">
+</div>
                             <div>
                                 <h4 class="text-sm font-medium text-gray-400 mb-1">Height</h4>
-                                <p class="text-xs text-green-400">1088</p>
-                            </div>
+                                <input type="number" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="1088">
+</div>
                         </div>
                     </div>
 
@@ -173,8 +173,8 @@
                         </div>
                         <div class="mt-4">
                             <h4 class="text-sm font-medium text-gray-400 mb-1">Content</h4>
-                            <p class="text-xs text-green-400">This is a professionally staged, high-contrast promotional photograph of Formula 1 driver and his Red Bull Racing car...</p>
-                        </div>
+                            <textarea class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400 h-32">This is a professionally staged, high-contrast promotional photograph of Formula 1 driver and his Red Bull Racing car...</textarea>
+</div>
                     </div>
 
                     <!-- Output -->
@@ -186,8 +186,8 @@
                         </div>
                         <div class="mt-4">
                             <h4 class="text-sm font-medium text-gray-400 mb-1">Filename Prefix</h4>
-                            <p class="text-xs text-green-400">ComfyUI</p>
-                        </div>
+                            <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded px-2 py-1 text-xs text-green-400" value="ComfyUI">
+</div>
                     </div>
                 </div>
             </div>