Deploy 5d089e0 to Docker Space

README.md

@@ -12,7 +12,7 @@ app_port: 4783
 本地 AI 图片创作工作台，面向中文内容运营、设计草图和自动化生图流程。支持 `gpt-image-2`、OpenAI 兼容图片接口、文生图、图生图、遮罩编辑、批量任务、历史复用、费用追踪和 Agent API。
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/912aa682eb019912a0298072cc7a67a11040d502/readme-images/interface.jpg?v=20260608-07b596b" alt="GPT Image Playground 界面" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/interface.jpg?v=20260608-07b596b" alt="GPT Image Playground 界面" width="900"/>
 </p>
 
 ## 快速开始
@@ -83,13 +83,13 @@ start-windows.bat
 遮罩编辑示例：
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/912aa682eb019912a0298072cc7a67a11040d502/readme-images/mask-creation.jpg?v=20260608-07b596b" alt="遮罩创建" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/mask-creation.jpg?v=20260608-07b596b" alt="遮罩创建" width="900"/>
 </p>
 
 历史与费用示例：
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/912aa682eb019912a0298072cc7a67a11040d502/readme-images/history.jpg?v=20260608-07b596b" alt="历史面板" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/history.jpg?v=20260608-07b596b" alt="历史面板" width="900"/>
 </p>
 
 ## 配置

public/hf-space-deploy-marker.json

@@ -1,6 +1,6 @@
 {
   "schema_version": 1,
-  "local_sha": "912aa682eb019912a0298072cc7a67a11040d502",
-  "created_at": "2026-07-23T06:16:09.836Z",
-  "deploy_id": "9af7705f-34b0-4058-8c85-5a29c56ada87"
+  "local_sha": "5d089e0e43da0a0478aa6c7f29ffd8e5dc181543",
+  "created_at": "2026-07-23T09:45:05.334Z",
+  "deploy_id": "a598c41b-0709-4241-9127-e1aa7744e48b"
 }

scripts/agent-skill-scripts.test.mjs

@@ -2353,7 +2353,7 @@ describe('Agent skill script argument validation', () => {
         );
     });
 
