save code

static/index.html

@@ -198,6 +198,49 @@
     .raw-resp.visible { display: block; }
     .raw-resp pre { white-space: pre-wrap; }
 
+    .prompt-panel {
+      width: 100%;
+      max-width: 960px;
+      margin-bottom: 24px;
+      background: #1a1a24;
+      border-radius: 16px;
+      padding: 20px;
+      border: 1px solid #2a2a3a;
+    }
+    .prompt-panel .prompt-title {
+      font-size: 0.85rem;
+      font-weight: 600;
+      color: #a78bfa;
+      margin-bottom: 12px;
+    }
+    .radio-row {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      margin-bottom: 10px;
+      cursor: pointer;
+      font-size: 0.9rem;
+      color: #ccc;
+    }
+    .radio-row input { margin-top: 3px; accent-color: #7c3aed; flex-shrink: 0; }
+    .change-desc-input {
+      width: 100%;
+      margin-top: 4px;
+      padding: 12px;
+      border-radius: 10px;
+      border: 1px solid #333;
+      background: #12121a;
+      color: #e0e0e0;
+      font-family: inherit;
+      font-size: 0.88rem;
+      resize: vertical;
+      min-height: 88px;
+    }
+    .change-desc-input:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+    }
+
     @media (max-width: 640px) {
       .upload-grid { grid-template-columns: 1fr; }
       h1 { font-size: 1.5rem; }
@@ -241,6 +284,19 @@
     </div>
   </div>
 
+  <div class="prompt-panel" id="prompt-panel">
+    <div class="prompt-title">提示词（change_desc）</div>
+    <label class="radio-row">
+      <input type="radio" name="prompt_mode" id="prompt-default" value="default" checked />
+      <span>使用默认（请求中传空字符串，不覆盖工作流）</span>
+    </label>
+    <label class="radio-row">
+      <input type="radio" name="prompt_mode" id="prompt-custom" value="custom" />
+      <span>自定义提示词</span>
+    </label>
+    <textarea id="change-desc" class="change-desc-input" placeholder="输入换装/编辑描述…" rows="4" disabled></textarea>
+  </div>
+
   <button class="btn-run" id="btn-run" disabled>开始换装</button>
   <div class="status-bar" id="status-bar"></div>
 
@@ -295,6 +351,19 @@
     setupUpload('input-cloth', 'preview-cloth', 'card-cloth', 'clear-cloth', 'cloth');
     setupUpload('input-kuzi',  'preview-kuzi',  'card-kuzi',  'clear-kuzi',  'kuzi');
 
+    const promptDefault = document.getElementById('prompt-default');
+    const promptCustom = document.getElementById('prompt-custom');
+    const changeDescEl = document.getElementById('change-desc');
+    function syncPromptUi() {
+      changeDescEl.disabled = !promptCustom.checked;
+    }
+    promptDefault.addEventListener('change', syncPromptUi);
+    promptCustom.addEventListener('change', syncPromptUi);
+
+    function getChangeDesc() {
+      return promptCustom.checked ? changeDescEl.value.trim() : '';
+    }
+
     function updateRunButton() {
       document.getElementById('btn-run').disabled = !(images.human && images.cloth);
     }
@@ -329,6 +398,7 @@
       const body = {
         human_img: images.human,
         cloth_img: images.cloth,
+        change_desc: getChangeDesc(),
       };
       if (images.kuzi) body.kuzi_img = images.kuzi;