Deploy 7db5c07 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/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/interface.jpg?v=20260608-07b596b" alt="GPT Image Playground 界面" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/7db5c07cd25ba69e829f2561814fec0a1a73e7e8/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/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/mask-creation.jpg?v=20260608-07b596b" alt="遮罩创建" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/7db5c07cd25ba69e829f2561814fec0a1a73e7e8/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/5d089e0e43da0a0478aa6c7f29ffd8e5dc181543/readme-images/history.jpg?v=20260608-07b596b" alt="历史面板" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/gpt-image-playground-customer/7db5c07cd25ba69e829f2561814fec0a1a73e7e8/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": "5d089e0e43da0a0478aa6c7f29ffd8e5dc181543",
-  "created_at": "2026-07-23T09:45:05.334Z",
-  "deploy_id": "a598c41b-0709-4241-9127-e1aa7744e48b"
+  "local_sha": "7db5c07cd25ba69e829f2561814fec0a1a73e7e8",
+  "created_at": "2026-07-23T14:28:33.665Z",
+  "deploy_id": "e28ac5a2-35c9-4be8-a553-2f3632c02d2e"
 }

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

@@ -1,6 +1,6 @@
 import { NextResponse } from 'next/server';
 
-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;
+const deployMarker = {"schema_version":1,"local_sha":"7db5c07cd25ba69e829f2561814fec0a1a73e7e8","created_at":"2026-07-23T14:28:33.665Z","deploy_id":"e28ac5a2-35c9-4be8-a553-2f3632c02d2e"} as const;
 
 export const dynamic = 'force-dynamic';
 

src/components/password-dialog.test.tsx

@@ -0,0 +1,47 @@
+import { I18nProvider } from '@/lib/i18n';
+import { renderInClientDom } from '@/test-utils/react-dom';
+import assert from 'node:assert/strict';
+import { after, before, describe, it } from 'node:test';
+
+type PasswordDialogComponent = typeof import('./password-dialog').PasswordDialog;
+
+let PasswordDialog: PasswordDialogComponent;
+let sharedView: Awaited<ReturnType<typeof renderInClientDom>>;
+let ownerDocument: Document;
+
+before(async () => {
+    sharedView = await renderInClientDom(<div />);
+    ownerDocument = sharedView.container.ownerDocument;
+    ({ PasswordDialog } = await import('./password-dialog'));
+});
+
+after(async () => {
+    await sharedView?.cleanup();
+});
+
+describe('PasswordDialog', { concurrency: false }, () => {
+    it('associates the access-code input and save action with a native form', async () => {
+        await sharedView.render(
+            <I18nProvider>
+                <PasswordDialog
+                    isOpen
+                    onOpenChange={() => {}}
+                    onSave={() => {}}
+                    description='Configure the access code for this test.'
+                />
+            </I18nProvider>
+        );
+
+        const input = ownerDocument.querySelector<HTMLInputElement>('#password-input');
+        const form = ownerDocument.querySelector<HTMLFormElement>('form');
+        const saveButton = [...ownerDocument.querySelectorAll<HTMLButtonElement>('button')].find(
+            (button) => button.textContent === '保存'
+        );
+
+        assert.ok(input, 'missing access code input');
+        assert.ok(form, 'missing access code form');
+        assert.ok(saveButton, 'missing save button');
+        assert.equal(input.form, form);
+        assert.equal(saveButton.type, 'submit');
+    });
+});

src/components/password-dialog.tsx

@@ -40,6 +40,12 @@ export function PasswordDialog({
         onOpenChange(false);
     };
 
+    const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+        event.preventDefault();
+        if (!currentPassword.trim()) return;
+        handleSave();
+    };
+
     const handleDialogClose = (open: boolean) => {
         if (!open) {
             setCurrentPassword('');
@@ -54,35 +60,31 @@ export function PasswordDialog({
                     <DialogTitle>{title}</DialogTitle>
                     {description && <DialogDescription>{description}</DialogDescription>}
                 </DialogHeader>
-                <div className='grid gap-4 py-4'>
-                    <div className='grid grid-cols-1 items-center gap-4'>
-                        <Label htmlFor='password-input' className='sr-only'>
-                            {t('password.placeholder')}
-                        </Label>
-                        <Input
-                            ref={inputRef}
-                            id='password-input'
-                            name='password'
-                            type='password'
-                            autoComplete='current-password'
-                            placeholder={t('password.placeholder')}
-                            value={currentPassword}
-                            onChange={(e) => setCurrentPassword(e.target.value)}
-                            className='col-span-1'
-                            onKeyDown={(e) => {
-                                if (e.key === 'Enter' && currentPassword.trim()) {
-                                    e.preventDefault();
-                                    handleSave();
-                                }
-                            }}
-                        />
+                <form onSubmit={handleSubmit} className='grid gap-4'>
+                    <div className='grid gap-4 py-4'>
+                        <div className='grid grid-cols-1 items-center gap-4'>
+                            <Label htmlFor='password-input' className='sr-only'>
+                                {t('password.placeholder')}
+                            </Label>
+                            <Input
+                                ref={inputRef}
+                                id='password-input'
+                                name='password'
+                                type='password'
+                                autoComplete='current-password'
+                                placeholder={t('password.placeholder')}
+                                value={currentPassword}
+                                onChange={(e) => setCurrentPassword(e.target.value)}
+                                className='col-span-1'
+                            />
+                        </div>
                     </div>
-                </div>
-                <DialogFooter>
-                    <Button type='button' onClick={handleSave} disabled={!currentPassword.trim()} className='px-6'>
-                        {t('common.save')}
-                    </Button>
-                </DialogFooter>
+                    <DialogFooter>
+                        <Button type='submit' disabled={!currentPassword.trim()} className='px-6'>
+                            {t('common.save')}
+                        </Button>
+                    </DialogFooter>
+                </form>
             </DialogContent>
         </Dialog>
     );