-    it('omits page SSE streaming strategy unless explicitly requested', async () => {
+    it('omits implicit page streaming controls unless explicitly requested', async () => {
         let pageRequestBody = '';
         await withServer(
             async (request, response) => {
@@ -2399,7 +2399,7 @@ describe('Agent skill script argument validation', () => {
 
                 assert.equal(result.status, 0);
                 assert.equal(result.stderr.trim(), '');
-                assert.match(pageRequestBody, /name="stream"\r?\n\r?\ntrue/);
+                assert.doesNotMatch(pageRequestBody, /name="stream"/);
                 assert.doesNotMatch(pageRequestBody, /name="image_streaming_strategy"/);
             }
         );

scripts/page-form-streaming.test.mjs

@@ -0,0 +1,279 @@
+import assert from 'node:assert/strict';
+import { spawn } from 'node:child_process';
+import { mkdtempSync, rmSync, writeFileSync } from 'node:fs';
+import { createServer } from 'node:http';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { describe, it } from 'node:test';
+import { fileURLToPath } from 'node:url';
+
+const repoRoot = fileURLToPath(new URL('..', import.meta.url));
+const skillScriptsRoot = join(repoRoot, 'skills/gpt-image-playground-agent/scripts');
+
+describe('Page form streaming defaults', () => {
+    it('does not force stream=true for page generate JSON responses', async () => {
+        let requestBody = '';
+        await withServer(
+            async (request, response) => {
+                if (request.url === '/api/agent/capabilities') {
+                    writePageCapabilities(response);
+                    return;
+                }
+                if (request.url === '/api/images') {
+                    requestBody = await readRequestText(request);
+                    writePageImageResult(response, 'generate.webp', 'generate-page-json-key');
+                    return;
+                }
+                writeMissing(response);
+            },
+            async (baseUrl) => {
+                const result = await runSkillScript(
+                    'generate-image.mjs',
+                    [
+                        '--allow-billable',
+                        '--page-sse',
+                        '--format',
+                        'webp',
+                        '--idempotency-key',
+                        'generate-page-json-key',
+                        'generate prompt'
+                    ],
+                    { GPT_IMAGE_PLAYGROUND_URL: baseUrl }
+                );
+
+                assert.equal(result.status, 0);
+                assert.equal(result.stderr.trim(), '');
+                const body = JSON.parse(result.stdout);
+                assert.equal(body.images[0].filename, 'generate.webp');
+                assert.equal(body.images[0].absolute_path, `${baseUrl}/api/image/generate.webp`);
+                assert.doesNotMatch(requestBody, /name="stream"/);
+            }
+        );
+    });
+
+    it('does not force stream=true for default page edit JSON responses', async () => {
+        const tempRoot = mkdtempSync(join(tmpdir(), 'gpt-image-page-form-edit-'));
+        try {
+            const imagePath = join(tempRoot, 'source.png');
+            writeFileSync(imagePath, fakePngBuffer(2, 1));
+            let requestBody = '';
+
+            await withServer(
+                async (request, response) => {
+                    if (request.url === '/api/agent/capabilities') {
+                        writePageCapabilities(response);
+                        return;
+                    }
+                    if (request.url === '/api/images') {
+                        requestBody = await readRequestText(request);
+                        writePageImageResult(response, 'edit.webp', 'edit-page-json-key');
+                        return;
+                    }
+                    writeMissing(response);
+                },
+                async (baseUrl) => {
+                    const result = await runSkillScript(
+                        'edit-image.mjs',
+                        [
+                            '--allow-billable',
+                            '--idempotency-key',
+                            'edit-page-json-key',
+                            imagePath,
+                            'edit prompt'
+                        ],
+                        { GPT_IMAGE_PLAYGROUND_URL: baseUrl }
+                    );
+
+                    assert.equal(result.status, 0);
+                    assert.equal(result.stderr.trim(), '');
+                    const body = JSON.parse(result.stdout);
+                    assert.equal(body.images[0].filename, 'edit.webp');
+                    assert.equal(body.images[0].absolute_path, `${baseUrl}/api/image/edit.webp`);
+                    assert.doesNotMatch(requestBody, /name="stream"/);
+                }
+            );
+        } finally {
+            rmSync(tempRoot, { recursive: true, force: true });
+        }
+    });
+
+    it('does not force stream=true for batch page edit JSON responses', async () => {
+        const tempRoot = mkdtempSync(join(tmpdir(), 'gpt-image-page-form-batch-'));
+        try {
+            const imagePath = join(tempRoot, 'source.png');
+            const inputPath = join(tempRoot, 'tasks.jsonl');
+            writeFileSync(imagePath, fakePngBuffer(2, 1));
+            writeFileSync(
+                inputPath,
+                JSON.stringify({
+                    id: 'batch-page-json',
+                    mode: 'edit',
+                    prompt: 'batch edit prompt',
+                    image_path: imagePath,
+                    size: '1024x1024',
+                    idempotency_key: 'batch-page-json-key'
+                })
+            );
+            let requestBody = '';
+
+            await withServer(
+                async (request, response) => {
+                    if (request.url === '/api/agent/capabilities') {
+                        writePageCapabilities(response);
+                        return;
+                    }
+                    if (request.url === '/api/images') {
+                        requestBody = await readRequestText(request);
+                        writePageImageResult(response, 'batch.webp', 'batch-page-json-key');
+                        return;
+                    }
+                    writeMissing(response);
+                },
+                async (baseUrl) => {
+                    const result = await runSkillScript(
+                        'batch-images.mjs',
+                        ['--allow-billable', '--input', inputPath],
+                        { GPT_IMAGE_PLAYGROUND_URL: baseUrl }
+                    );
+
+                    assert.equal(result.status, 0);
+                    assert.equal(result.stderr.trim(), '');
+                    const body = JSON.parse(result.stdout);
+                    assert.equal(body.results[0].status, 'succeeded');
+                    assert.equal(body.results[0].response.images[0].filename, 'batch.webp');
+                    assert.equal(
+                        body.results[0].response.images[0].absolute_path,
+                        `${baseUrl}/api/image/batch.webp`
+                    );
+                    assert.doesNotMatch(requestBody, /name="stream"/);
+                }
+            );
+        } finally {
+            rmSync(tempRoot, { recursive: true, force: true });
+        }
+    });
+});
+
+function writePageCapabilities(response) {
+    response.writeHead(200, { 'content-type': 'application/json' });
+    response.end(
+        JSON.stringify({
+            agent_streaming: {
+                page_sse: {
+                    supported: true,
+                    endpoint: '/api/images',
+                    auth: { required: false, schemes: [], form_field: 'passwordHash' }
+                }
+            },
+            agent_jobs: { supported: true, mode: 'job_polling' }
+        })
+    );
+}
+
+function writePageImageResult(response, filename, clientRequestId) {
+    response.writeHead(200, { 'content-type': 'application/json' });
+    response.end(
+        JSON.stringify({
+            images: [
+                {
+                    filename,
+                    path: `/api/image/${filename}`,
+                    output_format: 'webp',
+                    clientRequestId
+                }
+            ],
+            clientRequestId
+        })
+    );
+}
+
+function writeMissing(response) {
+    response.writeHead(404, { 'content-type': 'application/json' });
+    response.end(JSON.stringify({ error: 'missing' }));
+}
+
+function withServer(handler, run) {
+    return new Promise((resolve, reject) => {
+        const server = createServer((request, response) => {
+            Promise.resolve(handler(request, response)).catch(reject);
+        });
+        server.listen(0, '127.0.0.1', async () => {
+            const address = server.address();
+            try {
+                assert.equal(typeof address, 'object');
+                assert.ok(address);
+                await run(`http://127.0.0.1:${address.port}`);
+                resolve();
+            } catch (error) {
+                reject(error);
+            } finally {
+                server.close();
+            }
+        });
+    });
+}
+
+function runSkillScript(filename, args, env) {
+    return new Promise((resolve, reject) => {
+        const child = spawn(process.execPath, [join(skillScriptsRoot, filename), ...args], {
+            cwd: repoRoot,
+            env: buildTestEnvironment(env),
+            stdio: ['ignore', 'pipe', 'pipe']
+        });
+        let stdout = '';
+        let stderr = '';
+        const timeout = setTimeout(() => child.kill('SIGTERM'), 30_000);
+        child.stdout.setEncoding('utf8');
+        child.stderr.setEncoding('utf8');
+        child.stdout.on('data', (chunk) => {
+            stdout += chunk;
+        });
+        child.stderr.on('data', (chunk) => {
+            stderr += chunk;
+        });
+        child.once('error', (error) => {
+            clearTimeout(timeout);
+            reject(error);
+        });
+        child.once('close', (status, signal) => {
+            clearTimeout(timeout);
+            resolve({ status, signal, stdout, stderr });
+        });
+    });
+}
+
+function buildTestEnvironment(overrides) {
+    const names = ['HOME', 'PATH', 'SystemRoot', 'TEMP', 'TMP', 'TMPDIR', 'USERPROFILE'];
+    const environment = { GPT_IMAGE_AGENT_LOAD_ENV_FILE: '0' };
+    for (const name of names) {
+        if (process.env[name] !== undefined) environment[name] = process.env[name];
+    }
+    return { ...environment, ...overrides };
+}
+
+function readRequestText(request) {
+    return new Promise((resolve, reject) => {
+        let body = '';
+        request.setEncoding('utf8');
+        request.on('data', (chunk) => {
+            body += chunk;
+        });
+        request.on('end', () => resolve(body));
+        request.on('error', reject);
+    });
+}
+
+function fakePngBuffer(width, height) {
+    const buffer = Buffer.alloc(24);
+    buffer[0] = 0x89;
+    buffer.write('PNG', 1, 'ascii');
+    buffer[4] = 0x0d;
+    buffer[5] = 0x0a;
+    buffer[6] = 0x1a;
+    buffer[7] = 0x0a;
+    buffer.writeUInt32BE(13, 8);
+    buffer.write('IHDR', 12, 'ascii');
+    buffer.writeUInt32BE(width, 16);
+    buffer.writeUInt32BE(height, 20);
+    return buffer;
+}

skills/gpt-image-playground-agent/scripts/batch-images.mjs

@@ -1116,8 +1116,7 @@ function buildPageSseRequestPreview(task) {
         size: raw.size || (task.mode === 'generate' ? '1024x1024' : 'auto'),
         quality: raw.quality || (task.mode === 'generate' ? 'high' : 'auto'),
         response_mode: readResponseMode(raw),
-        clientRequestId: task.idempotencyKey,
-        stream: 'true'
+        clientRequestId: task.idempotencyKey
     };
     if (raw.n !== undefined) preview.n = readConfiguredPositiveInteger(raw.n, `${task.id}.n`, 1);
     if (raw.stream_mode) preview.stream_mode = String(raw.stream_mode);
@@ -1421,7 +1420,6 @@ function buildPageSseTaskFormData(task) {
     formData.append('quality', raw.quality || (task.mode === 'generate' ? 'high' : 'auto'));
     formData.append('response_mode', readResponseMode(raw));
     formData.append('clientRequestId', task.idempotencyKey);
-    formData.append('stream', 'true');
     if (raw.n !== undefined) formData.append('n', String(readConfiguredPositiveInteger(raw.n, `${task.id}.n`, 1)));
     if (raw.stream_mode) formData.append('stream_mode', String(raw.stream_mode));
     if (raw.streaming_strategy) formData.append('image_streaming_strategy', String(raw.streaming_strategy));

skills/gpt-image-playground-agent/scripts/edit-image.mjs

@@ -660,7 +660,6 @@ function buildPageSseFormData() {
     formData.append('quality', options.quality);
     formData.append('response_mode', options.responseMode);
     formData.append('clientRequestId', idempotencyKey);
-    formData.append('stream', 'true');
     formData.append('output_format', readOutputFormat(options));
     if (readOutputCompression(options) !== undefined) {
         formData.append('output_compression', String(readOutputCompression(options)));

skills/gpt-image-playground-agent/scripts/generate-image.mjs

@@ -835,7 +835,6 @@ function buildPageSseFormData() {
     formData.append('output_format', requestBody.output_format);
     formData.append('response_mode', requestBody.response_mode);
     formData.append('clientRequestId', idempotencyKey);
-    formData.append('stream', 'true');
     if (requestBody.stream_mode) formData.append('stream_mode', requestBody.stream_mode);
     formData.append('partial_images', String(requestBody.partial_images ?? pageSsePartialImages));
     if (requestBody.image_backend)
@@ -1510,7 +1509,6 @@ async function checkPageSseContract() {
     formData.append('quality', requestBody.quality);
     formData.append('output_format', requestBody.output_format);
     formData.append('response_mode', requestBody.response_mode);
-    formData.append('stream', 'true');
     formData.append('clientRequestId', 'x'.repeat(pageSseClientRequestIdMaxLength + 1));
     if (passwordHash) formData.append('passwordHash', passwordHash);
     const { response, text } = await fetchJson(`${baseUrl}${PAGE_SSE_ENDPOINT}`, {

src/app/api/deploy-marker/route.ts

@@ -1,6 +1,6 @@
 import { NextResponse } from 'next/server';
 
-const deployMarker = {"schema_version":1,"local_sha":"912aa682eb019912a0298072cc7a67a11040d502","created_at":"2026-07-23T06:16:09.836Z","deploy_id":"9af7705f-34b0-4058-8c85-5a29c56ada87"} as const;
+const deployMarker = {"schema_version":1,"local_sha":"5d089e0e43da0a0478aa6c7f29ffd8e5dc181543","created_at":"2026-07-23T09:45:05.334Z","deploy_id":"a598c41b-0709-4241-9127-e1aa7744e48b"} as const;
 
 export const dynamic = 'force-dynamic';