Upload app.py with huggingface_hub

app.py

@@ -644,8 +644,11 @@ STYLE2 = """
   font-family:inherit;transition:border-color .12s;}
 #f3-root .ib-prompt textarea:focus{border-color:var(--violet);}
 #f3-root .ib-prompt textarea::placeholder{color:var(--dim2);}
-#f3-root .ib-gen{display:flex;flex-direction:column;justify-content:flex-end;flex:none;}
-#f3-root .ib-gen .genbtn{width:auto;padding:0 26px;height:56px;white-space:nowrap;}
+#f3-root .ib-gen{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;flex:none;}
+#f3-root .ib-gen .genbtn{width:auto;padding:0 26px;height:52px;white-space:nowrap;}
+#f3-root .ib-gen .clearBtn{width:auto;padding:9px 26px;background:transparent;border:1px solid var(--line);
+  color:var(--dim);border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s;}
+#f3-root .ib-gen .clearBtn:hover{color:var(--txt);border-color:#3a3a42;}
 @media (max-width:760px){#f3-root .inputbar{flex-direction:column;align-items:stretch;}
   #f3-root .ib-gen .genbtn{width:100%;}}
 </style>
@@ -997,7 +1000,9 @@ SCRIPT = r"""
     +     '<textarea rows="2" placeholder="Describe the whole scene in one line — or the edit, if you added a reference image."></textarea>'
     +     '<div class="ib-up"><span class="btn upBtn"><span class="toggle"></span>Enhance prompt '
     +       '<span class="hintq">· VLM, text prompts only</span></span></div></div>'
-    +   '<div class="ib-gen"><label class="ib-lab" style="visibility:hidden">GO</label><button class="genbtn">Generate</button></div>'
+    +   '<div class="ib-gen"><label class="ib-lab" style="visibility:hidden">GO</label>'
+    +     '<button class="genbtn">Generate</button>'
+    +     '<button class="clearBtn">✕ Clear canvas</button></div>'
     +'</div>'
     +'<div class="main">'
     + '<div class="leftcol">'
@@ -1007,7 +1012,6 @@ SCRIPT = r"""
     +     '<div class="btn toggleBtn on" style="display:none"><span class="toggle"></span>Bounding boxes</div>'
     +     '<div class="btn reuseBtn" style="display:none">⟳ Reuse as input</div>'
     +     '<div class="btn replayBtn">↻ Replay</div>'
-    +     '<div class="btn clearBtn">✕ Clear</div>'
     +   '</div></div>'
     +   '<div class="examples"><div class="ex-head">EXAMPLES — click to load, or build your own</div><div class="ex-row"></div></div>'
     + '</div>'