feat: 增加水印

extension/entrypoints/sidepanel/App.tsx

@@ -137,7 +137,7 @@ const App: React.FC = () => {
   const uploadSeqRef = useRef(0);
 
   // 服务端
-  const [settings, setSettings] = useState<BackendSettings>({ baseUrl: 'http://127.0.0.1:3300', token: '' });
+  const [settings, setSettings] = useState<BackendSettings>({ baseUrl: 'http://127.0.0.1:3300', token: '', watermark: { enabled: false, type: 'image', text: 'xiongmaoyx', opacity: 30 } });
 
   // 出图方案
   const [platform, setPlatform] = useState<'ozon' | 'wb' | 'cn'>('ozon');
@@ -368,7 +368,9 @@ const App: React.FC = () => {
     try {
       const payload = buildGeneratePayload(
         allImages, selectedKeys, editedTexts(),
-        { style_set: styleSet, style_prompt: currentStylePrompt, requirements: requirements.trim() || null, plan: activePlan, platform, model },
+        { style_set: styleSet, style_prompt: currentStylePrompt, requirements: requirements.trim() || null, plan: activePlan, platform, model,
+          // 水印开启才下发，关闭时不带（服务端按无水印处理）
+          watermark: settings.watermark.enabled ? settings.watermark : undefined },
       );
       const { suite_id } = await send<{ suite_id: string }>('generateSuite', {
         baseUrl: settings.baseUrl, token: settings.token, payload,
@@ -603,8 +605,15 @@ const App: React.FC = () => {
     else if (el.dataset.step === '2') { el.dataset.step = '3'; el.src = proxied(url); }
   };
 
+  /** 更新水印子设置并落盘（弹窗里控件共用） */
+  const patchWatermark = (patch: Partial<BackendSettings['watermark']>) => {
+    const next = { ...settings, watermark: { ...settings.watermark, ...patch } };
+    setSettings(next);
+    saveSettings(next);
+  };
+
   const settingsPopup = (
-    <div style={{ width: 260 }}>
+    <div style={{ width: 300 }}>
       <Field label="后端地址">
         <input
           value={settings.baseUrl}
@@ -619,6 +628,44 @@ const App: React.FC = () => {
           onBlur={() => saveSettings(settings)}
         />
       </Field>
+      <div className="divider" style={{ margin: '10px 0' }} />
+      <label className="auto-chk" title="开启后，生成的图在落盘前由服务端合成水印（导出即带水印）">
+        <input
+          type="checkbox"
+          checked={settings.watermark.enabled}
+          onChange={(e) => patchWatermark({ enabled: e.target.checked })}
+        />
+        生成图加水印
+      </label>
+      {settings.watermark.enabled && (
+        <>
+          <div className="field" style={{ marginTop: 8 }}>
+            <label>水印类型</label>
+            <div className="pills">
+              <span className={`pill ${settings.watermark.type === 'image' ? 'on' : ''}`} onClick={() => patchWatermark({ type: 'image' })}>图片</span>
+              <span className={`pill ${settings.watermark.type === 'text' ? 'on' : ''}`} onClick={() => patchWatermark({ type: 'text' })}>文字</span>
+            </div>
+          </div>
+          {settings.watermark.type === 'text' && (
+            <Field label="水印文字">
+              <input
+                value={settings.watermark.text}
+                onChange={(e) => setSettings({ ...settings, watermark: { ...settings.watermark, text: e.target.value } })}
+                onBlur={() => saveSettings(settings)}
+              />
+            </Field>
+          )}
+          <Field label="不透明度（%）">
+            <input
+              type="number" min={1} max={100} step={5}
+              value={settings.watermark.opacity}
+              onChange={(e) => setSettings({ ...settings, watermark: { ...settings.watermark, opacity: Number(e.target.value) || 1 } })}
+              onBlur={() => saveSettings(settings)}
+            />
+          </Field>
+          <div className="hint" style={{ marginTop: 4 }}>位置固定右下角；重新生成后生效，已生成的图不变</div>
+        </>
+      )}
     </div>
   );