Spaces:
Running on Zero
Running on Zero
| <div id="fh-composer" class="fh-composer"> | |
| <section class="fh-section"> | |
| <div class="fh-section-head"> | |
| <span class="fh-title">References</span> | |
| <span class="fh-counts" data-counts></span> | |
| </div> | |
| <div class="fh-tray" data-tray> | |
| <button type="button" class="fh-drop" data-drop> | |
| <span class="fh-drop-icon">+</span> | |
| <span class="fh-drop-text">Drop images, videos or audio<br><small>or click to add · order matters</small></span> | |
| </button> | |
| </div> | |
| <input type="file" data-file multiple accept="image/*,video/*,audio/*" hidden> | |
| <div class="fh-hint" data-ref-hint></div> | |
| </section> | |
| <section class="fh-section"> | |
| <div class="fh-section-head"> | |
| <div class="fh-seg" role="tablist"> | |
| <button type="button" class="fh-seg-btn is-active" data-mode="builder">Builder</button> | |
| <button type="button" class="fh-seg-btn" data-mode="write">Write</button> | |
| </div> | |
| <button type="button" class="fh-upsample" data-upsample title="Rewrite into a detailed H3 prompt with the MiniMax-H3 rewriter"> | |
| <span class="fh-spark">✦</span><span data-upsample-label>Upsample</span> | |
| </button> | |
| </div> | |
| <div class="fh-pane" data-pane="builder"> | |
| <div class="fh-refdescs" data-refdescs></div> | |
| <label class="fh-field"> | |
| <span class="fh-label">Action & scene</span> | |
| <div class="fh-chipbar" data-subject-chips></div> | |
| <textarea data-b="scene" rows="3" placeholder="<Subject 1> walks along a sunlit beach promenade at golden hour, glancing toward the camera…"></textarea> | |
| </label> | |
| <div class="fh-row"> | |
| <label class="fh-field"> | |
| <span class="fh-label">Soundscape</span> | |
| <input data-b="sound" type="text" placeholder="ocean waves, a gentle breeze and distant seagulls"> | |
| </label> | |
| <label class="fh-field"> | |
| <span class="fh-label">Music</span> | |
| <input data-b="music" type="text" placeholder="none"> | |
| </label> | |
| </div> | |
| <label class="fh-field"> | |
| <span class="fh-label">Style</span> | |
| <input data-b="style" type="text" value="realistic photographic"> | |
| </label> | |
| <details class="fh-preview"> | |
| <summary>H3 prompt preview <button type="button" class="fh-link" data-to-write>Edit as text →</button></summary> | |
| <pre data-preview></pre> | |
| </details> | |
| </div> | |
| <div class="fh-pane" data-pane="write" hidden> | |
| <div class="fh-chipbar" data-write-chips></div> | |
| <textarea data-write rows="9" placeholder="Describe the video and refer to each reference by its tag, e.g. <Picture 1> dances to <Audio 1> in a neon-lit club…"></textarea> | |
| <div class="fh-lint" data-lint></div> | |
| </div> | |
| </section> | |
| <section class="fh-section fh-examples"> | |
| <span class="fh-title">Try an example</span> | |
| <div class="fh-example-row" data-examples></div> | |
| </section> | |
| </div> | |