Deploy 5554830 to Docker Space

README.md

@@ -16,7 +16,7 @@ app_port: 4783
 对外产品名称为“图像手记 / Visual Journal”。HF Space 已使用 `visual-journal` 名称；为保持已有部署和自动化客户端兼容，仓库包名、Docker 服务、环境变量、API 路径和 Skill 标识继续使用 `gpt-image-playground` 相关技术名称。
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/8e0aeb379b8278c02611e36b2e4760194d114644/readme-images/interface.jpg" alt="图像手记主界面" width="900"/>
+  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/555483031327561b81a266eb15c58ed3019536b7/readme-images/interface.jpg" alt="图像手记主界面" width="900"/>
 </p>
 
 ## 快速开始
@@ -71,8 +71,8 @@ Windows、macOS 和 Linux 也可分别使用 `start-windows.bat`、`start-macos.
 ## 界面预览
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/8e0aeb379b8278c02611e36b2e4760194d114644/readme-images/mask-creation.jpg" alt="遮罩编辑界面" width="49%"/>
-  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/8e0aeb379b8278c02611e36b2e4760194d114644/readme-images/history.jpg" alt="历史与费用面板" width="49%"/>
+  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/555483031327561b81a266eb15c58ed3019536b7/readme-images/mask-creation.jpg" alt="遮罩编辑界面" width="49%"/>
+  <img src="https://raw.githubusercontent.com/MisonL/visual-journal/555483031327561b81a266eb15c58ed3019536b7/readme-images/history.jpg" alt="历史与费用面板" width="49%"/>
 </p>
 
 ## 配置

docs/ui/literary-young-women-workbench-design.md

@@ -103,7 +103,7 @@
 
 ```text
 +-------------------------------------------------------------+
-| 顶部状态栏：图像手记 / 模型 / 渠道 / 费用 / 设置             |
+| 顶部状态栏：图像手记 / 模型 / 请求方式 / 请求数量 / 设置     |
 +--------------+------------------------------+---------------+
 | 左侧创作单    | 中央画面预览                   | 右侧相册记录   |
 | 模式入口      | 生成状态                       | 灵感相册       |
@@ -132,8 +132,8 @@
 - 产品名：`图像手记 / Visual Journal`
 - 副标题：`今天想做什么画面？`
 - 当前模型：例如 `gpt-image-2`
-- 渠道状态：例如 `流式可用`
-- 费用状态：例如 `预计 0.12 积分`
+- 请求方式：例如 `自动`
+- 请求数量：例如 `请求 1 张图片`
 - API 状态：例如 `API 正常`
 - 设置入口。
 
@@ -224,13 +224,13 @@
 
 ### 6.5 生成动作区
 
-生成动作区必须贴近费用、模型和渠道状态，避免用户点按钮前不清楚成本和路径。
+生成动作区必须贴近模型、路由、请求方式和请求数量，避免用户点按钮前不清楚本次请求的配置与范围。
 
 内容：
 
 - 状态 chip：`gpt-image-2`
-- 状态 chip：`流式可用`
-- 费用 chip：`预计 0.12 积分`
+- 状态 chip：`自动`
+- 请求数量 chip：`请求 1 张图片`
 - 主按钮：`生成图像`
 - 次级操作：`存为灵感`
 - 次级操作：`随便来点`
@@ -238,7 +238,7 @@
 要求：
 
 - `生成图像` 使用珊瑚番茄红。
-- 费用和模型信息必须在按钮附近。
+- 模型、请求方式和请求数量信息必须在按钮附近。
 - 禁用状态要说明原因，例如缺少提示词、图片未上传、尺寸无效。
 
 ## 7. 中央画面预览
@@ -370,7 +370,7 @@
 - 主界面只显示高频参数。
 - 专业模式可展开，但不要一次铺满所有字段。
 - 工程词在主界面减少暴露，专业模式中可保留必要精确项。
-- 当前选择会影响费用或稳定性时，应显示解释。
+- 当前选择会影响输出、请求方式或稳定性时，应显示解释。
 - 当前实现中，桌面端高级设置位于底部 Pro Dock。`省心模式` 展示模型、流式、格式和尺寸摘要；启用并发批量时，流式摘要必须显示并发状态。
 - 当前实现中，`专业模式` 包含 `输出`、`模型`、`流式`、`路由` 分组。`并发批量` 开关位于流式分组；当流式策略关闭、任务数不足或服务端容量不可用时，开关保持禁用并显示原因。
 
@@ -385,7 +385,7 @@
 1. 写提示词。
 2. 选择风格标签。
 3. 调整尺寸、数量、清晰度和格式。
-4. 确认模型、流式状态和预计费用。
+4. 确认模型、请求方式和请求图片数量。
 5. 点击 `生成图像`。
 6. 在中央查看结果。
 7. 下载、编辑、变体、复用或对比。
@@ -424,7 +424,7 @@
 - 支持暂停、重试、复用失败项。
 - 结果按批次进入最近生成。
 - 当前实现中，批量模式按“每行提示词一条任务”执行，每条任务使用当前统一的尺寸、清晰度、格式、模型、流式和路由设置。
-- 批量模式默认顺序执行。只有用户显式启用 `并发批量`，且当前任务数大于 1、流式策略可用、服务端或用户自填 API Key 有并发容量时，才会并发执行。
+- 批量模式默认顺序执行。只有用户显式启用 `并发批量`，且当前任务数大于 1、当前请求方式支持流式传输、服务端或用户自填 API Key 有并发容量时，才会并发执行。
 - 暂停批量时，已开始任务继续完成，未开始任务保留为失败项，便于用户复用失败项后再次提交。
 - 底部提示词动作必须使用当前可见的批量提示词文本，不得回退到隐藏的单条文生图提示词。
 
@@ -537,7 +537,7 @@
 功能验收：
 
 - 文生图、图生图、批量、复用历史入口清晰。
-- 用户点生成前能看到模型、渠道和预计费用。
+- 用户点生成前能看到模型、路由、请求方式和请求图片数量。
 - 生成后能直接下载、继续编辑、做变体、复用提示词和对比。
 - 灵感相册与最近生成概念分离。
 - 高级参数默认收纳，但可被专业用户找到。

public/hf-space-deploy-marker.json

@@ -1,6 +1,6 @@
 {
   "schema_version": 1,
-  "local_sha": "8e0aeb379b8278c02611e36b2e4760194d114644",
-  "created_at": "2026-07-28T10:50:06.797Z",
-  "deploy_id": "8937be04-9c6c-4ac3-a678-850c8ced4dd2"
+  "local_sha": "555483031327561b81a266eb15c58ed3019536b7",
+  "created_at": "2026-07-29T04:53:28.602Z",
+  "deploy_id": "e74cf06b-8aed-4779-b443-772bcb0ee272"
 }

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

@@ -1,6 +1,6 @@
 import { NextResponse } from 'next/server';
 
-const deployMarker = {"schema_version":1,"local_sha":"8e0aeb379b8278c02611e36b2e4760194d114644","created_at":"2026-07-28T10:50:06.797Z","deploy_id":"8937be04-9c6c-4ac3-a678-850c8ced4dd2"} as const;
+const deployMarker = {"schema_version":1,"local_sha":"555483031327561b81a266eb15c58ed3019536b7","created_at":"2026-07-29T04:53:28.602Z","deploy_id":"e74cf06b-8aed-4779-b443-772bcb0ee272"} as const;
 
 export const dynamic = 'force-dynamic';
 

src/app/api/image-delete/route.test.ts

@@ -30,7 +30,7 @@ afterEach(async () => {
 });
 
 describe('POST /api/image-delete', { concurrency: false }, () => {
-    it('removes the permanent marker after deleting an image successfully', async () => {
+    it('removes automatic-cleanup protection after deleting an image successfully', async () => {
         const filepath = await writeOutputFile(validFilename);
         const store = await getWebuiImageRetentionStore();
         await store.preserve([validFilename]);
@@ -46,7 +46,7 @@ describe('POST /api/image-delete', { concurrency: false }, () => {
         assert.deepEqual(await store.listPermanentFilenames(), []);
     });
 
-    it('reports a missing file as absent and releases its stale permanent marker', async () => {
+    it('reports a missing file as absent and releases stale automatic-cleanup protection', async () => {
         const store = await getWebuiImageRetentionStore();
         await store.preserve([missingFilename]);
 
@@ -104,7 +104,7 @@ describe('POST /api/image-delete', { concurrency: false }, () => {
                     success: false,
                     fileDeleted: true,
                     markerRemoved: false,
-                    error: '图片已删除，但永久保存状态清理失败。'
+                    error: '图片已删除，但自动清理保护未能清理。'
                 }
             ]);
             await assert.rejects(() => access(filepath));
@@ -142,7 +142,7 @@ describe('POST /api/image-delete', { concurrency: false }, () => {
                     success: false,
                     fileAbsent: true,
                     markerRemoved: false,
-                    error: '图片已不存在，但永久保存状态清理失败。'
+                    error: '图片已不存在，但自动清理保护未能清理。'
                 }
             ]);
             assert.deepEqual(await store.listPermanentFilenames(), [missingFilename]);

src/app/api/image-delete/route.ts

@@ -75,7 +75,7 @@ export async function POST(request: NextRequest) {
 
     return NextResponse.json(
         {
-            message: allSucceeded ? '所有文件已删除。' : '部分文件未能完整删除或清理永久保存状态。',
+            message: allSucceeded ? '所有文件已删除。' : '部分文件未能完整删除或清理自动清理保护。',
             results: deletionResults
         },
         { status: allSucceeded ? 200 : 207 } // 部分失败时返回 207 Multi-Status。
@@ -99,13 +99,13 @@ async function deleteImageAndRetentionMarker(filename: string, outputDir: string
     try {
         await (await getWebuiImageRetentionStore()).remove([filename]);
     } catch (error) {
-        appLogger.error('删除图片后清理永久保存标记失败。', error);
+        appLogger.error('删除图片后清理自动清理保护失败。', error);
         return {
             filename,
             success: false,
             ...(fileDeleted ? { fileDeleted: true } : { fileAbsent: true }),
             markerRemoved: false,
-            error: fileDeleted ? '图片已删除，但永久保存状态清理失败。' : '图片已不存在，但永久保存状态清理失败。'
+            error: fileDeleted ? '图片已删除，但自动清理保护未能清理。' : '图片已不存在，但自动清理保护未能清理。'
         };
     }
 

src/app/api/image-retention/route.ts

@@ -30,8 +30,8 @@ export async function GET(request: NextRequest) {
         const store = await getWebuiImageRetentionStore();
         return NextResponse.json({ filenames: await store.listPermanentFilenames() });
     } catch (error) {
-        appLogger.error('读取永久保存图片状态失败。', error);
-        return NextResponse.json({ error: '读取永久保存图片状态失败。' }, { status: 500 });
+        appLogger.error('读取自动清理保护状态失败。', error);
+        return NextResponse.json({ error: '读取自动清理保护状态失败。' }, { status: 500 });
     }
 }
 
@@ -51,8 +51,8 @@ export async function POST(request: NextRequest) {
         const results = await applyRetentionRequest(body);
         return NextResponse.json({ results }, { status: results.every((result) => result.success) ? 200 : 207 });
     } catch (error) {
-        appLogger.error('更新永久保存图片状态失败。', error);
-        return NextResponse.json({ error: '更新永久保存图片状态失败。' }, { status: 500 });
+        appLogger.error('更新自动清理保护状态失败。', error);
+        return NextResponse.json({ error: '更新自动清理保护状态失败。' }, { status: 500 });
     }
 }
 
@@ -160,7 +160,7 @@ async function validatePreservedFile(filename: string, outputDir: string): Promi
         return undefined;
     } catch (error) {
         if (isMissingFileError(error)) return '文件不存在。';
-        appLogger.error('校验永久保存图片文件失败。', error);
+        appLogger.error('校验自动清理保护图片文件失败。', error);
         return '读取文件失败。';
     }
 }

src/app/layout.tsx

@@ -4,8 +4,8 @@ import { I18nProvider } from '@/lib/i18n';
 import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
-    title: '图像手记 | Visual Journal',
-    description: '图像手记（Visual Journal），面向中文创作者的 AI 图像创作工作台。',
+    title: '图像手记 | AI 图像创作工作台',
+    description: '图像手记是用于生成、编辑和管理图像的 AI 图像创作工作台。',
     icons: {
         icon: '/favicon.svg'
     }

src/app/page-regressions.test.ts

@@ -3,6 +3,35 @@ import { readFile } from 'node:fs/promises';
 import { describe, it } from 'node:test';
 
 describe('page state regressions', () => {
+    it('keeps the locale selector available before and after entry authentication', async () => {
+        const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
+
+        assert.match(source, /import \{ LanguageSelector \} from '@\/components\/language-selector';/);
+        assert.equal((source.match(/<LanguageSelector \/>/g) ?? []).length, 2);
+        assert.match(
+            source,
+            /\{showEntryLock \? \(\s*<div[^>]*>\s*<div className='absolute top-3 right-4'>\s*<LanguageSelector \/>/
+        );
+        assert.match(source, /<WorkbenchStatusStrip[\s\S]*?<LanguageSelector \/>/);
+    });
+
+    it('keeps auxiliary image actions localized instead of rendering raw API text', async () => {
+        const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
+
+        assert.doesNotMatch(source, /readApiErrorMessage/);
+        assert.doesNotMatch(source, /statusText: response\.statusText/);
+        assert.match(source, /t\('error\.fetchImage', \{ status: response\.status \}\)/);
+        assert.match(source, /response\.status === 401 \? t\('error\.unauthorized'\)/);
+        assert.match(source, /createErrorNotice\(t\('error\.clearHistory'\)\)/);
+        assert.match(source, /function getLocalizedImageRequestError/);
+        assert.match(source, /t\('error\.invalidRequest'\)/);
+        assert.match(source, /t\('error\.networkRequest'\)/);
+        assert.match(source, /new ApiRequestError\(t\('error\.streaming'\)\)/);
+        assert.match(source, /if \(error instanceof BatchPausedError\)/);
+        assert.doesNotMatch(source, /new ApiRequestError\(event\.error/);
+        assert.doesNotMatch(source, /result\.error \|\|/);
+    });
+
     it('passes the unified random inspiration picker and batch prompt setter into the generation form', async () => {
         const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
         const generationFormBlock = source.match(/<GenerationForm([\s\S]*?)failedBatchPrompts=/)?.[1] ?? '';
@@ -115,6 +144,21 @@ describe('page state regressions', () => {
         assert.doesNotMatch(source, /const activeRequestModeLabel = React\.useMemo/);
     });
 
+    it('labels the selected output count as requested images instead of tasks', async () => {
+        const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
+
+        assert.match(
+            source,
+            /const activeRequestedImageCount =\s*mode === 'generate' && workbenchMode === 'batch'\s*\? readBatchPromptLines\(genBatchPromptText\)\.length\s*:\s*mode === 'generate'\s*\? genN\[0\]\s*:\s*editN\[0\];/
+        );
+        assert.match(
+            source,
+            /const activeRequestSummaryLabel = t\('workbench\.requestSummary', \{\s*count: activeRequestedImageCount\s*\}\);/
+        );
+        assert.match(source, /requestSummaryLabel=\{activeRequestSummaryLabel\}/);
+        assert.doesNotMatch(source, /workbench\.taskSummary/);
+    });
+
     it('keeps mobile actions fixed normally and scrollable in short creation drawers', async () => {
         const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
         const generationFormSource = await readFile(

src/app/page.tsx

@@ -5,6 +5,7 @@ import { EditingForm, type EditingFormData, type EditingReuseContext } from '@/c
 import { GenerationForm, type GenerationFormData, type WorkbenchReuseContext } from '@/components/generation-form';
 import { HistoryPanel, type InspirationItem, type PromptApplySource } from '@/components/history-panel';
 import { ImageOutput } from '@/components/image-output';
+import { LanguageSelector } from '@/components/language-selector';
 import type { WorkbenchMode } from '@/components/mode-toggle';
 import { PasswordDialog } from '@/components/password-dialog';
 import { ShareDialog, type ShareDialogValues } from '@/components/share-dialog';
@@ -113,12 +114,10 @@ import type { ActualCostDetails } from '@/lib/upstream-cost/resolve';
 import { cn } from '@/lib/utils';
 import {
     mergeWebuiImageRetentionResults,
-    readApiErrorMessage,
     readWebuiImageFileOperationResults,
     readWebuiImageRetentionFilenames,
     type WebuiImageRetentionAction
 } from '@/lib/webui-image-retention-client';
-import { formatEstimatedCredits } from '@/lib/workbench-cost-label';
 import { createZipBlob } from '@/lib/zip-export';
 import { useLiveQuery } from 'dexie-react-hooks';
 import { Activity, ArrowUp, Loader2, Lock, Pause, PenLine, Settings2, X } from 'lucide-react';
@@ -435,12 +434,22 @@ class ApiRequestError extends Error {
     }
 }
 
-function summarizeApiError(error: unknown, fallbackMessage: string): { message: string; status?: number } {
+function getLocalizedImageRequestError(t: ReturnType<typeof useI18n>['t'], status: number | undefined): string {
+    if (status === 400) return t('error.invalidRequest');
+    if (status === undefined) return t('error.streaming');
+    return t('error.apiFailed', { status });
+}
+
+function summarizeApiError(
+    error: unknown,
+    fallbackMessage: string,
+    t: ReturnType<typeof useI18n>['t']
+): { message: string; status?: number } {
     if (error instanceof ApiRequestError) {
         return { message: error.message, status: error.status };
     }
-    if (error instanceof Error) {
-        return { message: error.message };
+    if (error instanceof BatchPausedError) {
+        return { message: t('batch.pausedFailure') };
     }
     return { message: fallbackMessage };
 }
@@ -759,19 +768,19 @@ export default function HomePage() {
         streamingStrategy: activeEffectiveStreamingStrategy,
         streamMode
     });
-    const activeTaskCount =
+    const activeRequestedImageCount =
         mode === 'generate' && workbenchMode === 'batch'
             ? readBatchPromptLines(genBatchPromptText).length
             : mode === 'generate'
               ? genN[0]
               : editN[0];
-    const activeEstimatedCostLabel = t('workbench.estimatedCost', {
-        credits: formatEstimatedCredits(activeTaskCount)
+    const activeRequestSummaryLabel = t('workbench.requestSummary', {
+        count: activeRequestedImageCount
     });
     const activeParallelBatchVisible = resolveStreamingBatchToggleState({
         allowStreamingBatch: streamingBatchEnabled,
         userEnabled: enableParallelBatch,
-        targetCount: activeTaskCount,
+        targetCount: activeRequestedImageCount,
         streamMode,
         streamingStrategy: activeEffectiveStreamingStrategy
     }).checked;
@@ -1387,11 +1396,25 @@ export default function HomePage() {
         const loadPermanentlySavedFilenames = async () => {
             try {
                 const response = await fetch('/api/image-retention', { signal: controller.signal });
-                const body: unknown = await response.json();
+                const body: unknown = await response.json().catch(() => null);
                 if (!response.ok) {
-                    throw new Error(readApiErrorMessage(body) ?? t('retention.loadFailed'));
+                    if (!controller.signal.aborted) {
+                        setError(
+                            (current) =>
+                                current ??
+                                createErrorNotice(
+                                    response.status === 401 ? t('error.unauthorized') : t('retention.loadFailed')
+                                )
+                        );
+                    }
+                    return;
+                }
+                let filenames: ReturnType<typeof readWebuiImageRetentionFilenames>;
+                try {
+                    filenames = readWebuiImageRetentionFilenames(body);
+                } catch {
+                    throw new Error(t('retention.loadFailed'));
                 }
-                const filenames = readWebuiImageRetentionFilenames(body);
                 if (!controller.signal.aborted) {
                     setLoadedWebuiImageRetentionState({
                         scopeKey: retentionScopeKey,
@@ -1400,7 +1423,7 @@ export default function HomePage() {
                 }
             } catch (error) {
                 if (controller.signal.aborted) return;
-                console.error('读取永久保存图片状态失败：', error);
+                console.error('读取自动清理保护状态失败：', error);
                 setError((current) => current ?? createErrorNotice(t('retention.loadFailed')));
             }
         };
@@ -1415,15 +1438,20 @@ export default function HomePage() {
                 throw new Error(t('retention.updateFailed'));
             }
 
-            const response = await fetch('/api/image-retention', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    action,
-                    filenames,
-                    ...(clientPasswordHash ? { passwordHash: clientPasswordHash } : {})
-                })
-            });
+            let response: Response;
+            try {
+                response = await fetch('/api/image-retention', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        action,
+                        filenames,
+                        ...(clientPasswordHash ? { passwordHash: clientPasswordHash } : {})
+                    })
+                });
+            } catch {
+                throw new Error(t('retention.updateFailed'));
+            }
             let body: unknown;
             try {
                 body = await response.json();
@@ -1431,10 +1459,15 @@ export default function HomePage() {
                 throw new Error(t('retention.updateFailed'));
             }
             if (!response.ok && response.status !== 207) {
-                throw new Error(readApiErrorMessage(body) ?? t('retention.updateFailed'));
+                throw new Error(response.status === 401 ? t('error.unauthorized') : t('retention.updateFailed'));
             }
 
-            const results = readWebuiImageFileOperationResults(body);
+            let results: ReturnType<typeof readWebuiImageFileOperationResults>;
+            try {
+                results = readWebuiImageFileOperationResults(body);
+            } catch {
+                throw new Error(t('retention.updateFailed'));
+            }
             setLoadedWebuiImageRetentionState((current) =>
                 current?.scopeKey === retentionScopeKey
                     ? {
@@ -1588,7 +1621,7 @@ export default function HomePage() {
                 const indexedDbImages = await Promise.all(
                     images.map(async (img) => {
                         if (!img.b64_json) {
-                            throw new Error(t('error.imageMissingBase64', { filename: img.filename }));
+                            throw new ApiRequestError(t('error.imageMissingBase64', { filename: img.filename }));
                         }
                         const byteCharacters = atob(img.b64_json);
                         const byteNumbers = new Array(byteCharacters.length);
@@ -1624,7 +1657,7 @@ export default function HomePage() {
                     ...(img.clientRequestId ? { clientRequestId: img.clientRequestId } : {})
                 }));
             if (fsImages.length !== images.length) {
-                throw new Error(t('error.apiOmittedPaths'));
+                throw new ApiRequestError(t('error.apiOmittedPaths'));
             }
             return fsImages;
         },
@@ -1643,7 +1676,7 @@ export default function HomePage() {
             promptOverride?: string
         ) => {
             if (images.length === 0) {
-                throw new Error(t('error.noImages'));
+                throw new ApiRequestError(t('error.noImages'));
             }
 
             const processedImages = await materializeImages(images);
@@ -1689,7 +1722,7 @@ export default function HomePage() {
             if (isPasswordRequiredByBackend && effectivePasswordHash) {
                 apiFormData.append('passwordHash', effectivePasswordHash);
             } else if (isPasswordRequiredByBackend && !effectivePasswordHash) {
-                throw new Error(t('error.passwordRequired'));
+                throw new ApiRequestError(t('error.passwordRequired'));
             }
             apiFormData.append('mode', requestMode);
             if (apiSettings.apiKey) {
@@ -1787,15 +1820,20 @@ export default function HomePage() {
             } = {}
         ): Promise<{ images: ApiImageResponseItem[]; usage: unknown; actualCost?: ActualCostDetails }> => {
             const formClientRequestId = String(apiFormData.get('clientRequestId') || '');
-            const response = await fetch('/api/images', {
-                method: 'POST',
-                body: apiFormData
-            });
+            let response: Response;
+            try {
+                response = await fetch('/api/images', {
+                    method: 'POST',
+                    body: apiFormData
+                });
+            } catch {
+                throw new ApiRequestError(t('error.networkRequest'));
+            }
 
             const contentType = response.headers.get('content-type');
             if (contentType?.includes('text/event-stream')) {
                 if (!response.body) {
-                    throw new Error(t('error.responseBodyNull'));
+                    throw new ApiRequestError(t('error.responseBodyNull'));
                 }
 
                 const reader = response.body.getReader();
@@ -1812,7 +1850,12 @@ export default function HomePage() {
                         .map((line) => line.slice(6));
                     if (dataLines.length === 0) return;
 
-                    const event = JSON.parse(dataLines.join('\n'));
+                    let event: StreamingClientEvent;
+                    try {
+                        event = JSON.parse(dataLines.join('\n')) as StreamingClientEvent;
+                    } catch {
+                        throw new ApiRequestError(t('error.streaming'));
+                    }
                     if (event.type === 'partial_image') {
                         const imageIndex = options.previewIndexOffset ?? event.index ?? 0;
                         const dataUrl = `data:image/png;base64,${event.b64_json}`;
@@ -1822,14 +1865,24 @@ export default function HomePage() {
                             return newMap;
                         });
                     } else if (event.type === 'error') {
-                        throw new ApiRequestError(event.error || t('error.streaming'), event.status);
+                        throw new ApiRequestError(getLocalizedImageRequestError(t, event.status), event.status);
                     } else if (event.type === 'completed' || event.type === 'done') {
-                        streamingState = applyStreamingClientEvent(streamingState, event as StreamingClientEvent);
+                        try {
+                            streamingState = applyStreamingClientEvent(streamingState, event);
+                        } catch {
+                            throw new ApiRequestError(t('error.streaming'));
+                        }
                     }
                 };
 
                 while (true) {
-                    const { done, value } = await reader.read();
+                    let chunk: ReadableStreamReadResult<Uint8Array>;
+                    try {
+                        chunk = await reader.read();
+                    } catch {
+                        throw new ApiRequestError(t('error.streaming'));
+                    }
+                    const { done, value } = chunk;
                     if (done) break;
 
                     buffer += decoder.decode(value, { stream: true });
@@ -1869,9 +1922,9 @@ export default function HomePage() {
                 result = await response.json();
             } catch (error) {
                 if (!response.ok) {
-                    throw new ApiRequestError(t('error.apiFailed', { status: response.status }), response.status);
+                    throw new ApiRequestError(getLocalizedImageRequestError(t, response.status), response.status);
                 }
-                throw error;
+                throw new ApiRequestError(t('error.unexpected'), response.status);
             }
 
             if (!response.ok) {
@@ -1898,10 +1951,7 @@ export default function HomePage() {
                     promptForExpiredPassword();
                     throw new ApiRequestError(t('error.passwordExpired'), 401, { preserveDisplayedError: true });
                 }
-                throw new ApiRequestError(
-                    result.error || t('error.apiFailed', { status: response.status }),
-                    response.status
-                );
+                throw new ApiRequestError(getLocalizedImageRequestError(t, response.status), response.status);
             }
 
             return {
@@ -2136,7 +2186,7 @@ export default function HomePage() {
                 }
                 if (successes.length === 0) {
                     setFailedBatchPrompts(failedPromptBatch);
-                    throw errors[0] || new Error(t('error.noImages'));
+                    throw errors[0] || new ApiRequestError(t('error.noImages'));
                 }
                 const images = successes.flatMap((result) => result.images);
                 const usage = mergeUsageValues(successes.map((result) => result.usage));
@@ -2163,7 +2213,7 @@ export default function HomePage() {
                             buildBatchPartialFailureMessage({
                                 failed: errors.length,
                                 total: jobs.length,
-                                errors: errors.map((error) => summarizeApiError(error, t('error.unexpected'))),
+                                errors: errors.map((error) => summarizeApiError(error, t('error.unexpected'), t)),
                                 t
                             })
                         )
@@ -2196,7 +2246,7 @@ export default function HomePage() {
                     return;
                 }
                 if (successes.length === 0) {
-                    throw errors[0] || new Error(t('error.noImages'));
+                    throw errors[0] || new ApiRequestError(t('error.noImages'));
                 }
                 const images = successes.flatMap((result) => result.images);
                 const usage = mergeUsageValues(successes.map((result) => result.usage));
@@ -2219,7 +2269,7 @@ export default function HomePage() {
                             buildBatchPartialFailureMessage({
                                 failed: errors.length,
                                 total: jobs.length,
-                                errors: errors.map((error) => summarizeApiError(error, t('error.unexpected'))),
+                                errors: errors.map((error) => summarizeApiError(error, t('error.unexpected'), t)),
                                 t
                             })
                         )
@@ -2250,7 +2300,7 @@ export default function HomePage() {
                 setStreamingPreviewImages(new Map());
                 return;
             }
-            const errorSummary = summarizeApiError(err, t('error.unexpected'));
+            const errorSummary = summarizeApiError(err, t('error.unexpected'), t);
             const message = buildUserFacingApiErrorMessage({ ...errorSummary, t });
             setError(createErrorNotice(message));
             setGenerationFailureMessage(message);
@@ -3136,9 +3186,7 @@ export default function HomePage() {
                 scheduleResultFeedbackDeleteTargets(feedbackDeleteTargets);
             } catch (e) {
                 console.error('清空历史记录失败：', e);
-                setError(
-                    createErrorNotice(t('error.clearHistory', { message: e instanceof Error ? e.message : String(e) }))
-                );
+                setError(createErrorNotice(t('error.clearHistory')));
             }
         }
     }, [createErrorNotice, history, scheduleResultFeedbackDeleteTargets, t]);
@@ -3148,19 +3196,28 @@ export default function HomePage() {
             if (storageMode === 'indexeddb') {
                 const record = allDbImages?.find((img) => img.filename === filename);
                 if (!record?.blob) {
-                    throw new Error(t('error.imageNotFoundDb', { filename }));
+                    throw new ApiRequestError(t('error.imageNotFoundDb', { filename }));
                 }
                 return record.blob;
             }
 
             if (!(await refreshImageAccessCookie())) {
-                throw new Error(t('error.imageAccessRefreshFailed'));
+                throw new ApiRequestError(t('error.imageAccessRefreshFailed'));
+            }
+            let response: Response;
+            try {
+                response = await fetch(`/api/image/${filename}`);
+            } catch {
+                throw new ApiRequestError(t('error.retrieveImage', { filename }));
             }
-            const response = await fetch(`/api/image/${filename}`);
             if (!response.ok) {
-                throw new Error(t('error.fetchImage', { statusText: response.statusText }));
+                throw new ApiRequestError(t('error.fetchImage', { status: response.status }));
+            }
+            try {
+                return await response.blob();
+            } catch {
+                throw new ApiRequestError(t('error.retrieveImage', { filename }));
             }
-            return response.blob();
         },
         [allDbImages, refreshImageAccessCookie, t]
     );
@@ -3179,7 +3236,9 @@ export default function HomePage() {
                 window.setTimeout(() => URL.revokeObjectURL(url), 150);
             } catch (error) {
                 setError(
-                    createErrorNotice(error instanceof Error ? error.message : t('error.retrieveImage', { filename }))
+                    createErrorNotice(
+                        error instanceof ApiRequestError ? error.message : t('error.retrieveImage', { filename })
+                    )
                 );
             }
         },
@@ -3208,9 +3267,7 @@ export default function HomePage() {
                 window.setTimeout(() => URL.revokeObjectURL(url), 150);
             } catch (error) {
                 setError(
-                    createErrorNotice(
-                        error instanceof Error ? error.message : t('error.retrieveImage', { filename: 'history.zip' })
-                    )
+                    createErrorNotice(error instanceof ApiRequestError ? error.message : t('error.downloadHistory'))
                 );
             }
         },
@@ -3299,13 +3356,18 @@ export default function HomePage() {
                     blob = record.blob;
                     mimeType = blob.type || mimeType;
                 } else {
-                    throw new Error(t('error.imageNotFoundDb', { filename }));
+                    throw new ApiRequestError(t('error.imageNotFoundDb', { filename }));
                 }
             } else {
                 if (!(await refreshImageAccessCookie())) {
                     return false;
                 }
-                const response = await fetch(`/api/image/${filename}`);
+                let response: Response;
+                try {
+                    response = await fetch(`/api/image/${filename}`);
+                } catch {
+                    throw new ApiRequestError(t('error.sendToEdit'));
+                }
                 if (response.status === 401 && isPasswordRequiredByBackend) {
                     let result: { code?: string } = {};
                     try {
@@ -3321,14 +3383,18 @@ export default function HomePage() {
                     return false;
                 }
                 if (!response.ok) {
-                    throw new Error(t('error.fetchImage', { statusText: response.statusText }));
+                    throw new ApiRequestError(t('error.fetchImage', { status: response.status }));
+                }
+                try {
+                    blob = await response.blob();
+                } catch {
+                    throw new ApiRequestError(t('error.sendToEdit'));
                 }
-                blob = await response.blob();
                 mimeType = response.headers.get('Content-Type') || mimeType;
             }
 
             if (!blob) {
-                throw new Error(t('error.retrieveImage', { filename }));
+                throw new ApiRequestError(t('error.retrieveImage', { filename }));
             }
 
             const newFile = new File([blob], filename, { type: mimeType });
@@ -3345,7 +3411,7 @@ export default function HomePage() {
             return true;
         } catch (err: unknown) {
             console.error('发送图片到编辑模式失败：', err);
-            const errorMessage = err instanceof Error ? err.message : t('error.sendToEdit');
+            const errorMessage = err instanceof ApiRequestError ? err.message : t('error.sendToEdit');
             setError(createErrorNotice(errorMessage));
             return false;
         } finally {
@@ -3449,19 +3515,34 @@ export default function HomePage() {
                         apiPayload.passwordHash = clientPasswordHash;
                     }
 
-                    const response = await fetch('/api/image-delete', {
-                        method: 'POST',
-                        headers: { 'Content-Type': 'application/json' },
-                        body: JSON.stringify(apiPayload)
-                    });
+                    let response: Response;
+                    try {
+                        response = await fetch('/api/image-delete', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify(apiPayload)
+                        });
+                    } catch {
+                        throw new ApiRequestError(t('error.deleteUnexpected'));
+                    }
 
-                    const result: unknown = await response.json();
+                    let result: unknown;
+                    try {
+                        result = await response.json();
+                    } catch {
+                        throw new ApiRequestError(t('error.deleteUnexpected'));
+                    }
                     if (!response.ok) {
-                        throw new Error(
-                            readApiErrorMessage(result) ?? `API deletion failed with status ${response.status}`
+                        throw new ApiRequestError(
+                            response.status === 401 ? t('error.unauthorized') : t('error.deleteUnexpected')
                         );
                     }
-                    const deletionResults = readWebuiImageFileOperationResults(result);
+                    let deletionResults: ReturnType<typeof readWebuiImageFileOperationResults>;
+                    try {
+                        deletionResults = readWebuiImageFileOperationResults(result);
+                    } catch {
+                        throw new ApiRequestError(t('error.deleteUnexpected'));
+                    }
                     setLoadedWebuiImageRetentionState((current) =>
                         current?.scopeKey === retentionScopeKey
                             ? {
@@ -3525,7 +3606,7 @@ export default function HomePage() {
                 scheduleResultFeedbackDeleteTargets(buildHistoryFeedbackDeleteTargets([item]));
             } catch (e: unknown) {
                 console.error('删除条目失败：', e);
-                setError(createErrorNotice(e instanceof Error ? e.message : t('error.deleteUnexpected')));
+                setError(createErrorNotice(e instanceof ApiRequestError ? e.message : t('error.deleteUnexpected')));
             } finally {
                 setItemToDeleteConfirm(null);
             }
@@ -3637,6 +3718,9 @@ export default function HomePage() {
             ) : null}
             {showEntryLock ? (
                 <div className='mx-auto flex min-h-screen w-full max-w-md flex-col items-center justify-center gap-6 px-4 text-center'>
+                    <div className='absolute top-3 right-4'>
+                        <LanguageSelector />
+                    </div>
                     <div className='bg-primary text-primary-foreground border-primary/20 flex size-14 items-center justify-center rounded-full border shadow-sm'>
                         <Lock className='h-6 w-6' />
                     </div>
@@ -3707,11 +3791,12 @@ export default function HomePage() {
                                     routeLabel={activeRouteLabel}
                                     streamStatus={getStreamingStatusLabel(streamMode, t)}
                                     parallelBatchEnabled={activeParallelBatchVisible}
-                                    costLabel={activeEstimatedCostLabel}
+                                    requestSummaryLabel={activeRequestSummaryLabel}
                                     runtimeHealthStatus={activeRuntimeHealthStatus}
                                     channelRouting={runtimeCapabilities?.channelRouting ?? null}
                                     runtimeLastFailure={runtimeCapabilities?.streamingBatch.lastFailure ?? null}
                                 />
+                                <LanguageSelector />
                                 <div className='text-muted-foreground hidden items-center sm:flex'>
                                     <button
                                         type='button'
@@ -3840,7 +3925,7 @@ export default function HomePage() {
                                         setPromptOptimization={setGenPromptOptimization}
                                         forceWeb={genForceWeb}
                                         setForceWeb={setGenForceWeb}
-                                        estimatedCostLabel={activeEstimatedCostLabel}
+                                        requestSummaryLabel={activeRequestSummaryLabel}
                                     />
                                 </div>
                                 <div
@@ -3935,7 +4020,7 @@ export default function HomePage() {
                                         setEditPromptOptimization={setEditPromptOptimization}
                                         editForceWeb={editForceWeb}
                                         setEditForceWeb={setEditForceWeb}
-                                        estimatedCostLabel={activeEstimatedCostLabel}
+                                        requestSummaryLabel={activeRequestSummaryLabel}
                                     />
                                 </div>
                             </section>

src/app/share/[token]/page-regressions.test.ts

@@ -16,4 +16,14 @@ describe('share page regressions', () => {
         assert.match(source, /id='share-page-access-code-hint'/);
         assert.match(source, /if \(accessCode\.trim\(\)\.length === 0\) \{\s*return;\s*\}/);
     });
+
+    it('maps share API error codes to localized messages instead of rendering API error text', async () => {
+        const source = await readFile(new URL('./page.tsx', import.meta.url), 'utf8');
+
+        assert.match(source, /resolveShareApiErrorMessage/);
+        assert.match(source, /resolveShareApiErrorMessage\(body, t, 'share\.loadFailed'\)/);
+        assert.match(source, /resolveShareApiErrorMessage\(imageBody, t, 'share\.unlockFailed'\)/);
+        assert.doesNotMatch(source, /body\.error/);
+        assert.doesNotMatch(source, /imageBody\.error/);
+    });
 });

src/app/share/[token]/page.tsx

@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { useI18n } from '@/lib/i18n';
+import { resolveShareApiErrorMessage } from '@/lib/share-api-error';
 import { buildShareApiPath } from '@/lib/share-route-paths';
 import Image from 'next/image';
 import * as React from 'react';
@@ -19,6 +20,12 @@ type ShareMetadata = {
     expired: boolean;
 };
 
+class SharePageUserError extends Error {}
+
+function resolveSharePageUserErrorMessage(error: unknown, fallback: string): string {
+    return error instanceof SharePageUserError ? error.message : fallback;
+}
+
 export default function SharePage({ params }: { params: Promise<{ token: string }> }) {
     const { t } = useI18n();
     const resolvedParams = React.use(params);
@@ -38,9 +45,9 @@ export default function SharePage({ params }: { params: Promise<{ token: string
             setError(null);
             try {
                 const response = await fetch(buildShareApiPath({ pathname: window.location.pathname, token }));
-                const body = await response.json();
+                const body: unknown = await response.json().catch(() => null);
                 if (!response.ok) {
-                    throw new Error(body.error || t('share.loadFailed'));
+                    throw new SharePageUserError(resolveShareApiErrorMessage(body, t, 'share.loadFailed'));
                 }
                 if (active) {
                     const nextMetadata = body as ShareMetadata;
@@ -55,11 +62,13 @@ export default function SharePage({ params }: { params: Promise<{ token: string
                             }
                         );
                         if (!imageResponse.ok) {
-                            const imageBody = await imageResponse.json().catch(() => ({}));
-                            throw new Error(imageBody.error || t('share.unlockFailed'));
+                            const imageBody: unknown = await imageResponse.json().catch(() => null);
+                            throw new SharePageUserError(
+                                resolveShareApiErrorMessage(imageBody, t, 'share.unlockFailed')
+                            );
                         }
                         if (!imageResponse.headers.get('content-type')?.startsWith('image/')) {
-                            throw new Error(t('share.unlockFailed'));
+                            throw new SharePageUserError(t('share.unlockFailed'));
                         }
                         const blob = await imageResponse.blob();
                         const nextUrl = URL.createObjectURL(blob);
@@ -69,7 +78,7 @@ export default function SharePage({ params }: { params: Promise<{ token: string
                     }
                 }
             } catch (err) {
-                if (active) setError(err instanceof Error ? err.message : t('share.loadFailed'));
+                if (active) setError(resolveSharePageUserErrorMessage(err, t('share.loadFailed')));
             } finally {
                 if (active) setIsLoading(false);
             }
@@ -100,11 +109,11 @@ export default function SharePage({ params }: { params: Promise<{ token: string
                 }
             );
             if (!response.ok) {
-                const body = await response.json().catch(() => ({}));
-                throw new Error(body.error || t('share.unlockFailed'));
+                const body: unknown = await response.json().catch(() => null);
+                throw new SharePageUserError(resolveShareApiErrorMessage(body, t, 'share.unlockFailed'));
             }
             if (!response.headers.get('content-type')?.startsWith('image/')) {
-                throw new Error(t('share.unlockFailed'));
+                throw new SharePageUserError(t('share.unlockFailed'));
             }
             const blob = await response.blob();
             const nextUrl = URL.createObjectURL(blob);
@@ -112,7 +121,7 @@ export default function SharePage({ params }: { params: Promise<{ token: string
             imageUrlRef.current = nextUrl;
             setImageUrl(nextUrl);
         } catch (err) {
-            setError(err instanceof Error ? err.message : t('share.unlockFailed'));
+            setError(resolveSharePageUserErrorMessage(err, t('share.unlockFailed')));
         } finally {
             setIsUnlocking(false);
         }

src/components/editing-form.test.tsx

@@ -177,7 +177,7 @@ function createEditingFormProps({
         setEditPromptOptimization: noop,
         editForceWeb: false,
         setEditForceWeb: noop,
-        estimatedCostLabel: '预计 0.12 积分',
+        requestSummaryLabel: '请求 1 张图片',
         initialAdvancedOpen: advancedOpen,
         initialAdvancedTab: advancedTab
     };
@@ -204,8 +204,8 @@ describe('EditingForm submit footer', { concurrency: false }, () => {
         assert.match(html, /min-w-0 items-center justify-center rounded-md/);
         assert.doesNotMatch(html, /text-center whitespace-nowrap/);
         assert.doesNotMatch(html, /min-\[1760px\]:flex/);
-        assert.match(html, /存为灵感/);
-        assert.match(html, /随便来点/);
+        assert.match(html, /收藏提示词/);
+        assert.match(html, /随机套用/);
         assert.match(html, /min-h-11 min-w-0 items-center justify-center/);
         assert.match(html, /focus-visible:ring-2 focus-visible:outline-none/);
         assert.match(html, /flex min-h-0 flex-1 flex-col overflow-hidden/);
@@ -231,8 +231,8 @@ describe('EditingForm submit footer', { concurrency: false }, () => {
             canApplyRandomInspiration: false
         });
 
-        assertButtonDisabled(html, '存为灵感');
-        assertButtonDisabled(html, '随便来点');
+        assertButtonDisabled(html, '收藏提示词');
+        assertButtonDisabled(html, '随机套用');
         assert.doesNotMatch(html, /用户保存的编辑提示词/);
     });
 
@@ -257,10 +257,10 @@ describe('EditingForm submit footer', { concurrency: false }, () => {
 
         try {
             const saveButton = [...view.container.querySelectorAll('button')].find((button) =>
-                button.textContent?.includes('存为灵感')
+                button.textContent?.includes('收藏提示词')
             );
             const randomButton = [...view.container.querySelectorAll('button')].find((button) =>
-                button.textContent?.includes('随便来点')
+                button.textContent?.includes('随机套用')
             );
 
             assert.ok(saveButton, 'missing edit save inspiration button');
@@ -374,7 +374,7 @@ describe('EditingForm advanced upstream controls', () => {
         const html = renderEditingForm({ backend: 'server-default', advancedOpen: false });
 
         assert.match(html, /默认线路/);
-        assert.match(html, /预计 0\.12 积分/);
+        assert.match(html, /请求 1 张图片/);
     });
 
     it('renders edit model controls only in the professional model tab', () => {

src/components/editing-form.tsx

@@ -15,6 +15,7 @@ import { Textarea } from '@/components/ui/textarea';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
 import type { GptImageModel } from '@/lib/cost-utils';
 import { useI18n } from '@/lib/i18n';
+import { getImageOutputFormatLabel, getImageQualityLabel } from '@/lib/image-display-labels';
 import type {
     ImageUpstreamFormBackend,
     ImageUpstreamFormPromptOptimization,
@@ -181,7 +182,7 @@ type EditingFormProps = {
     setEditPromptOptimization: React.Dispatch<React.SetStateAction<EditingFormData['promptOptimization']>>;
     editForceWeb: boolean;
     setEditForceWeb: React.Dispatch<React.SetStateAction<boolean>>;
-    estimatedCostLabel: string;
+    requestSummaryLabel: string;
     initialAdvancedOpen?: boolean;
     initialAdvancedTab?: AdvancedTab;
 };
@@ -294,19 +295,6 @@ function getStreamModeLabel(streamMode: ImageStreamMode, t: (key: string) => str
     return t('streaming.modeAuto');
 }
 
-function getQualityLabel(quality: EditingFormData['quality'], t: (key: string) => string): string {
-    if (quality === 'low') return t('common.low');
-    if (quality === 'medium') return t('common.medium');
-    if (quality === 'high') return t('common.high');
-    return t('common.auto');
-}
-
-function getOutputFormatLabel(format: EditingFormData['output_format'], t: (key: string) => string): string {
-    if (format === 'jpeg') return t('common.jpeg');
-    if (format === 'webp') return t('common.webp');
-    return t('common.png');
-}
-
 export function EditingForm({
     onSubmit,
     onSaveInspiration,
@@ -385,7 +373,7 @@ export function EditingForm({
     setEditPromptOptimization,
     editForceWeb,
     setEditForceWeb,
-    estimatedCostLabel,
+    requestSummaryLabel,
     initialAdvancedOpen = false,
     initialAdvancedTab = 'output'
 }: EditingFormProps) {
@@ -459,8 +447,8 @@ export function EditingForm({
         t
     ]);
     const advancedSummary = [
-        `${t('form.quality')}: ${getQualityLabel(editQuality, t)}`,
-        `${t('form.outputFormat')}: ${getOutputFormatLabel(editOutputFormat, t)}`,
+        `${t('form.quality')}: ${getImageQualityLabel(editQuality, t)}`,
+        `${t('form.outputFormat')}: ${getImageOutputFormatLabel(editOutputFormat, t)}`,
         getBackendLabel(editImageBackend, t)
     ].join(', ');
     const streamModeLabel = getStreamModeLabel(streamMode, t);
@@ -1042,7 +1030,7 @@ export function EditingForm({
                                   : t('edit.createMask')}
                             {editIsMaskSaved && !editShowMaskEditor && (
                                 <span className='ml-auto text-xs text-emerald-600 dark:text-emerald-400'>
-                                    ({t('common.saved')})
+                                    ({t('edit.maskAppliedStatus')})
                                 </span>
                             )}
                             <ScanEye className='mt-0.5' />
@@ -1240,7 +1228,7 @@ export function EditingForm({
                                     </div>
                                 </div>
                                 <p className='text-muted-foreground ui-stat text-xs'>
-                                    {t('form.pixelsMeta', {
+                                    {t(usesPositiveIntegerCustomSize ? 'form.pixelsMeta' : 'form.pixelsMetaOfMaximum', {
                                         pixels: editCustomPixels.toLocaleString(locale),
                                         percent: ((editCustomPixels / 8_294_400) * 100).toFixed(1),
                                         ratio: editCustomRatio
@@ -1499,12 +1487,24 @@ export function EditingForm({
                                                                 <SelectItem value='server-default'>
                                                                     {t('upstream.serverDefault')}
                                                                 </SelectItem>
-                                                                <SelectItem value='none'>none</SelectItem>
-                                                                <SelectItem value='minimal'>minimal</SelectItem>
-                                                                <SelectItem value='low'>low</SelectItem>
-                                                                <SelectItem value='medium'>medium</SelectItem>
-                                                                <SelectItem value='high'>high</SelectItem>
-                                                                <SelectItem value='xhigh'>xhigh</SelectItem>
+                                                                <SelectItem value='none'>
+                                                                    {t('upstream.thinkingNone')}
+                                                                </SelectItem>
+                                                                <SelectItem value='minimal'>
+                                                                    {t('upstream.thinkingMinimal')}
+                                                                </SelectItem>
+                                                                <SelectItem value='low'>
+                                                                    {t('upstream.thinkingLow')}
+                                                                </SelectItem>
+                                                                <SelectItem value='medium'>
+                                                                    {t('upstream.thinkingMedium')}
+                                                                </SelectItem>
+                                                                <SelectItem value='high'>
+                                                                    {t('upstream.thinkingHigh')}
+                                                                </SelectItem>
+                                                                <SelectItem value='xhigh'>
+                                                                    {t('upstream.thinkingXhigh')}
+                                                                </SelectItem>
                                                             </SelectContent>
                                                         </Select>
                                                     </div>
@@ -1764,21 +1764,21 @@ export function EditingForm({
                                                 <RadioItemWithIcon
                                                     value='png'
                                                     id='edit-format-png'
-                                                    label='PNG'
+                                                    label={t('common.png')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
                                                 <RadioItemWithIcon
                                                     value='jpeg'
                                                     id='edit-format-jpeg'
-                                                    label='JPEG'
+                                                    label={t('common.jpeg')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
                                                 <RadioItemWithIcon
                                                     value='webp'
                                                     id='edit-format-webp'
-                                                    label='WebP'
+                                                    label={t('common.webp')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
@@ -1876,7 +1876,7 @@ export function EditingForm({
                                 </span>
                             )}
                             <span className='border-primary/20 bg-primary/10 text-primary col-span-2 inline-flex min-w-0 items-center justify-center rounded-md border px-2 py-1 text-center leading-4 break-words whitespace-normal'>
-                                {estimatedCostLabel}
+                                {requestSummaryLabel}
                             </span>
                         </div>
                         {submitDisabledReason && (

src/components/generation-form.test.tsx

@@ -142,7 +142,7 @@ function createGenerationFormProps(options: GenerationRenderOptions = {}): React
         setPromptOptimization: noop,
         forceWeb: false,
         setForceWeb: noop,
-        estimatedCostLabel: '预计 0.12 积分',
+        requestSummaryLabel: '请求 1 张图片',
         defaultAdvancedOpen: options.defaultAdvancedOpen,
         defaultAdvancedTab: options.defaultAdvancedTab
     };
@@ -283,10 +283,10 @@ describe('GenerationForm inactive state', { concurrency: false }, () => {
 
         try {
             const saveButton = [...view.container.querySelectorAll('button')].find((button) =>
-                button.textContent?.includes('存为灵感')
+                button.textContent?.includes('收藏提示词')
             );
             const randomButton = [...view.container.querySelectorAll('button')].find((button) =>
-                button.textContent?.includes('随便来点')
+                button.textContent?.includes('随机套用')
             );
 
             assert.ok(saveButton, 'missing generation save inspiration button');
@@ -321,7 +321,7 @@ describe('GenerationForm inactive state', { concurrency: false }, () => {
 
         try {
             const randomButton = [...view.container.querySelectorAll('button')].find((button) =>
-                button.textContent?.includes('随便来点')
+                button.textContent?.includes('随机套用')
             );
 
             assert.ok(randomButton, 'missing batch random inspiration button');
@@ -353,7 +353,7 @@ describe('GenerationForm advanced groups', () => {
     it('shows task-specific descriptions in the mode segmented control', () => {
         const html = renderGenerationForm();
 
-        for (const label of ['从灵感开始', '带图继续改', '一次多张', '套用旧稿']) {
+        for (const label of ['从灵感开始', '基于参考图编辑', '一次多张', '套用已有提示词']) {
             assert.match(html, new RegExp(label));
         }
     });
@@ -383,7 +383,7 @@ describe('GenerationForm advanced groups', () => {
         const html = renderGenerationForm();
 
         assert.match(html, /默认线路/);
-        assert.match(html, /预计 0\.12 积分/);
+        assert.match(html, /请求 1 张图片/);
     });
 
     it('labels the expanded mobile advanced drawer as professional mode', () => {
@@ -541,8 +541,8 @@ describe('GenerationForm advanced groups', () => {
     it('disables random inspiration when no saved prompt is available', () => {
         const html = renderGenerationForm({ canApplyRandomInspiration: false });
 
-        assert.match(html, /随便来点/);
-        assert.match(html, /<button[^>]*disabled=""[^>]*>[\s\S]*随便来点[\s\S]*<\/button>/);
+        assert.match(html, /随机套用/);
+        assert.match(html, /<button[^>]*disabled=""[^>]*>[\s\S]*随机套用[\s\S]*<\/button>/);
         assert.doesNotMatch(html, /夏日窗边的奶油色房间/);
     });
 

src/components/generation-form.tsx

@@ -16,6 +16,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
 import { readBatchPromptLines } from '@/lib/batch-prompts';
 import type { GptImageModel } from '@/lib/cost-utils';
 import { useI18n } from '@/lib/i18n';
+import { getImageOutputFormatLabel, getImageQualityLabel } from '@/lib/image-display-labels';
 import { shouldRecommendImageStreaming } from '@/lib/image-streaming-recommendation';
 import type {
     ImageUpstreamFormBackend,
@@ -173,7 +174,7 @@ type GenerationFormProps = {
     setPromptOptimization: React.Dispatch<React.SetStateAction<GenerationFormData['promptOptimization']>>;
     forceWeb: boolean;
     setForceWeb: React.Dispatch<React.SetStateAction<boolean>>;
-    estimatedCostLabel: string;
+    requestSummaryLabel: string;
     defaultAdvancedOpen?: boolean;
     defaultAdvancedTab?: AdvancedTab;
 };
@@ -311,19 +312,6 @@ function getStreamModeLabel(streamMode: ImageStreamMode, t: (key: string) => str
     return t('streaming.modeAuto');
 }
 
-function getQualityLabel(quality: GenerationFormData['quality'], t: (key: string) => string): string {
-    if (quality === 'low') return t('common.low');
-    if (quality === 'medium') return t('common.medium');
-    if (quality === 'high') return t('common.high');
-    return t('common.auto');
-}
-
-function getOutputFormatLabel(format: GenerationFormData['output_format'], t: (key: string) => string): string {
-    if (format === 'jpeg') return t('common.jpeg');
-    if (format === 'webp') return t('common.webp');
-    return t('common.png');
-}
-
 export function GenerationForm({
     onSubmit,
     onSaveInspiration,
@@ -391,7 +379,7 @@ export function GenerationForm({
     setPromptOptimization,
     forceWeb,
     setForceWeb,
-    estimatedCostLabel,
+    requestSummaryLabel,
     defaultAdvancedOpen = false,
     defaultAdvancedTab = 'output'
 }: GenerationFormProps) {
@@ -471,8 +459,8 @@ export function GenerationForm({
         t
     ]);
     const advancedSummary = [
-        `${t('form.quality')}: ${getQualityLabel(quality, t)}`,
-        `${t('form.outputFormat')}: ${getOutputFormatLabel(outputFormat, t)}`,
+        `${t('form.quality')}: ${getImageQualityLabel(quality, t)}`,
+        `${t('form.outputFormat')}: ${getImageOutputFormatLabel(outputFormat, t)}`,
         getBackendLabel(imageBackend, t)
     ].join(', ');
     const streamModeLabel = getStreamModeLabel(streamMode, t);
@@ -800,7 +788,7 @@ export function GenerationForm({
                                     </div>
                                 </div>
                                 <p className='text-muted-foreground ui-stat text-xs'>
-                                    {t('form.pixelsMeta', {
+                                    {t(usesPositiveIntegerCustomSize ? 'form.pixelsMeta' : 'form.pixelsMetaOfMaximum', {
                                         pixels: customPixels.toLocaleString(locale),
                                         percent: ((customPixels / 8_294_400) * 100).toFixed(1),
                                         ratio: customRatio
@@ -888,21 +876,21 @@ export function GenerationForm({
                                 <RadioItemWithIcon
                                     value='jpeg'
                                     id='format-jpeg-quick'
-                                    label='JPG'
+                                    label={t('common.jpeg')}
                                     Icon={FileImage}
                                     disabled={isLoading}
                                 />
                                 <RadioItemWithIcon
                                     value='png'
                                     id='format-png-quick'
-                                    label='PNG'
+                                    label={t('common.png')}
                                     Icon={FileImage}
                                     disabled={isLoading}
                                 />
                                 <RadioItemWithIcon
                                     value='webp'
                                     id='format-webp-quick'
-                                    label='WEBP'
+                                    label={t('common.webp')}
                                     Icon={FileImage}
                                     disabled={isLoading}
                                 />
@@ -1134,12 +1122,24 @@ export function GenerationForm({
                                                                 <SelectItem value='server-default'>
                                                                     {t('upstream.serverDefault')}
                                                                 </SelectItem>
-                                                                <SelectItem value='none'>none</SelectItem>
-                                                                <SelectItem value='minimal'>minimal</SelectItem>
-                                                                <SelectItem value='low'>low</SelectItem>
-                                                                <SelectItem value='medium'>medium</SelectItem>
-                                                                <SelectItem value='high'>high</SelectItem>
-                                                                <SelectItem value='xhigh'>xhigh</SelectItem>
+                                                                <SelectItem value='none'>
+                                                                    {t('upstream.thinkingNone')}
+                                                                </SelectItem>
+                                                                <SelectItem value='minimal'>
+                                                                    {t('upstream.thinkingMinimal')}
+                                                                </SelectItem>
+                                                                <SelectItem value='low'>
+                                                                    {t('upstream.thinkingLow')}
+                                                                </SelectItem>
+                                                                <SelectItem value='medium'>
+                                                                    {t('upstream.thinkingMedium')}
+                                                                </SelectItem>
+                                                                <SelectItem value='high'>
+                                                                    {t('upstream.thinkingHigh')}
+                                                                </SelectItem>
+                                                                <SelectItem value='xhigh'>
+                                                                    {t('upstream.thinkingXhigh')}
+                                                                </SelectItem>
                                                             </SelectContent>
                                                         </Select>
                                                     </div>
@@ -1437,21 +1437,21 @@ export function GenerationForm({
                                                 <RadioItemWithIcon
                                                     value='png'
                                                     id='format-png'
-                                                    label='PNG'
+                                                    label={t('common.png')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
                                                 <RadioItemWithIcon
                                                     value='jpeg'
                                                     id='format-jpeg'
-                                                    label='JPEG'
+                                                    label={t('common.jpeg')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
                                                 <RadioItemWithIcon
                                                     value='webp'
                                                     id='format-webp'
-                                                    label='WebP'
+                                                    label={t('common.webp')}
                                                     Icon={FileImage}
                                                     disabled={isLoading}
                                                 />
@@ -1531,7 +1531,7 @@ export function GenerationForm({
                                 </span>
                             )}
                             <span className='border-primary/20 bg-primary/10 text-primary col-span-2 inline-flex min-w-0 items-center justify-center rounded-md border px-2 py-1 text-center leading-4 break-words whitespace-normal'>
-                                {estimatedCostLabel}
+                                {requestSummaryLabel}
                             </span>
                         </div>
                         {submitDisabledReason && (

src/components/history-panel.test.tsx

@@ -176,7 +176,9 @@ describe('HistoryPanel recent history actions', () => {
 
         assert.match(html, /最近生成/);
         assert.match(html, /用户真实历史提示词/);
-        assert.match(html, /数据库/);
+        assert.match(html, /浏览器本地数据库/);
+        assert.match(html, /1\.4 秒/);
+        assert.match(html, /收藏提示词/);
         assert.doesNotMatch(html, /Album/);
         assert.doesNotMatch(html, /Local/);
         assert.match(html, /收藏这条历史提示词/);
@@ -188,6 +190,20 @@ describe('HistoryPanel recent history actions', () => {
         assert.match(html, /aria-label="标记本次结果可用"/);
         assert.match(html, /aria-label="标记本次结果需要修改"/);
         assert.doesNotMatch(html, /2xl:grid-cols-2/);
+
+        const fsHtml = renderHistoryPanel([fsHistoryItem]);
+        assert.match(fsHtml, /服务器文件存储/);
+    });
+
+    it('renders persisted request enums with localized labels', () => {
+        const html = renderHistoryPanel([historyItem]);
+
+        assert.match(html, /清晰度：<\/span> 高/);
+        assert.match(html, /背景：<\/span> 自动/);
+        assert.match(html, /审核级别：<\/span> 自动/);
+        assert.match(html, />PNG<\/span>/);
+        assert.doesNotMatch(html, /清晰度：<\/span> high/);
+        assert.doesNotMatch(html, /背景：<\/span> auto/);
     });
 
     it('renders permanent-save selection controls only for fs history when cleanup is enabled', () => {
@@ -198,7 +214,7 @@ describe('HistoryPanel recent history actions', () => {
         });
 
         assert.match(html, /aria-label="选择最近生成图片"/);
-        assert.match(html, /aria-label="已永久保存"/);
+        assert.match(html, /aria-label="已免于自动清理"/);
         assert.doesNotMatch(html, /data-retention-image="history-card\.png"/);
 
         const disabledHtml = renderHistoryPanel([fsHistoryItem], [], [], false, {
@@ -237,7 +253,7 @@ describe('HistoryPanel recent history actions', () => {
             await view.click(checkbox);
 
             const preserveButton = [...view.container.querySelectorAll<HTMLButtonElement>('button')].find(
-                (button) => button.textContent === '永久保存'
+                (button) => button.textContent === '设为免于自动清理'
             );
             assert.ok(preserveButton, 'missing preserve action');
             await view.click(preserveButton);
@@ -286,7 +302,7 @@ describe('HistoryPanel recent history actions', () => {
             );
             assert.equal(retainedCheckbox?.getAttribute('data-state'), 'checked');
             const preserveButton = [...view.container.querySelectorAll<HTMLButtonElement>('button')].find(
-                (button) => button.textContent === '永久保存'
+                (button) => button.textContent === '设为免于自动清理'
             );
             assert.ok(preserveButton, 'missing preserve action after history update');
             await view.click(preserveButton);
@@ -332,7 +348,7 @@ describe('HistoryPanel recent history actions', () => {
 
             assert.match(view.container.textContent ?? '', /已选择 0 张/);
             const preserveButton = [...view.container.querySelectorAll<HTMLButtonElement>('button')].find(
-                (button) => button.textContent === '永久保存'
+                (button) => button.textContent === '设为免于自动清理'
             );
             assert.equal(preserveButton?.disabled, true);
             assert.deepEqual(updates, []);
@@ -351,7 +367,7 @@ describe('HistoryPanel recent history actions', () => {
                     cleanupEnabled: true,
                     permanentlySavedFilenames: new Set(),
                     onUpdatePermanentSave: async () => {
-                        throw new Error('部分图片的永久保存状态未更新。');
+                        throw new Error('部分图片的自动清理保护未更新。');
                     }
                 })
             );
@@ -366,12 +382,12 @@ describe('HistoryPanel recent history actions', () => {
             await view.click(checkbox);
 
             const preserveButton = [...view.container.querySelectorAll<HTMLButtonElement>('button')].find(
-                (button) => button.textContent === '永久保存'
+                (button) => button.textContent === '设为免于自动清理'
             );
             assert.ok(preserveButton, 'missing preserve action');
             await view.click(preserveButton);
 
-            assert.match(view.container.textContent ?? '', /部分图片的永久保存状态未更新。/);
+            assert.match(view.container.textContent ?? '', /部分图片的自动清理保护未更新。/);
             assert.equal(checkbox.getAttribute('data-state'), 'checked');
         } finally {
             await view?.cleanup();
@@ -423,6 +439,19 @@ describe('HistoryPanel recent history actions', () => {
         assert.match(source, /text_input_tokens\.toLocaleString\(\s*locale\s*\)/);
         assert.match(source, /image_input_tokens\.toLocaleString\(\s*locale\s*\)/);
         assert.match(source, /image_output_tokens\.toLocaleString\(\s*locale\s*\)/);
+        assert.match(source, /formatImageDurationLabel\(durationMs, locale, t\)/);
+        assert.match(source, /getStorageLabel\(originalStorageMode, t\)/);
+    });
+
+    it('localizes actual-cost diagnostics instead of rendering internal values', async () => {
+        const source = await readFile(new URL('./history-panel.tsx', import.meta.url), 'utf8');
+
+        assert.match(source, /getActualCostSourceLabel\(/);
+        assert.match(source, /getActualCostConfidenceLabel\(/);
+        assert.match(source, /getActualCostReasonLabel\(/);
+        assert.doesNotMatch(source, /\{item\.actualCostDetails\.source\}/);
+        assert.doesNotMatch(source, /\{item\.actualCostDetails\.confidence\}/);
+        assert.doesNotMatch(source, /\{item\.actualCostDetails\.reason\}/);
     });
 
     it('renders saved result feedback on completed history cards', () => {
@@ -495,7 +524,7 @@ describe('HistoryPanel recent history actions', () => {
         assert.match(html, /snap-x snap-mandatory/);
         assert.match(html, /w-\[min\(84vw,360px\)\]/);
         assert.match(html, /用户保存的真实灵感提示词/);
-        assert.match(html, /aria-label="套用灵感：用户保存的真实灵感提示词"/);
+        assert.match(html, /aria-label="套用提示词：用户保存的真实灵感提示词"/);
         assert.doesNotMatch(html, /窗边的花与书/);
         assert.doesNotMatch(html, /inspiration-flowers/);
     });
@@ -503,9 +532,9 @@ describe('HistoryPanel recent history actions', () => {
     it('does not render fake inspiration actions without handlers', () => {
         const html = renderHistoryPanel([], [inspirationItem]);
 
-        assert.match(html, /已保存的灵感/);
-        assert.match(html, /套用首个模板/);
-        assert.match(html, /1 条灵感/);
+        assert.match(html, /已保存的提示词/);
+        assert.match(html, /套用首条提示词/);
+        assert.match(html, /已保存 1 条提示词/);
         assert.doesNotMatch(html, /aria-label="收藏"/);
         assert.doesNotMatch(html, />管理</);
     });
@@ -518,7 +547,7 @@ describe('HistoryPanel recent history actions', () => {
         assert.match(html, /xl:flex xl:max-h-none xl:flex-1 xl:flex-col/);
         assert.doesNotMatch(html, /xl:h-auto xl:self-start/);
         assert.doesNotMatch(html, /border-dashed/);
-        assert.match(html, /暂无已保存的灵感/);
+        assert.match(html, /暂无已保存的提示词/);
         assert.doesNotMatch(html, /activity-feed/);
         assert.doesNotMatch(html, /生成动态/);
     });

src/components/history-panel.tsx

@@ -24,6 +24,13 @@ import {
     type ResultFeedbackValue
 } from '@/lib/history-metadata';
 import { useI18n } from '@/lib/i18n';
+import {
+    formatImageDurationLabel,
+    getImageBackgroundLabel,
+    getImageModerationLabel,
+    getImageOutputFormatLabel,
+    getImageQualityLabel
+} from '@/lib/image-display-labels';
 import { cn } from '@/lib/utils';
 import {
     Copy,
@@ -110,33 +117,16 @@ export type PromptApplySource =
 
 const emptyPermanentFilenames: ReadonlySet<string> = new Set();
 
-const formatDuration = (ms: number): string => {
-    if (ms < 1000) {
-        return `${ms}ms`;
-    }
-    const totalSeconds = Math.round(ms / 1000);
-    if (totalSeconds < 60) {
-        return `${(ms / 1000).toFixed(1)}s`;
-    }
-
-    const hours = Math.floor(totalSeconds / 3600);
-    const minutes = Math.floor((totalSeconds % 3600) / 60);
-    const seconds = totalSeconds % 60;
-    const paddedSeconds = seconds.toString().padStart(2, '0');
-
-    if (hours > 0) {
-        return `${hours}h ${minutes.toString().padStart(2, '0')}m ${paddedSeconds}s`;
-    }
-    return `${minutes}m ${paddedSeconds}s`;
-};
-
-const calculateCost = (value: number, rate: number): string => {
+const calculateCost = (value: number, rate: number): string | null => {
     const cost = value * rate;
-    return isNaN(cost) ? 'N/A' : cost.toFixed(4);
+    return Number.isFinite(cost) ? cost.toFixed(4) : null;
 };
 
 const formatMoney = (value: number): string => value.toFixed(4);
-const formatEstimatedTokenCost = (value: number, rate: number): string => `$${calculateCost(value, rate)}`;
+const formatEstimatedTokenCost = (value: number, rate: number, unavailableLabel: string): string => {
+    const cost = calculateCost(value, rate);
+    return cost === null ? unavailableLabel : `$${cost}`;
+};
 
 function getStorageLabel(storageMode: HistoryMetadata['storageModeUsed'], t: ReturnType<typeof useI18n>['t']): string {
     return storageMode === 'fs' ? t('history.storageFile') : t('history.storageDb');
@@ -195,6 +185,32 @@ function getCostStatusLabel(
     return '-';
 }
 
+function getActualCostSourceLabel(source: string, t: ReturnType<typeof useI18n>['t']): string {
+    if (source === 'new-api-log-token') return t('history.costSourceMatchedLog');
+    if (source === 'pending') return t('history.costSourcePending');
+    if (source === 'unavailable') return t('history.costSourceUnavailable');
+    if (source === 'estimate') return t('history.costSourceEstimate');
+    return source;
+}
+
+function getActualCostConfidenceLabel(confidence: string, t: ReturnType<typeof useI18n>['t']): string {
+    if (confidence === 'exact') return t('history.costConfidenceExact');
+    if (confidence === 'high') return t('history.costConfidenceHigh');
+    if (confidence === 'low') return t('history.costConfidenceLow');
+    if (confidence === 'none') return t('history.costConfidenceNone');
+    return confidence;
+}
+
+function getActualCostReasonLabel(
+    details: NonNullable<HistoryMetadata['actualCostDetails']>,
+    t: ReturnType<typeof useI18n>['t']
+): string | null {
+    if (details.source === 'pending') return t('history.costReasonPending');
+    if (details.source === 'unavailable') return t('history.costReasonUnavailable');
+    if (details.confidence === 'low' || details.confidence === 'none') return t('history.costReasonLowConfidence');
+    return null;
+}
+
 function getHistoryStorageMode(item: HistoryMetadata): NonNullable<HistoryMetadata['storageModeUsed']> {
     return item.storageModeUsed ?? 'fs';
 }
@@ -324,7 +340,7 @@ function HistoryPanelImpl({
                 await onUpdatePermanentSave(action, filenames);
                 setSelectedRetentionFilenames(new Set());
             } catch (error) {
-                console.error('更新图片永久保存状态失败：', error);
+                console.error('更新图片自动清理保护失败：', error);
                 setRetentionError(
                     error instanceof Error && error.message ? error.message : t('retention.updateFailed')
                 );
@@ -357,6 +373,10 @@ function HistoryPanelImpl({
             }),
         [locale]
     );
+    const formatDuration = React.useCallback(
+        (durationMs: number) => formatImageDurationLabel(durationMs, locale, t),
+        [locale, t]
+    );
     const handleThumbnailLoad = React.useCallback((filename: string, event: React.SyntheticEvent<HTMLImageElement>) => {
         const image = event.currentTarget;
         if (!image.naturalWidth || !image.naturalHeight) return;
@@ -691,6 +711,9 @@ function HistoryPanelImpl({
                                 unavailable: t('history.actualCostUnavailable'),
                                 estimated: t('history.estimatedCostShort')
                             });
+                            const actualCostReason = item.actualCostDetails
+                                ? getActualCostReasonLabel(item.actualCostDetails, t)
+                                : null;
 
                             let thumbnailUrl: string | undefined;
                             if (firstImage) {
@@ -800,7 +823,7 @@ function HistoryPanelImpl({
                                                 {item.output_format && (
                                                     <div className='bg-background/85 text-muted-foreground border-border flex items-center gap-1 rounded-sm border px-1 py-0.5 text-[11px]'>
                                                         <FileImage size={12} className='text-muted-foreground' />
-                                                        <span>{outputFormat.toUpperCase()}</span>
+                                                        <span>{getImageOutputFormatLabel(outputFormat, t)}</span>
                                                     </div>
                                                 )}
                                             </div>
@@ -909,7 +932,10 @@ function HistoryPanelImpl({
                                                                             <div className='flex justify-between gap-3'>
                                                                                 <span>{t('history.costSource')}</span>
                                                                                 <span className='text-right'>
-                                                                                    {item.actualCostDetails.source}
+                                                                                    {getActualCostSourceLabel(
+                                                                                        item.actualCostDetails.source,
+                                                                                        t
+                                                                                    )}
                                                                                 </span>
                                                                             </div>
                                                                             <div className='flex justify-between gap-3'>
@@ -917,7 +943,11 @@ function HistoryPanelImpl({
                                                                                     {t('history.costConfidence')}
                                                                                 </span>
                                                                                 <span>
-                                                                                    {item.actualCostDetails.confidence}
+                                                                                    {getActualCostConfidenceLabel(
+                                                                                        item.actualCostDetails
+                                                                                            .confidence,
+                                                                                        t
+                                                                                    )}
                                                                                 </span>
                                                                             </div>
                                                                             {typeof item.actualCostDetails
@@ -947,9 +977,9 @@ function HistoryPanelImpl({
                                                                                     </span>
                                                                                 </div>
                                                                             )}
-                                                                            {item.actualCostDetails.reason && (
+                                                                            {actualCostReason && (
                                                                                 <p className='text-xs'>
-                                                                                    {item.actualCostDetails.reason}
+                                                                                    {actualCostReason}
                                                                                 </p>
                                                                             )}
                                                                         </div>
@@ -968,7 +998,8 @@ function HistoryPanelImpl({
                                                                                     {formatEstimatedTokenCost(
                                                                                         item.costDetails
                                                                                             .text_input_tokens,
-                                                                                        rates.textInputPerToken
+                                                                                        rates.textInputPerToken,
+                                                                                        t('common.unavailable')
                                                                                     )}
                                                                                     )
                                                                                 </span>
@@ -987,7 +1018,8 @@ function HistoryPanelImpl({
                                                                                         {formatEstimatedTokenCost(
                                                                                             item.costDetails
                                                                                                 .image_input_tokens,
-                                                                                            rates.imageInputPerToken
+                                                                                            rates.imageInputPerToken,
+                                                                                            t('common.unavailable')
                                                                                         )}
                                                                                         )
                                                                                     </span>
@@ -1005,7 +1037,8 @@ function HistoryPanelImpl({
                                                                                     {formatEstimatedTokenCost(
                                                                                         item.costDetails
                                                                                             .image_output_tokens,
-                                                                                        rates.imageOutputPerToken
+                                                                                        rates.imageOutputPerToken,
+                                                                                        t('common.unavailable')
                                                                                     )}
                                                                                     )
                                                                                 </span>
@@ -1052,7 +1085,10 @@ function HistoryPanelImpl({
                                             {formatStatusTime(item.timestamp)}
                                             <span className='text-muted-foreground/70 px-1'>/</span>
                                             {isFailedItem
-                                                ? `${t('history.failedStatus')}，${formatDuration(item.durationMs)}`
+                                                ? t('history.statusFailedSummary', {
+                                                      status: t('history.failedStatus'),
+                                                      duration: formatDuration(item.durationMs)
+                                                  })
                                                 : t('history.statusBatchSummary', {
                                                       count: imageCount,
                                                       duration: formatDuration(item.durationMs)
@@ -1076,15 +1112,15 @@ function HistoryPanelImpl({
                                         </p>
                                         <p>
                                             <span className='text-foreground font-medium'>{t('history.quality')}</span>{' '}
-                                            {item.quality}
+                                            {getImageQualityLabel(item.quality, t)}
                                         </p>
                                         <p>
                                             <span className='text-foreground font-medium'>{t('history.bg')}</span>{' '}
-                                            {item.background}
+                                            {getImageBackgroundLabel(item.background, t)}
                                         </p>
                                         <p>
                                             <span className='text-foreground font-medium'>{t('history.mod')}</span>{' '}
-                                            {item.moderation}
+                                            {getImageModerationLabel(item.moderation, t)}
                                         </p>
                                         <p
                                             className='mt-2 max-h-10 min-h-8 overflow-hidden leading-5 break-words'
@@ -1401,7 +1437,7 @@ function HistoryPanelImpl({
                                                                     {t('history.quality')}
                                                                 </dt>
                                                                 <dd className='text-foreground font-medium'>
-                                                                    {item.quality}
+                                                                    {getImageQualityLabel(item.quality, t)}
                                                                 </dd>
                                                             </div>
                                                             <div>
@@ -1409,7 +1445,7 @@ function HistoryPanelImpl({
                                                                     {t('history.bg')}
                                                                 </dt>
                                                                 <dd className='text-foreground font-medium'>
-                                                                    {item.background}
+                                                                    {getImageBackgroundLabel(item.background, t)}
                                                                 </dd>
                                                             </div>
                                                             <div>
@@ -1417,7 +1453,7 @@ function HistoryPanelImpl({
                                                                     {t('history.mod')}
                                                                 </dt>
                                                                 <dd className='text-foreground font-medium'>
-                                                                    {item.moderation}
+                                                                    {getImageModerationLabel(item.moderation, t)}
                                                                 </dd>
                                                             </div>
                                                             <div>
@@ -1433,7 +1469,7 @@ function HistoryPanelImpl({
                                                                     {t('history.outputFormat')}
                                                                 </dt>
                                                                 <dd className='text-foreground font-medium'>
-                                                                    {outputFormat.toUpperCase()}
+                                                                    {getImageOutputFormatLabel(outputFormat, t)}
                                                                 </dd>
                                                             </div>
                                                             <div>
@@ -1441,9 +1477,7 @@ function HistoryPanelImpl({
                                                                     {t('history.storage')}
                                                                 </dt>
                                                                 <dd className='text-foreground font-medium'>
-                                                                    {originalStorageMode === 'fs'
-                                                                        ? t('history.storageFile')
-                                                                        : t('history.storageDb')}
+                                                                    {getStorageLabel(originalStorageMode, t)}
                                                                 </dd>
                                                             </div>
                                                             <div>

src/components/image-output.test.tsx

@@ -1,4 +1,4 @@
-import { buildImageActionTarget, ImageOutput } from './image-output';
+import { buildImageActionTarget, formatLogTime, ImageOutput } from './image-output';
 import { I18nProvider } from '@/lib/i18n';
 import assert from 'node:assert/strict';
 import { describe, it } from 'node:test';
@@ -43,6 +43,21 @@ describe('ImageOutput result actions', () => {
         assert.doesNotMatch(html, /1024 x 768/);
     });
 
+    it('uses the localized generated-image alt text when a caller does not override it', () => {
+        const html = renderImageOutput(0);
+
+        assert.match(html, /alt="生成图片输出"/);
+        assert.doesNotMatch(html, /Generated image output/);
+    });
+
+    it('formats activity timestamps with the selected app locale and preserves invalid diagnostic values', () => {
+        const timestamp = '2026-05-31T12:15:30.000Z';
+
+        assert.equal(formatLogTime(timestamp, 'zh-CN'), new Date(timestamp).toLocaleTimeString('zh-CN'));
+        assert.equal(formatLogTime(timestamp, 'en-US'), new Date(timestamp).toLocaleTimeString('en-US'));
+        assert.equal(formatLogTime('not-a-timestamp', 'zh-CN'), 'not-a-timestamp');
+    });
+
     it('uses the no-image state in the preview header before generation', () => {
         const html = renderToStaticMarkup(
             <I18nProvider>
@@ -81,7 +96,7 @@ describe('ImageOutput result actions', () => {
         assert.doesNotMatch(html, /workbench-sample/);
         assert.doesNotMatch(html, /灵感样张/);
         assert.doesNotMatch(html, /1024 x 768/);
-        for (const action of ['继续编辑', '做变体', '复用提示词', '对比', '下载']) {
+        for (const action of ['继续编辑', '按相同参数再次生成', '复用提示词', '对比', '下载']) {
             assert.match(
                 html,
                 new RegExp(

src/components/image-output.tsx

@@ -11,6 +11,7 @@ import {
     DialogTitle
 } from '@/components/ui/dialog';
 import { useI18n } from '@/lib/i18n';
+import { getActivityLogLevelLabel } from '@/lib/image-display-labels';
 import { buildLogScopeDiagnostics, filterLogsByScope, resolveLogClientRequestIds } from '@/lib/log-filter';
 import { cn } from '@/lib/utils';
 import {
@@ -92,10 +93,10 @@ export function buildImageActionTarget(image: ImageInfo | null): ImageActionTarg
     };
 }
 
-function formatLogTime(value: string): string {
+export function formatLogTime(value: string, locale: string): string {
     const date = new Date(value);
     if (Number.isNaN(date.getTime())) return value;
-    return date.toLocaleTimeString();
+    return date.toLocaleTimeString(locale);
 }
 
 function formatLogScopeValues(values: string[]): string {
@@ -168,7 +169,7 @@ export function ImageOutput({
     imageBatch,
     viewMode,
     onViewChange,
-    altText = 'Generated image output',
+    altText,
     isLoading,
     onSendToEdit,
     onDownloadImage,
@@ -191,7 +192,8 @@ export function ImageOutput({
     logClientRequestIds = [],
     logFilenames = []
 }: ImageOutputProps) {
-    const { t } = useI18n();
+    const { locale, t } = useI18n();
+    const resolvedAltText = altText ?? t('output.alt');
     const [isLogDialogOpen, setIsLogDialogOpen] = React.useState(false);
     const [logs, setLogs] = React.useState<LogEntry[]>([]);
     const [logConnectionState, setLogConnectionState] = React.useState<'idle' | 'connected' | 'error'>('idle');
@@ -585,7 +587,7 @@ export function ImageOutput({
                         <div className='photo-paper relative aspect-[4/3] w-full max-w-[780px] p-3 2xl:max-w-[860px]'>
                             <Image
                                 src={imageBatch[viewMode].path}
-                                alt={altText}
+                                alt={resolvedAltText}
                                 fill
                                 sizes='(max-width: 768px) 92vw, (max-width: 1536px) 44vw, 860px'
                                 className='image-edge rounded-md object-contain'
@@ -710,7 +712,7 @@ export function ImageOutput({
                             visibleLogs.map((entry) => (
                                 <div key={entry.id} className='border-border/50 border-b py-2 last:border-b-0'>
                                     <div className='flex flex-wrap items-center gap-2'>
-                                        <span className='text-muted-foreground'>{formatLogTime(entry.at)}</span>
+                                        <span className='text-muted-foreground'>{formatLogTime(entry.at, locale)}</span>
                                         <span
                                             className={cn(
                                                 'rounded border px-1.5 py-0.5 uppercase',
@@ -722,7 +724,7 @@ export function ImageOutput({
                                                     'border-blue-500/40 text-blue-700 dark:border-blue-300/30 dark:text-blue-100',
                                                 entry.level === 'debug' && 'border-border text-muted-foreground'
                                             )}>
-                                            {entry.level}
+                                            {getActivityLogLevelLabel(entry.level, t)}
                                         </span>
                                         <span className='text-foreground break-all'>{entry.message}</span>
                                     </div>

src/components/language-selector.test.tsx

@@ -0,0 +1,83 @@
+import { LanguageSelector } from './language-selector';
+import { I18nProvider, useI18n } from '@/lib/i18n';
+import { renderInClientDom } from '@/test-utils/react-dom';
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+import { describe, it } from 'node:test';
+import * as React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+function LocaleMetadataProbe() {
+    const { setLocale, t } = useI18n();
+
+    return (
+        <>
+            <button type='button' data-switch-to-english onClick={() => setLocale('en-US')}>
+                {t('app.language')}
+            </button>
+            <button type='button' data-switch-to-chinese onClick={() => setLocale('zh-CN')}>
+                {t('meta.title')}
+            </button>
+            <output data-locale-metadata-title>{t('meta.title')}</output>
+        </>
+    );
+}
+
+describe('LanguageSelector', { concurrency: false }, () => {
+    it('renders the localized accessible selector control', () => {
+        const html = renderToStaticMarkup(
+            <I18nProvider>
+                <LanguageSelector />
+            </I18nProvider>
+        );
+
+        assert.match(html, /data-language-selector/);
+        assert.match(html, /aria-label="语言"/);
+        assert.match(html, /data-size="sm"/);
+    });
+
+    it('delegates supported select values to the locale setter', async () => {
+        const source = await readFile(new URL('./language-selector.tsx', import.meta.url), 'utf8');
+
+        assert.match(source, /function isLocale\(value: string\): value is Locale/);
+        assert.match(
+            source,
+            /onValueChange=\{\(nextLocale\) => \{\s*if \(isLocale\(nextLocale\)\) \{\s*setLocale\(nextLocale\);/
+        );
+        assert.match(source, /<SelectItem value='zh-CN'>\{t\('app\.languageChinese'\)\}<\/SelectItem>/);
+        assert.match(source, /<SelectItem value='en-US'>\{t\('app\.languageEnglish'\)\}<\/SelectItem>/);
+    });
+
+    it('synchronizes browser metadata after the locale provider changes', async () => {
+        const view = await renderInClientDom(
+            <I18nProvider>
+                <LocaleMetadataProbe />
+            </I18nProvider>
+        );
+
+        try {
+            const englishControl = view.container.querySelector<HTMLButtonElement>('[data-switch-to-english]');
+            assert.ok(englishControl, 'missing test locale control');
+            assert.equal(englishControl.textContent, '语言');
+            await view.click(englishControl);
+
+            assert.equal(window.localStorage.getItem('gptImagePlaygroundLocale'), 'en-US');
+            assert.equal(document.documentElement.lang, 'en-US');
+            assert.equal(document.title, 'Visual Journal | AI Image Workspace');
+            assert.equal(
+                document.querySelector<HTMLMetaElement>('meta[name="description"]')?.content,
+                'Visual Journal is an AI image workspace for generating, editing, and managing images.'
+            );
+            assert.equal(
+                view.container.querySelector('[data-locale-metadata-title]')?.textContent,
+                'Visual Journal | AI Image Workspace'
+            );
+
+            const chineseControl = view.container.querySelector<HTMLButtonElement>('[data-switch-to-chinese]');
+            assert.ok(chineseControl, 'missing test locale reset control');
+            await view.click(chineseControl);
+        } finally {
+            await view.cleanup();
+        }
+    });
+});

src/components/language-selector.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { type Locale, useI18n } from '@/lib/i18n';
+import { cn } from '@/lib/utils';
+
+type LanguageSelectorProps = {
+    className?: string;
+};
+
+function isLocale(value: string): value is Locale {
+    return value === 'zh-CN' || value === 'en-US';
+}
+
+export function LanguageSelector({ className }: LanguageSelectorProps) {
+    const { locale, setLocale, t } = useI18n();
+
+    return (
+        <Select
+            value={locale}
+            onValueChange={(nextLocale) => {
+                if (isLocale(nextLocale)) {
+                    setLocale(nextLocale);
+                }
+            }}>
+            <SelectTrigger
+                aria-label={t('app.language')}
+                data-language-selector
+                size='sm'
+                className={cn('bg-card/80 h-11 min-w-28 shrink-0 shadow-sm lg:h-9', className)}>
+                <SelectValue />
+            </SelectTrigger>
+            <SelectContent align='end'>
+                <SelectItem value='zh-CN'>{t('app.languageChinese')}</SelectItem>
+                <SelectItem value='en-US'>{t('app.languageEnglish')}</SelectItem>
+            </SelectContent>
+        </Select>
+    );
+}

src/components/mode-toggle.test.tsx

@@ -16,7 +16,7 @@ describe('ModeToggle responsive labels', { concurrency: false }, () => {
             </I18nProvider>
         );
 
-        assert.match(html, /复用历史/);
+        assert.match(html, /复用提示词/);
         assert.match(html, /data-workbench-mode="generate"/);
         assert.match(html, /data-workbench-mode="edit"/);
         assert.match(html, /data-workbench-mode="batch"/);

src/components/password-dialog.tsx

@@ -22,13 +22,7 @@ interface PasswordDialogProps {
     description?: string;
 }
 
-export function PasswordDialog({
-    isOpen,
-    onOpenChange,
-    onSave,
-    title = 'Configure Access Code',
-    description
-}: PasswordDialogProps) {
+export function PasswordDialog({ isOpen, onOpenChange, onSave, title, description }: PasswordDialogProps) {
     const { t } = useI18n();
     const [currentPassword, setCurrentPassword] = React.useState('');
     const inputRef = React.useRef<HTMLInputElement>(null);
@@ -57,7 +51,7 @@ export function PasswordDialog({
         <Dialog open={isOpen} onOpenChange={handleDialogClose}>
             <DialogContent className='sm:max-w-[425px]'>
                 <DialogHeader>
-                    <DialogTitle>{title}</DialogTitle>
+                    <DialogTitle>{title ?? t('password.configure')}</DialogTitle>
                     {description && <DialogDescription>{description}</DialogDescription>}
                 </DialogHeader>
                 <form onSubmit={handleSubmit} className='grid gap-4'>

src/components/share-dialog.test.tsx

@@ -63,7 +63,7 @@ describe('ShareDialog', () => {
         assert.equal(getShareExpiryMinutes('unexpected'), 1440);
     });
 
-    it('keeps explicit never-expiring shares when selected', () => {
+    it('allows an explicit share without an expiry when selected', () => {
         assert.equal(getShareExpiryMinutes('none'), null);
     });
 

src/components/workbench-pro-dock-panels.tsx

@@ -6,8 +6,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import type { WorkbenchProDockProps, OutputFormat, Quality, SizePreset } from '@/components/workbench-pro-dock';
 import { WorkbenchProRoutePanel } from '@/components/workbench-pro-route-panel';
 import type { GptImageModel } from '@/lib/cost-utils';
-import type { Locale } from '@/lib/i18n';
 import { useI18n } from '@/lib/i18n';
+import { getImageOutputFormatLabel } from '@/lib/image-display-labels';
 import type { ImageStreamMode } from '@/lib/image-upstream-strategy';
 import { getPresetDimensions } from '@/lib/size-utils';
 import { resolveStreamingBatchToggleState } from '@/lib/streaming-batch';
@@ -21,11 +21,6 @@ const outputFormatOptions: OutputFormat[] = ['png', 'jpeg', 'webp'];
 const qualityOptions: Quality[] = ['auto', 'low', 'medium', 'high'];
 const streamModeOptions: ImageStreamMode[] = ['auto', 'stream', 'non_stream'];
 
-function getOutputFormatLabel(format: OutputFormat): string {
-    if (format === 'jpeg') return 'JPG';
-    return format.toUpperCase();
-}
-
 function getQualityLabel(quality: Quality, t: Translation): string {
     if (quality === 'auto') return t('common.auto');
     if (quality === 'low') return t('common.low');
@@ -49,10 +44,10 @@ function getStreamingStrategyLabel(strategy: ProPanelProps['streamingStrategy'],
     return t('upstream.serverDefault');
 }
 
-function formatResolution(size: SizePreset, model: GptImageModel, locale: Locale): string {
+function formatResolution(size: SizePreset, model: GptImageModel, t: Translation): string {
     const resolution = getPresetDimensions(size, model);
     if (resolution) return resolution;
-    if (size === 'custom') return locale === 'zh-CN' ? '自定义' : 'Custom';
+    if (size === 'custom') return t('common.custom');
     return '1024 px';
 }
 
@@ -78,8 +73,8 @@ export function WorkbenchEasySummary({
     streamingStrategy,
     defaultStreamingStrategy
 }: ProPanelProps) {
-    const { locale, t } = useI18n();
-    const resolution = formatResolution(size, model, locale);
+    const { t } = useI18n();
+    const resolution = formatResolution(size, model, t);
     const effectiveStreamingStrategy =
         streamingStrategy === 'server-default' ? defaultStreamingStrategy : streamingStrategy;
     const parallelBatchVisible = resolveStreamingBatchToggleState({
@@ -100,7 +95,7 @@ export function WorkbenchEasySummary({
                         : getStreamModeLabel(streamMode, t)}
                 </span>
             </ReadonlyField>
-            <ReadonlyField label={t('form.outputFormat')}>{getOutputFormatLabel(outputFormat)}</ReadonlyField>
+            <ReadonlyField label={t('form.outputFormat')}>{getImageOutputFormatLabel(outputFormat, t)}</ReadonlyField>
             <ReadonlyField label={t('ux.resolution')}>{resolution}</ReadonlyField>
         </div>
     );
@@ -135,7 +130,7 @@ function OutputPanel({
                     <SelectContent>
                         {outputFormatOptions.map((format) => (
                             <SelectItem key={format} value={format}>
-                                {getOutputFormatLabel(format)}
+                                {getImageOutputFormatLabel(format, t)}
                             </SelectItem>
                         ))}
                     </SelectContent>
@@ -297,8 +292,8 @@ export function WorkbenchProPanel({
     defaultTab,
     ...props
 }: ProPanelProps & { defaultTab: 'output' | 'model' | 'stream' | 'route' }) {
-    const { locale, t } = useI18n();
-    const resolution = formatResolution(props.size, props.model, locale);
+    const { t } = useI18n();
+    const resolution = formatResolution(props.size, props.model, t);
     const strategyLabel = getStreamingStrategyLabel(props.streamingStrategy, t);
 
     return (

src/components/workbench-pro-dock.test.tsx

@@ -95,6 +95,39 @@ describe('WorkbenchProDock', () => {
         assert.doesNotMatch(html, /EXIF/);
     });
 
+    it('uses the shared localized label for a custom resolution', () => {
+        const html = renderToStaticMarkup(
+            <I18nProvider>
+                <WorkbenchProDock
+                    outputFormat='png'
+                    onOutputFormatChange={setOutputFormat}
+                    quality='high'
+                    onQualityChange={setQuality}
+                    model='gpt-image-2'
+                    onModelChange={setModel}
+                    size='custom'
+                    streamMode='auto'
+                    onStreamModeChange={setStreamMode}
+                    allowStreamingBatch={false}
+                    enableParallelBatch={false}
+                    onEnableParallelBatchChange={setEnableParallelBatch}
+                    parallelBatchTargetCount={1}
+                    allowResponsesImageBackend
+                    hasDefaultResponsesModel
+                    imageBackend='server-default'
+                    onImageBackendChange={setImageBackend}
+                    streamingStrategy='server-default'
+                    defaultStreamingStrategy='auto'
+                    onStreamingStrategyChange={setStreamingStrategy}
+                    responsesModel=''
+                    onResponsesModelChange={setResponsesModel}
+                />
+            </I18nProvider>
+        );
+
+        assert.match(html, /自定义/);
+    });
+
     it('renders interactive professional groups without fake output switches', () => {
         const html = renderToStaticMarkup(
             <I18nProvider>

src/components/workbench-status-strip.test.tsx

@@ -5,23 +5,23 @@ import { describe, it } from 'node:test';
 import { renderToStaticMarkup } from 'react-dom/server';
 
 describe('WorkbenchStatusStrip', () => {
-    it('shows model, request route, streaming status, cost, and runtime state before generation', () => {
+    it('shows model, request route, streaming mode, requested image count, and runtime state before generation', () => {
         const html = renderToStaticMarkup(
             <I18nProvider>
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='images-sse'
-                    streamStatus='流式可用'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='自动'
+                    requestSummaryLabel='请求 1 张图片'
                 />
             </I18nProvider>
         );
 
-        assert.match(html, /运行时可用/);
+        assert.match(html, /当前请求路径已就绪/);
         assert.match(html, /gpt-image-2/);
         assert.match(html, /images-sse/);
-        assert.match(html, /流式可用/);
-        assert.match(html, /预计 0\.12 积分/);
+        assert.match(html, /自动/);
+        assert.match(html, /请求 1 张图片/);
     });
 
     it('shows explicit parallel batch state when the user enabled it for the current request', () => {
@@ -30,9 +30,9 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='默认线路'
-                    streamStatus='流式可用'
+                    streamStatus='自动'
                     parallelBatchEnabled
-                    costLabel='预计 0.24 积分'
+                    requestSummaryLabel='请求 2 张图片'
                 />
             </I18nProvider>
         );
@@ -46,8 +46,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='默认线路'
-                    streamStatus='普通生成'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='非流式'
+                    requestSummaryLabel='请求 1 张图片'
                 />
             </I18nProvider>
         );
@@ -64,8 +64,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='服务器默认'
-                    streamStatus='普通生成'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='非流式'
+                    requestSummaryLabel='请求 1 张图片'
                     runtimeHealthStatus='checking'
                 />
             </I18nProvider>
@@ -75,8 +75,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='服务器默认'
-                    streamStatus='普通生成'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='非流式'
+                    requestSummaryLabel='请求 1 张图片'
                     runtimeHealthStatus='disconnected'
                 />
             </I18nProvider>
@@ -86,8 +86,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='服务器默认'
-                    streamStatus='流式可用'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='自动'
+                    requestSummaryLabel='请求 1 张图片'
                     runtimeHealthStatus='route-limited'
                 />
             </I18nProvider>
@@ -97,17 +97,17 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='使用自定义上游'
-                    streamStatus='普通生成'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='非流式'
+                    requestSummaryLabel='请求 1 张图片'
                     runtimeHealthStatus='custom-override'
                 />
             </I18nProvider>
         );
 
-        assert.match(checkingHtml, /正在检查运行时/);
+        assert.match(checkingHtml, /正在读取运行时状态/);
         assert.match(checkingHtml, /animate-spin/);
-        assert.match(disconnectedHtml, /运行时未连接/);
-        assert.match(routeLimitedHtml, /运行态受限/);
+        assert.match(disconnectedHtml, /未取得运行时状态/);
+        assert.match(routeLimitedHtml, /当前路由受限/);
         assert.match(customOverrideHtml, /使用自定义上游/);
     });
 
@@ -117,8 +117,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='服务器默认'
-                    streamStatus='流式可用'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='自动'
+                    requestSummaryLabel='请求 1 张图片'
                     channelRouting={{
                         effectiveRequestModes: ['images-non-stream', 'images-sse'],
                         requestModeHealth: [
@@ -150,13 +150,14 @@ describe('WorkbenchStatusStrip', () => {
 
         assert.match(html, /请求方式/);
         assert.match(html, /images-non-stream/);
-        assert.match(html, /已验证/);
+        assert.match(html, /可用于请求/);
         assert.match(html, /responses-sse/);
         assert.match(html, /冷却中或待探测/);
         assert.match(html, /最近渠道失败/);
         assert.match(html, /HTTP 403/);
         assert.match(html, /responses-sse/);
         assert.match(html, /OPENAI_CHANNEL_N_REQUEST_MODES=images-non-stream/);
+        assert.match(html, /建议的环境变量/);
     });
 
     it('keeps request mode details constrained on narrow screens', () => {
@@ -165,8 +166,8 @@ describe('WorkbenchStatusStrip', () => {
                 <WorkbenchStatusStrip
                     model='gpt-image-2'
                     routeLabel='服务器默认'
-                    streamStatus='流式可用'
-                    costLabel='预计 0.12 积分'
+                    streamStatus='自动'
+                    requestSummaryLabel='请求 1 张图片'
                     channelRouting={{
                         effectiveRequestModes: ['images-non-stream'],
                         requestModeHealth: [

src/components/workbench-status-strip.tsx

@@ -31,7 +31,7 @@ type WorkbenchStatusStripProps = {
     routeLabel: string;
     streamStatus: string;
     parallelBatchEnabled?: boolean;
-    costLabel: string;
+    requestSummaryLabel: string;
     runtimeHealthStatus?: RuntimeHealthStatus;
     channelRouting?: RuntimeChannelRoutingSummary | null;
     runtimeLastFailure?: RuntimeLastFailure | null;
@@ -43,7 +43,7 @@ export function WorkbenchStatusStrip({
     routeLabel,
     streamStatus,
     parallelBatchEnabled = false,
-    costLabel,
+    requestSummaryLabel,
     runtimeHealthStatus = 'runtime-ready',
     channelRouting,
     runtimeLastFailure,
@@ -190,7 +190,7 @@ export function WorkbenchStatusStrip({
                 </span>
             )}
             <span className='border-primary/20 bg-primary/10 text-primary inline-flex min-h-6 shrink-0 items-center rounded-md border px-2 py-0.5 whitespace-nowrap sm:min-h-7 sm:px-2.5 sm:py-1'>
-                {costLabel}
+                {requestSummaryLabel}
             </span>
         </div>
     );

src/lib/i18n-contract.test.ts

@@ -0,0 +1,250 @@
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { describe, it } from 'node:test';
+import ts from 'typescript';
+
+const repositoryRoot = path.resolve(import.meta.dirname, '..', '..');
+const sourceRoot = path.join(repositoryRoot, 'src');
+const catalogPath = path.join(sourceRoot, 'lib', 'i18n.tsx');
+const webUiRoots = [path.join(sourceRoot, 'app'), path.join(sourceRoot, 'components')];
+const localeNames = ['zh-CN', 'en-US'] as const;
+const userVisibleAttributeNames = new Set([
+    'alt',
+    'aria-label',
+    'aria-description',
+    'aria-valuetext',
+    'description',
+    'label',
+    'placeholder',
+    'title'
+]);
+
+type LocaleName = (typeof localeNames)[number];
+type Catalogs = Record<LocaleName, Record<string, string>>;
+
+describe('WebUI translation contract', () => {
+    it('keeps locale keys and interpolation placeholders aligned', async () => {
+        const catalogs = await readCatalogs();
+        const [defaultLocale, secondaryLocale] = localeNames;
+        const defaultKeys = Object.keys(catalogs[defaultLocale]).sort();
+        const secondaryKeys = Object.keys(catalogs[secondaryLocale]).sort();
+
+        assert.deepEqual(secondaryKeys, defaultKeys);
+        for (const key of defaultKeys) {
+            assert.deepEqual(
+                extractPlaceholders(catalogs[secondaryLocale][key]),
+                extractPlaceholders(catalogs[defaultLocale][key]),
+                `placeholder mismatch for ${key}`
+            );
+        }
+    });
+
+    it('resolves every static WebUI translation call in both locales', async () => {
+        const catalogs = await readCatalogs();
+        const translationCalls = await collectStaticTranslationCalls(sourceRoot);
+
+        for (const [key, references] of translationCalls) {
+            for (const locale of localeNames) {
+                assert.ok(
+                    catalogs[locale][key],
+                    `missing ${locale} translation for ${key} at ${references.join(', ')}`
+                );
+            }
+        }
+    });
+
+    it('updates browser metadata through localized catalog entries', async () => {
+        const [catalogs, source] = await Promise.all([readCatalogs(), readFile(catalogPath, 'utf8')]);
+
+        for (const locale of localeNames) {
+            assert.ok(catalogs[locale]['meta.title'], `missing ${locale} metadata title`);
+            assert.ok(catalogs[locale]['meta.description'], `missing ${locale} metadata description`);
+        }
+        assert.match(source, /const title = t\('meta\.title'\)/);
+        assert.match(source, /document\.title = title/);
+        assert.match(source, /const descriptionContent = t\('meta\.description'\)/);
+        assert.match(source, /description\.content = descriptionContent/);
+        assert.match(source, /new MutationObserver\(scheduleMetadataSync\)/);
+        assert.match(source, /metadataObserver\.observe\(document\.head/);
+        assert.match(source, /attributeFilter: \['content'\]/);
+    });
+
+    it('defines localized language names for every selectable locale', async () => {
+        const catalogs = await readCatalogs();
+
+        assert.equal(catalogs['zh-CN']['app.languageChinese'], '简体中文');
+        assert.equal(catalogs['zh-CN']['app.languageEnglish'], 'English');
+        assert.equal(catalogs['en-US']['app.languageChinese'], 'Simplified Chinese');
+        assert.equal(catalogs['en-US']['app.languageEnglish'], 'English');
+    });
+
+    it('does not hardcode natural-language WebUI text in JSX', async () => {
+        const violations = (await Promise.all(webUiRoots.map(collectUserVisibleTextViolations))).flat();
+
+        assert.deepEqual(violations, []);
+    });
+
+    it('uses concrete save-mask language for the persisted mask flow', async () => {
+        const catalogs = await readCatalogs();
+
+        assert.match(catalogs['zh-CN']['ux.disabledUnsavedMask'], /保存/);
+        assert.match(catalogs['zh-CN']['alert.saveMaskBeforeSubmit'], /保存/);
+        assert.equal(catalogs['zh-CN']['edit.saveMask'], '保存蒙版');
+        assert.match(catalogs['en-US']['ux.disabledUnsavedMask'], /^Save /);
+        assert.match(catalogs['en-US']['alert.saveMaskBeforeSubmit'], /^Save /);
+        assert.equal(catalogs['en-US']['edit.saveMask'], 'Save mask');
+    });
+
+    it('does not expose optional-plural notation in English WebUI copy', async () => {
+        const catalogs = await readCatalogs();
+        const optionalPluralValues = Object.values(catalogs['en-US']).filter((value) => /\b\w+\(s\)/.test(value));
+
+        assert.deepEqual(optionalPluralValues, []);
+    });
+});
+
+async function readCatalogs(): Promise<Catalogs> {
+    const source = await readFile(catalogPath, 'utf8');
+    const file = ts.createSourceFile(catalogPath, source, ts.ScriptTarget.Latest, true, ts.ScriptKind.TSX);
+    const messagesDeclaration = file.statements
+        .filter(ts.isVariableStatement)
+        .flatMap((statement) => statement.declarationList.declarations)
+        .find((declaration) => ts.isIdentifier(declaration.name) && declaration.name.text === 'messages');
+
+    assert.ok(messagesDeclaration?.initializer && ts.isObjectLiteralExpression(messagesDeclaration.initializer));
+    const catalogs = {} as Catalogs;
+    for (const localeProperty of messagesDeclaration.initializer.properties) {
+        if (!ts.isPropertyAssignment(localeProperty)) continue;
+        const locale = getPropertyName(localeProperty.name);
+        if (!locale || !isLocaleName(locale) || !ts.isObjectLiteralExpression(localeProperty.initializer)) continue;
+        catalogs[locale] = readCatalog(localeProperty.initializer);
+    }
+
+    for (const locale of localeNames) {
+        assert.ok(catalogs[locale], `missing ${locale} catalog`);
+    }
+    return catalogs;
+}
+
+function readCatalog(object: ts.ObjectLiteralExpression): Record<string, string> {
+    const catalog: Record<string, string> = {};
+    for (const property of object.properties) {
+        if (!ts.isPropertyAssignment(property)) continue;
+        const key = getPropertyName(property.name);
+        if (!key || !ts.isStringLiteralLike(property.initializer)) continue;
+        catalog[key] = property.initializer.text;
+    }
+    return catalog;
+}
+
+async function collectStaticTranslationCalls(root: string): Promise<Map<string, string[]>> {
+    const files = await collectSourceFiles(root);
+    const calls = new Map<string, string[]>();
+    for (const filename of files) {
+        if (filename === catalogPath || filename.endsWith('.test.ts') || filename.endsWith('.test.tsx')) continue;
+        const source = await readFile(filename, 'utf8');
+        const file = ts.createSourceFile(
+            filename,
+            source,
+            ts.ScriptTarget.Latest,
+            true,
+            source.endsWith('.tsx') ? ts.ScriptKind.TSX : ts.ScriptKind.TS
+        );
+        collectCallsFromNode(file, file, calls);
+    }
+    return calls;
+}
+
+async function collectUserVisibleTextViolations(root: string): Promise<string[]> {
+    const files = await collectSourceFiles(root);
+    const violations: string[] = [];
+    for (const filename of files) {
+        if (!filename.endsWith('.tsx') || filename.endsWith('.test.tsx')) continue;
+        const source = await readFile(filename, 'utf8');
+        const file = ts.createSourceFile(filename, source, ts.ScriptTarget.Latest, true, ts.ScriptKind.TSX);
+        collectUserVisibleTextViolationsFromNode(file, file, violations);
+    }
+    return violations;
+}
+
+function collectUserVisibleTextViolationsFromNode(file: ts.SourceFile, node: ts.Node, violations: string[]): void {
+    if (ts.isJsxText(node)) {
+        reportVisibleTextViolation(file, node, node.text, violations);
+    }
+    if (ts.isJsxExpression(node) && node.expression && ts.isStringLiteralLike(node.expression)) {
+        reportVisibleTextViolation(file, node, node.expression.text, violations);
+    }
+    if (ts.isJsxAttribute(node) && userVisibleAttributeNames.has(node.name.text)) {
+        const value = getStaticJsxAttributeValue(node);
+        if (value !== undefined) reportVisibleTextViolation(file, node, value, violations);
+    }
+    ts.forEachChild(node, (child) => collectUserVisibleTextViolationsFromNode(file, child, violations));
+}
+
+function getStaticJsxAttributeValue(attribute: ts.JsxAttribute): string | undefined {
+    if (!attribute.initializer) return undefined;
+    if (ts.isStringLiteralLike(attribute.initializer)) return attribute.initializer.text;
+    if (ts.isJsxExpression(attribute.initializer) && attribute.initializer.expression) {
+        return ts.isStringLiteralLike(attribute.initializer.expression)
+            ? attribute.initializer.expression.text
+            : undefined;
+    }
+    return undefined;
+}
+
+function reportVisibleTextViolation(file: ts.SourceFile, node: ts.Node, value: string, violations: string[]): void {
+    const text = value.replace(/\s+/g, ' ').trim();
+    if (!text || !/[A-Za-z\u4e00-\u9fff]/.test(text) || isAllowedTechnicalUiText(text)) return;
+    const line = file.getLineAndCharacterOfPosition(node.getStart(file)).line + 1;
+    violations.push(`${path.relative(repositoryRoot, file.fileName)}:${line} ${JSON.stringify(text)}`);
+}
+
+function isAllowedTechnicalUiText(value: string): boolean {
+    return (
+        value === 'x' ||
+        value === 'sRGB' ||
+        value === 'sk-...' ||
+        value === 'https://api.openai.com/v1' ||
+        value === 'OPENAI_RESPONSES_API_MODEL' ||
+        /^OPENAI_[A-Z0-9_]+=$/.test(value) ||
+        /^gpt-image-[\w.-]+:?$/.test(value)
+    );
+}
+
+function collectCallsFromNode(file: ts.SourceFile, node: ts.Node, calls: Map<string, string[]>): void {
+    if (ts.isCallExpression(node) && ts.isIdentifier(node.expression) && node.expression.text === 't') {
+        const [firstArgument] = node.arguments;
+        if (firstArgument && ts.isStringLiteralLike(firstArgument)) {
+            const references = calls.get(firstArgument.text) ?? [];
+            const line = file.getLineAndCharacterOfPosition(node.getStart(file)).line + 1;
+            references.push(`${path.relative(repositoryRoot, file.fileName)}:${line}`);
+            calls.set(firstArgument.text, references);
+        }
+    }
+    ts.forEachChild(node, (child) => collectCallsFromNode(file, child, calls));
+}
+
+async function collectSourceFiles(directory: string): Promise<string[]> {
+    const entries = await import('node:fs/promises').then(({ readdir }) => readdir(directory, { withFileTypes: true }));
+    const files = await Promise.all(
+        entries.map(async (entry) => {
+            const filename = path.join(directory, entry.name);
+            if (entry.isDirectory()) return await collectSourceFiles(filename);
+            return /\.tsx?$/.test(entry.name) ? [filename] : [];
+        })
+    );
+    return files.flat();
+}
+
+function extractPlaceholders(value: string): string[] {
+    return [...value.matchAll(/\{(\w+)\}/g)].map((match) => match[1]).sort();
+}
+
+function getPropertyName(name: ts.PropertyName): string | undefined {
+    return ts.isIdentifier(name) || ts.isStringLiteralLike(name) || ts.isNumericLiteral(name) ? name.text : undefined;
+}
+
+function isLocaleName(value: string): value is LocaleName {
+    return localeNames.includes(value as LocaleName);
+}

src/lib/i18n.tsx

@@ -9,8 +9,12 @@ const defaultLocale: Locale = 'zh-CN';
 
 const messages: Record<Locale, Record<string, string>> = {
     'zh-CN': {
+        'meta.title': '图像手记 | AI 图像创作工作台',
+        'meta.description': '图像手记是用于生成、编辑和管理图像的 AI 图像创作工作台。',
         'app.apiSettings': 'API 设置',
         'app.language': '语言',
+        'app.languageChinese': '简体中文',
+        'app.languageEnglish': 'English',
         'app.theme': '主题',
         'app.themeLight': '亮色',
         'app.themeDark': '暗色',
@@ -20,32 +24,32 @@ const messages: Record<Locale, Record<string, string>> = {
         'app.skipToMainContent': '跳到主要内容',
         'app.creationControls': '创作参数',
         'app.canvasPreview': '画布预览',
-        'app.apiRuntimeChecking': '正在检查运行时',
-        'app.apiRuntimeReady': '运行时可用',
-        'app.apiRouteLimited': '运行态受限',
-        'app.apiDisconnected': '运行时未连接',
+        'app.apiRuntimeChecking': '正在读取运行时状态',
+        'app.apiRuntimeReady': '当前请求路径已就绪',
+        'app.apiRouteLimited': '当前路由受限',
+        'app.apiDisconnected': '未取得运行时状态',
         'app.apiCustomOverride': '使用自定义上游',
         'app.requestModeHealth': '请求方式',
-        'app.requestModeVerified': '已验证',
+        'app.requestModeVerified': '可用于请求',
         'app.requestModeNotConfigured': '未配置',
         'app.requestModeCoolingOrProbe': '冷却中或待探测',
         'app.recentChannelFailure': '最近渠道失败',
-        'app.suggestedRequestModes': '建议配置',
+        'app.suggestedRequestModes': '建议的环境变量',
         'mode.generate': '文生图',
-        'mode.edit': '图生图',
+        'mode.edit': '图像编辑',
         'mode.batch': '批量',
-        'mode.reuse': '复用历史',
+        'mode.reuse': '复用提示词',
         'mode.generateDescription': '从灵感开始',
-        'mode.editDescription': '带图继续改',
+        'mode.editDescription': '基于参考图编辑',
         'mode.batchDescription': '一次多张',
-        'mode.reuseDescription': '套用旧稿',
+        'mode.reuseDescription': '套用已有提示词',
         'mode.batchPanelDescription': '用现有生成链路一次生成多张图，适合快速挑选方向。',
         'mode.reusePanelDescription': '从右侧灵感或最近生成套用提示词，再继续微调。',
         'mode.batchHint': '每行会作为一条独立任务生成一张图，生成后按批次进入最近生成。',
         'mode.reuseHint': '可以从右侧灵感相册或最近生成中套用提示词，套用后仍可自由修改。',
         'batch.promptList': '批量提示词列表',
         'batch.promptCount': '{count} 条任务',
-        'batch.promptPlaceholder': '每行输入一条真实提示词',
+        'batch.promptPlaceholder': '每行输入一条提示词',
         'batch.summaryTitle': '任务摘要',
         'batch.summaryPerLine': '每一行会生成一张图，沿用下方尺寸、清晰度和格式。',
         'batch.summaryFailureTitle': '失败后处理',
@@ -55,6 +59,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'batch.reuseFailed': '只保留失败项',
         'batch.pause': '暂停批量',
         'batch.pauseRequested': '暂停中',
+        'batch.pausedFailure': '任务在开始前已暂停。',
         'batch.pauseHint': '已开始的任务会完成，未开始的任务会保留为失败项再重试。',
         'reuse.appliedTitle': '已套用内容',
         'reuse.editAppliedTitle': '已带入内容',
@@ -93,6 +98,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'common.copied': '已复制',
         'common.error': '错误',
         'common.saved': '已保存',
+        'common.unavailable': '不可用',
         'common.enabled': '开启',
         'common.disabled': '关闭',
         'ux.advanced': '高级参数',
@@ -118,8 +124,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'form.model': '模型',
         'form.selectModel': '选择模型',
         'form.prompt': '提示词',
-        'form.promptPlaceholder': '输入要生成的真实提示词',
-        'form.editPromptPlaceholder': '输入要修改、保留或增强的真实编辑要求',
+        'form.promptPlaceholder': '描述想生成的画面',
+        'form.editPromptPlaceholder': '描述要修改、保留或增强的内容',
         'form.numberOfImages': '数量：{count}',
         'form.batchNumberOfImages': '批量任务：{count}',
         'form.size': '尺寸',
@@ -132,7 +138,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'form.moderation': '内容审核级别',
         'form.width': '宽度 (px)',
         'form.height': '高度 (px)',
-        'form.pixelsMeta': '{pixels} 像素（最大值的 {percent}%）- {ratio}',
+        'form.pixelsMeta': '{pixels} 像素 - {ratio}',
+        'form.pixelsMetaOfMaximum': '{pixels} 像素（最大值的 {percent}%）- {ratio}',
         'form.ratio': '{ratio}:1 比例',
         'form.noRatio': '-',
         'form.customConstraints': '限制：宽度和高度必须是正整数；具体上游可能继续返回更严格的尺寸错误。',
@@ -148,8 +155,6 @@ const messages: Record<Locale, Record<string, string>> = {
         'streaming.modeAuto': '自动',
         'streaming.modeStream': '强制流式',
         'streaming.modeNonStream': '非流式',
-        'streaming.statusAvailable': '流式可用',
-        'streaming.statusStandard': '普通生成',
         'streaming.previewImages': '预览图数量',
         'streaming.disabledByCount': '只有生成单张图片（n=1）时支持流式预览。',
         'streaming.disabledByStrategy': '当前流式兼容模式已关闭。',
@@ -161,7 +166,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'streaming.parallelBatchUnavailable': '并发批量需要流式模式；非流式会保持顺序执行。',
         'streaming.parallelBatchUnavailableCapacity': '当前服务端没有可用并发容量，会保持顺序执行。',
         'streaming.parallelBatchUnavailableSingle': '选择至少 2 张图片或 2 条提示词后可启用并发。',
-        'streaming.costHint': '每张预览图约增加约 $0.003 成本（额外 100 个输出 token）。',
+        'streaming.costHint': '预览图可能增加输出 token 和费用，具体以当前上游计费为准。',
         'streaming.highResolutionRecommendation':
             '当前是 high 质量大尺寸请求，建议启用流式预览或选择支持 keepalive SSE 的上游。',
         'upstream.backend': '图片生成后端',
@@ -184,7 +189,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'upstream.backendImpactResponses':
             'Responses image_generation 需要实验开关和顶层模型，适合兼容测试，不建议作为默认路径。',
         'upstream.backendResponsesUnavailable':
-            '当前运行时或默认服务器渠道未开放 Responses image_generation，页面会保持服务端默认或 Images API 路径。',
+            '当前运行时或默认服务器渠道未开放 Responses image_generation。请改用服务端默认或 Images API 路径。',
         'upstream.routeImpactMixedProfile':
             '当前服务端渠道包含不同上游模式，页面会按交集收窄数量、上传和预览能力，避免某个渠道收到不支持的参数。',
         'upstream.responsesRuntimeUnavailable':
@@ -198,9 +203,15 @@ const messages: Record<Locale, Record<string, string>> = {
         'upstream.routeImpactCost': '费用主要由模型、尺寸、数量和预览图数量决定；路由选择会影响可观测性和失败恢复。',
         'upstream.gptModel': 'GPT 顶层模型',
         'upstream.thinking': '思考强度',
+        'upstream.thinkingNone': '无',
+        'upstream.thinkingMinimal': '极低',
+        'upstream.thinkingLow': '低',
+        'upstream.thinkingMedium': '中',
+        'upstream.thinkingHigh': '高',
+        'upstream.thinkingXhigh': '极高',
         'upstream.promptOptimization': '提示词优化',
-        'upstream.forceWeb': '优先 Web 账号',
-        'upstream.forceWebHint': '仅在上游 mixed 分组和有效像素区间内生效；不会覆盖用户自接 API。',
+        'upstream.forceWeb': '优先使用 Web 账号',
+        'upstream.forceWebHint': '仅在上游混合分组和有效像素区间内生效；不会覆盖用户自接 API。',
         'generate.title': '写下灵感',
         'generate.description': '把画面感写清楚，再用基础参数控制成片方向。',
         'generate.submit': '生成图像',
@@ -209,12 +220,12 @@ const messages: Record<Locale, Record<string, string>> = {
         'edit.description': '使用文本提示词修改已有图片。',
         'edit.submit': '编辑图像',
         'edit.loading': '编辑中...',
-        'edit.sourceImages': '源图片 [最多：{count}]',
+        'edit.sourceImages': '参考图（最多 {count} 张）',
         'edit.referenceTitle': '参考图',
         'edit.referenceHint': '最多 {count} 张，先放入想继续修改的图片。',
         'edit.referenceCount': '{count} / {max} 张',
         'edit.referenceAction': '放入参考图',
-        'edit.referenceEmpty': '支持 PNG、JPG、WebP，可多选。',
+        'edit.referenceEmpty': '支持 PNG、JPEG、WebP，可多选。',
         'edit.referenceAddMore': '继续添加同一组参考图。',
         'edit.referenceReady': '参考图已放入，可继续补充。',
         'edit.referencePreparing': '正在整理参考图预览。',
@@ -227,17 +238,18 @@ const messages: Record<Locale, Record<string, string>> = {
         'edit.mask': '蒙版',
         'edit.createMask': '创建蒙版',
         'edit.closeMaskEditor': '关闭蒙版编辑器',
-        'edit.editSavedMask': '编辑已保存蒙版',
+        'edit.editSavedMask': '编辑当前蒙版',
         'edit.drawMaskHint': '在下方图片上涂抹需要编辑的区域（涂抹区域会在蒙版中变为透明）。',
         'edit.brushSize': '画笔大小：{value}px',
         'edit.brushSizeLabel': '画笔大小',
         'edit.uploadMask': '上传蒙版',
         'edit.clearMask': '清除',
         'edit.saveMask': '保存蒙版',
-        'edit.maskPreview': '生成的蒙版预览：',
+        'edit.maskPreview': '当前蒙版预览：',
         'edit.maskPreviewLoading': '正在生成蒙版预览...',
-        'edit.maskSaved': '蒙版已保存。',
-        'edit.maskApplied': '已应用蒙版：{name}',
+        'edit.maskSaved': '蒙版已保存，可用于当前编辑。',
+        'edit.maskAppliedStatus': '已保存',
+        'edit.maskApplied': '当前蒙版：{name}',
         'edit.imagePreviewForMasking': '用于绘制蒙版的图片预览',
         'edit.generatedMaskPreviewAlt': '生成的蒙版预览',
         'edit.sourcePreview': '源图片预览 {index}',
@@ -254,7 +266,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'output.keepalive': '连接保持中...',
         'output.sendToEdit': '发送到编辑',
         'output.continueEdit': '继续编辑',
-        'output.createVariant': '做变体',
+        'output.createVariant': '按相同参数再次生成',
         'output.reusePrompt': '复用提示词',
         'output.compare': '对比',
         'output.compareReference': '上一张',
@@ -305,11 +317,19 @@ const messages: Record<Locale, Record<string, string>> = {
         'logs.status.idle': '未连接',
         'logs.status.connected': '实时连接中',
         'logs.status.error': '连接异常',
+        'logs.levelDebug': '调试',
+        'logs.levelInfo': '信息',
+        'logs.levelWarn': '警告',
+        'logs.levelError': '错误',
         'share.pageTitle': '图片分享',
         'share.loading': '正在加载分享信息...',
         'share.loadFailed': '加载分享失败。',
         'share.unlockFailed': '打开分享失败。',
+        'share.notFound': '这个分享不存在或已被移除。',
         'share.expired': '这个分享已过期。',
+        'share.accessCodeRequired': '这个分享需要访问码。',
+        'share.accessCodeInvalid': '访问码不正确，请重试。',
+        'share.accessCodeRateLimited': '访问码尝试次数过多，请稍后再试。',
         'share.unlock': '打开',
         'share.accessCodePlaceholder': '输入访问码',
         'share.accessCodeRequiredHint': '请输入访问码后再打开图片。',
@@ -321,7 +341,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'share.accessCodeTooShort': '访问码至少需要 8 个字符。',
         'share.publicRiskHint': '无访问码分享时，链接获得者可以直接查看图片。建议保留有效期。',
         'share.expiry': '有效期',
-        'share.expiryNone': '永久有效',
+        'share.expiryNone': '不设到期时间',
         'share.expiryOneHour': '1 小时',
         'share.expiryOneDay': '1 天',
         'share.expirySevenDays': '7 天',
@@ -333,11 +353,11 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.title': '灵感相册',
         'history.inspirationAlbum': '灵感相册',
         'history.recentGenerated': '最近生成',
-        'history.inspirationEmpty': '暂无已保存的灵感',
-        'history.applyInspiration': '套用',
-        'history.applyInspirationPrompt': '套用灵感：{title}',
+        'history.inspirationEmpty': '暂无已保存的提示词',
+        'history.applyInspiration': '套用提示词',
+        'history.applyInspirationPrompt': '套用提示词：{title}',
         'history.applyHistory': '套用',
-        'history.saveToInspiration': '收藏',
+        'history.saveToInspiration': '收藏提示词',
         'history.reuseHistory': '复用',
         'history.continueEdit': '编辑',
         'history.saveHistoryPrompt': '收藏这条历史提示词',
@@ -353,13 +373,13 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.resultFeedbackNoteEmpty': '未记录原因',
         'history.markResultUsable': '标记本次结果可用',
         'history.markResultNeedsRevision': '标记本次结果需要修改',
-        'history.deleteInspiration': '删除灵感',
+        'history.deleteInspiration': '删除提示词',
         'history.favorite': '收藏',
-        'history.savedInspiration': '已保存的灵感',
+        'history.savedInspiration': '已保存的提示词',
         'history.template': '模板',
         'history.newInspirationTemplate': '新建灵感模板',
-        'history.applyFirstTemplate': '套用首个模板',
-        'history.inspirationCount': '{count} 条灵感',
+        'history.applyFirstTemplate': '套用首条提示词',
+        'history.inspirationCount': '已保存 {count} 条提示词',
         'history.manage': '管理',
         'history.generationStatus': '生成动态',
         'history.generationStatusHint': '请求、预览、保���和失败会在这里轻量更新。',
@@ -367,6 +387,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.statusCreateDone': '新图已入册',
         'history.statusEditDone': '编辑已入册',
         'history.statusBatchSummary': '{count} 张，{duration}',
+        'history.statusFailedSummary': '{status}，耗时 {duration}',
         'history.activityToneProgress': '进行',
         'history.activityToneSuccess': '完成',
         'history.activityToneWarning': '提醒',
@@ -393,14 +414,25 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.totalImages': '生成图片总数：',
         'history.averageCost': '单张平均成本：',
         'history.totalEstimatedCost': '预计总成本：',
-        'history.actualCost': '实际扣费：',
-        'history.actualCostShort': '实扣',
+        'history.actualCost': '匹配的上游费用（美元等值）：',
+        'history.actualCostShort': '匹配费用',
         'history.estimatedCostShort': '估算',
-        'history.actualCostPending': '结算中',
+        'history.actualCostPending': '等待匹配',
         'history.actualCostUnavailable': '未匹配',
         'history.costSource': '扣费来源：',
         'history.costConfidence': '匹配置信度：',
-        'history.actualQuota': '实际 quota：',
+        'history.costSourceMatchedLog': '已匹配上游扣费日志',
+        'history.costSourcePending': '等待上游扣费记录',
+        'history.costSourceUnavailable': '未匹配到扣费记录',
+        'history.costSourceEstimate': '本地估算',
+        'history.costConfidenceExact': '完全匹配',
+        'history.costConfidenceHigh': '高',
+        'history.costConfidenceLow': '低',
+        'history.costConfidenceNone': '无',
+        'history.costReasonPending': '正在等待上游扣费记录。',
+        'history.costReasonUnavailable': '未能获取可用的上游扣费记录。',
+        'history.costReasonLowConfidence': '上游扣费记录无法唯一确认。',
+        'history.actualQuota': '上游返回的额度值：',
         'history.matchedLogId': '日志 ID：',
         'history.costBreakdown': '成本明细',
         'history.costBreakdownDescription': '本次图片生成的预计成本明细。',
@@ -413,13 +445,17 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.imageInputTokens': '图片输入 token：',
         'history.imageOutputTokens': '图片输出 token：',
         'history.time': '耗时：',
+        'history.durationMilliseconds': '{value} 毫秒',
+        'history.durationSeconds': '{value} 秒',
+        'history.durationMinutesSeconds': '{minutes} 分 {seconds} 秒',
+        'history.durationHoursMinutesSeconds': '{hours} 小时 {minutes} 分 {seconds} 秒',
         'history.generatedAt': '生成时间：',
         'history.mode': '模式：',
         'history.model': '模型：',
         'history.resolution': '分辨率：',
-        'history.quality': '质量：',
+        'history.quality': '清晰度：',
         'history.bg': '背景：',
-        'history.mod': '审核：',
+        'history.mod': '审核级别：',
         'history.imageCount': '图片数量：',
         'history.outputFormat': '输出格式：',
         'history.storage': '存储：',
@@ -453,20 +489,20 @@ const messages: Record<Locale, Record<string, string>> = {
         'retention.selectHistory': '选择最近生成图片',
         'retention.exitSelection': '结束选择',
         'retention.selectImage': '选择图片',
-        'retention.preserve': '永久保存',
-        'retention.release': '取消保存',
-        'retention.permanentlySaved': '已永久保存',
+        'retention.preserve': '设为免于自动清理',
+        'retention.release': '取消自动清理保护',
+        'retention.permanentlySaved': '已免于自动清理',
         'retention.selectedCount': '已选择 {count} 张',
-        'retention.hint': '选择文件系统图片后，可设置或取消自动清理保护。',
-        'retention.updateFailed': '更新永久保存状态失败。',
-        'retention.partialUpdateFailed': '部分图片的永久保存状态未更新。',
-        'retention.loadFailed': '读取永久保存状态失败。',
+        'retention.hint': '仅防止服务端自动清理；手动删除或清空历史仍会移除图片。',
+        'retention.updateFailed': '更新自动清理保护失败。',
+        'retention.partialUpdateFailed': '部分图片的自动清理保护未更新。',
+        'retention.loadFailed': '读取自动清理保护状态失败。',
         'history.showCost': '查看成本明细',
         'history.showTotalCost': '查看估算总成本摘要',
         'history.modeCreate': '生成',
         'history.modeEdit': '编辑',
-        'history.storageFile': '文件',
-        'history.storageDb': '数据库',
+        'history.storageFile': '服务器文件存储',
+        'history.storageDb': '浏览器本地数据库',
         'history.generatedOn': '生成时间：{time}',
         'api.title': 'API 设置',
         'api.description': '留空时使用服务器环境变量；填写后仅保存在当前浏览器。',
@@ -492,8 +528,10 @@ const messages: Record<Locale, Record<string, string>> = {
         'error.authVerifyUnavailable': '无法刷新访问权限，请检查网络或稍后重试。',
         'error.imageAccessRefreshFailed': '无法刷新图片访问权限，请重新输入访问码后再试。',
         'error.unexpected': '发生未知错误。',
-        'error.responseBodyNull': '响应体为空。',
+        'error.responseBodyNull': '服务返回了空响应，请重试。',
+        'error.invalidRequest': '请求无效，请检查输入、图片和尺寸后重试。',
         'error.streaming': '流式生成出错。',
+        'error.networkRequest': '无法连接图片服务，请检查网络后重试。',
         'error.apiFailedWithAdvice': '{message}。建议：{advice}',
         'error.adviceAuth': '检查 API Key、访问码或渠道权限。',
         'error.adviceRateLimit': '请求被限流。请稍后重试，或降低并发和图片数量。',
@@ -513,23 +551,24 @@ const messages: Record<Locale, Record<string, string>> = {
             '结果反馈已写入本地历史，但同步到服务端失败；已加入补偿队列，本页会重试，刷新或重开后也会继续尝试。',
         'error.resultFeedbackDeleteSync':
             '本地历史已删除，但服务端反馈清理失败；已加入清理补偿队列，本页会重试，刷新或重开后也会继续尝试。',
-        'error.clearHistory': '清空历史失败：{message}',
+        'error.clearHistory': '清空历史失败，请重试。',
         'error.maxEditImages': '编辑表单最多只能添加 {count} 张图片。',
         'error.imageNotFoundDb': '本地数据库中找不到图片 {filename}。',
-        'error.fetchImage': '获取图片失败：{statusText}',
+        'error.fetchImage': '获取图片失败（HTTP {status}）。',
         'error.retrieveImage': '无法读取图片数据：{filename}。',
+        'error.downloadHistory': '打包下载历史图片失败，请重试。',
         'error.sendToEdit': '发送到编辑表单失败。',
         'error.deleteUnexpected': '删除时发生未知错误。',
-        'error.deletePartial': '部分图片未能删除，或其永久保存状态未能完整清理。',
+        'error.deletePartial': '部分图片未能删除，或其自动清理保护未能完整清理。',
         'confirm.clearHistoryFs': '确定要清空全部图片历史吗？此操作无法撤销。',
         'confirm.clearHistoryIndexedDb':
             '确定要清空全部图片历史吗？IndexedDB 模式下也会永久删除已存储图片。此操作无法撤销。',
         'workbench.creationSheet': '创作单',
         'workbench.promptTitle': '写下灵感',
         'workbench.basicSettings': '基础设置',
-        'workbench.estimatedCost': '预计 {credits} 积分',
-        'workbench.saveInspiration': '存为灵感',
-        'workbench.randomInspiration': '随便来点',
+        'workbench.requestSummary': '请求 {count} 张图片',
+        'workbench.saveInspiration': '收藏提示词',
+        'workbench.randomInspiration': '随机套用',
         'workbench.album': '相册',
         'alert.editNoImage': '请至少选择一张要编辑的图片。',
         'alert.maxImages': '最多只能选择 {count} 张图片。',
@@ -540,8 +579,12 @@ const messages: Record<Locale, Record<string, string>> = {
         'alert.pasteMaxImages': '无法粘贴：已达到最多 {count} 张图片的限制。'
     },
     'en-US': {
+        'meta.title': 'Visual Journal | AI Image Workspace',
+        'meta.description': 'Visual Journal is an AI image workspace for generating, editing, and managing images.',
         'app.apiSettings': 'API Settings',
         'app.language': 'Language',
+        'app.languageChinese': 'Simplified Chinese',
+        'app.languageEnglish': 'English',
         'app.theme': 'Theme',
         'app.themeLight': 'Light',
         'app.themeDark': 'Dark',
@@ -551,32 +594,32 @@ const messages: Record<Locale, Record<string, string>> = {
         'app.skipToMainContent': 'Skip to main content',
         'app.creationControls': 'Creation controls',
         'app.canvasPreview': 'Canvas preview',
-        'app.apiRuntimeChecking': 'Checking runtime',
-        'app.apiRuntimeReady': 'Runtime ready',
-        'app.apiRouteLimited': 'Route limited',
-        'app.apiDisconnected': 'Runtime disconnected',
+        'app.apiRuntimeChecking': 'Reading runtime status',
+        'app.apiRuntimeReady': 'Request route ready',
+        'app.apiRouteLimited': 'Current route limited',
+        'app.apiDisconnected': 'Runtime status unavailable',
         'app.apiCustomOverride': 'Custom upstream',
         'app.requestModeHealth': 'Request modes',
-        'app.requestModeVerified': 'Verified',
+        'app.requestModeVerified': 'Ready for requests',
         'app.requestModeNotConfigured': 'Not configured',
         'app.requestModeCoolingOrProbe': 'Cooling or pending probe',
         'app.recentChannelFailure': 'Recent channel failure',
-        'app.suggestedRequestModes': 'Suggested env',
+        'app.suggestedRequestModes': 'Suggested environment variable',
         'mode.generate': 'Text to image',
-        'mode.edit': 'Image edit',
+        'mode.edit': 'Image editing',
         'mode.batch': 'Batch',
-        'mode.reuse': 'Reuse',
+        'mode.reuse': 'Reuse prompt',
         'mode.generateDescription': 'Start with an idea',
-        'mode.editDescription': 'Continue from image',
+        'mode.editDescription': 'Edit from a reference image',
         'mode.batchDescription': 'Multiple outputs',
-        'mode.reuseDescription': 'Reuse drafts',
+        'mode.reuseDescription': 'Reuse a saved prompt',
         'mode.batchPanelDescription': 'Generate multiple images with the current prompt and settings.',
         'mode.reusePanelDescription': 'Apply prompts from inspirations or recent generations, then refine them.',
         'mode.batchHint': 'Each line runs as one image task, then the results enter Recent as a batch.',
         'mode.reuseHint': 'Apply an inspiration or recent prompt from the right panel, then edit it freely.',
         'batch.promptList': 'Batch prompt list',
         'batch.promptCount': '{count} tasks',
-        'batch.promptPlaceholder': 'Enter one real prompt per line',
+        'batch.promptPlaceholder': 'Enter one prompt per line',
         'batch.summaryTitle': 'Task summary',
         'batch.summaryPerLine': 'Each line creates one image with the size, quality, and format below.',
         'batch.summaryFailureTitle': 'After a failure',
@@ -584,11 +627,11 @@ const messages: Record<Locale, Record<string, string>> = {
             'Failure reasons stay in Generation status so you can edit the matching prompt and submit again.',
         'batch.summaryProgress':
             'Progress and failure summaries stay in the right-side status area, not over the main preview.',
-        'batch.failedReuseHint':
-            'The last batch left {count} unfinished task(s). Keep only those prompts before retrying.',
+        'batch.failedReuseHint': 'Unfinished prompts from the last batch: {count}. Keep only these before retrying.',
         'batch.reuseFailed': 'Keep failed only',
         'batch.pause': 'Pause batch',
         'batch.pauseRequested': 'Pausing',
+        'batch.pausedFailure': 'The task was paused before it started.',
         'batch.pauseHint': 'Started tasks will finish. Unstarted tasks stay as failed items for retry.',
         'reuse.appliedTitle': 'Applied content',
         'reuse.editAppliedTitle': 'Carried into edit',
@@ -627,6 +670,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'common.copied': 'Copied',
         'common.error': 'Error',
         'common.saved': 'Saved',
+        'common.unavailable': 'Unavailable',
         'common.enabled': 'On',
         'common.disabled': 'Off',
         'ux.advanced': 'Advanced',
@@ -652,8 +696,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'form.model': 'Model',
         'form.selectModel': 'Select model',
         'form.prompt': 'Prompt',
-        'form.promptPlaceholder': 'Enter the real prompt to generate',
-        'form.editPromptPlaceholder': 'Enter real edit instructions for the selected image',
+        'form.promptPlaceholder': 'Describe the image you want to create',
+        'form.editPromptPlaceholder': 'Describe what to change, preserve, or enhance',
         'form.numberOfImages': 'Images: {count}',
         'form.batchNumberOfImages': 'Batch tasks: {count}',
         'form.size': 'Size',
@@ -666,7 +710,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'form.moderation': 'Moderation Level',
         'form.width': 'Width (px)',
         'form.height': 'Height (px)',
-        'form.pixelsMeta': '{pixels} pixels ({percent}% of max) - {ratio}',
+        'form.pixelsMeta': '{pixels} pixels - {ratio}',
+        'form.pixelsMetaOfMaximum': '{pixels} pixels ({percent}% of the maximum) - {ratio}',
         'form.ratio': '{ratio}:1 ratio',
         'form.noRatio': '-',
         'form.customConstraints':
@@ -683,8 +728,6 @@ const messages: Record<Locale, Record<string, string>> = {
         'streaming.modeAuto': 'Auto',
         'streaming.modeStream': 'Force streaming',
         'streaming.modeNonStream': 'Non-streaming',
-        'streaming.statusAvailable': 'Streaming ready',
-        'streaming.statusStandard': 'Standard',
         'streaming.previewImages': 'Preview Images',
         'streaming.disabledByCount': 'Streaming is only supported when generating a single image (n=1).',
         'streaming.disabledByStrategy': 'The current streaming compatibility mode is off.',
@@ -699,7 +742,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'streaming.parallelBatchUnavailableCapacity':
             'The server has no available parallel capacity, so requests stay sequential.',
         'streaming.parallelBatchUnavailableSingle': 'Choose at least 2 images or 2 prompts to enable parallel batch.',
-        'streaming.costHint': 'Each preview image adds about $0.003 to the cost (100 additional output tokens).',
+        'streaming.costHint':
+            'Preview images may increase output tokens and cost. Refer to the current upstream pricing.',
         'streaming.highResolutionRecommendation':
             'This is a high quality large image request. Streaming preview or a keepalive SSE upstream is recommended.',
         'upstream.backend': 'Image backend',
@@ -715,7 +759,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'upstream.serverDefault': 'Server default',
         'upstream.workbenchDefaultRoute': 'Default route',
         'upstream.responsesModel': 'Responses top-level model',
-        'upstream.compatibilityParams': 'Upstream compatibility params',
+        'upstream.compatibilityParams': 'Upstream compatibility parameters',
         'upstream.routeImpactTitle': 'Impact notes',
         'upstream.backendImpactServerDefault':
             'Server default follows the current deployment configuration. It fits most work, with stability decided by the server channel.',
@@ -724,7 +768,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'upstream.backendImpactResponses':
             'Responses image_generation requires the experimental flag and a top-level model. Use it for compatibility tests, not as the default path.',
         'upstream.backendResponsesUnavailable':
-            'Responses image_generation is not enabled for the current runtime or default server channel, so the page stays on the server default or Images API path.',
+            'Responses image_generation is not enabled for the current runtime or default server channel. Choose Server default or Images API instead.',
         'upstream.routeImpactMixedProfile':
             'The server pool mixes upstream modes, so the page narrows count, upload, and preview capabilities to their shared safe range.',
         'upstream.responsesRuntimeUnavailable':
@@ -743,8 +787,14 @@ const messages: Record<Locale, Record<string, string>> = {
             'Cost is mainly decided by model, size, count, and preview image count; route choices affect observability and failure recovery.',
         'upstream.gptModel': 'GPT top-level model',
         'upstream.thinking': 'Thinking effort',
+        'upstream.thinkingNone': 'None',
+        'upstream.thinkingMinimal': 'Minimal',
+        'upstream.thinkingLow': 'Low',
+        'upstream.thinkingMedium': 'Medium',
+        'upstream.thinkingHigh': 'High',
+        'upstream.thinkingXhigh': 'Extra high',
         'upstream.promptOptimization': 'Prompt optimization',
-        'upstream.forceWeb': 'Prefer Web account',
+        'upstream.forceWeb': 'Prefer a web account',
         'upstream.forceWebHint':
             'Only applies to upstream mixed groups and valid pixel ranges; it does not override user-provided APIs.',
         'generate.title': 'Write the idea',
@@ -755,12 +805,12 @@ const messages: Record<Locale, Record<string, string>> = {
         'edit.description': 'Modify an existing image with a text prompt.',
         'edit.submit': 'Edit image',
         'edit.loading': 'Editing...',
-        'edit.sourceImages': 'Source Image(s) [Max: {count}]',
+        'edit.sourceImages': 'Reference images (up to {count})',
         'edit.referenceTitle': 'Reference images',
         'edit.referenceHint': 'Up to {count} images. Add the image you want to keep working on first.',
         'edit.referenceCount': '{count} / {max} images',
         'edit.referenceAction': 'Add reference image',
-        'edit.referenceEmpty': 'PNG, JPG, and WebP are supported. Multiple images are allowed.',
+        'edit.referenceEmpty': 'PNG, JPEG, and WebP are supported. Multiple images are allowed.',
         'edit.referenceAddMore': 'Add more images to the same reference set.',
         'edit.referenceReady': 'Reference image added. You can add more.',
         'edit.referencePreparing': 'Preparing reference preview.',
@@ -773,18 +823,19 @@ const messages: Record<Locale, Record<string, string>> = {
         'edit.mask': 'Mask',
         'edit.createMask': 'Create Mask',
         'edit.closeMaskEditor': 'Close Mask Editor',
-        'edit.editSavedMask': 'Edit Saved Mask',
+        'edit.editSavedMask': 'Edit Current Mask',
         'edit.drawMaskHint':
             'Draw on the image below to mark areas for editing (drawn areas become transparent in the mask).',
         'edit.brushSize': 'Brush Size: {value}px',
         'edit.brushSizeLabel': 'Brush Size',
         'edit.uploadMask': 'Upload Mask',
         'edit.clearMask': 'Clear',
-        'edit.saveMask': 'Save Mask',
-        'edit.maskPreview': 'Generated Mask Preview:',
+        'edit.saveMask': 'Save mask',
+        'edit.maskPreview': 'Current Mask Preview:',
         'edit.maskPreviewLoading': 'Generating mask preview...',
-        'edit.maskSaved': 'Mask saved successfully!',
-        'edit.maskApplied': 'Mask applied: {name}',
+        'edit.maskSaved': 'Mask saved for this edit.',
+        'edit.maskAppliedStatus': 'Saved',
+        'edit.maskApplied': 'Current mask: {name}',
         'edit.imagePreviewForMasking': 'Image preview for masking',
         'edit.generatedMaskPreviewAlt': 'Generated mask preview',
         'edit.sourcePreview': 'Source preview {index}',
@@ -802,7 +853,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'output.keepalive': 'Connection kept alive...',
         'output.sendToEdit': 'Send to Edit',
         'output.continueEdit': 'Continue edit',
-        'output.createVariant': 'Variant',
+        'output.createVariant': 'Generate again with the same settings',
         'output.reusePrompt': 'Reuse prompt',
         'output.compare': 'Compare',
         'output.compareReference': 'Previous',
@@ -856,11 +907,19 @@ const messages: Record<Locale, Record<string, string>> = {
         'logs.status.idle': 'Disconnected',
         'logs.status.connected': 'Live connection active',
         'logs.status.error': 'Connection error',
+        'logs.levelDebug': 'Debug',
+        'logs.levelInfo': 'Info',
+        'logs.levelWarn': 'Warning',
+        'logs.levelError': 'Error',
         'share.pageTitle': 'Shared Image',
         'share.loading': 'Loading share details...',
         'share.loadFailed': 'Failed to load share.',
         'share.unlockFailed': 'Failed to open share.',
+        'share.notFound': 'This share does not exist or has been removed.',
         'share.expired': 'This share has expired.',
+        'share.accessCodeRequired': 'This share requires an access code.',
+        'share.accessCodeInvalid': 'The access code is incorrect. Try again.',
+        'share.accessCodeRateLimited': 'Too many access-code attempts. Try again later.',
         'share.unlock': 'Open',
         'share.accessCodePlaceholder': 'Enter access code',
         'share.accessCodeRequiredHint': 'Enter the access code to open the image.',
@@ -873,7 +932,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'share.publicRiskHint':
             'Without an access code, anyone with the link can view the image. Keep an expiry enabled.',
         'share.expiry': 'Expiry',
-        'share.expiryNone': 'Never expires',
+        'share.expiryNone': 'No expiry set',
         'share.expiryOneHour': '1 hour',
         'share.expiryOneDay': '1 day',
         'share.expirySevenDays': '7 days',
@@ -883,13 +942,13 @@ const messages: Record<Locale, Record<string, string>> = {
         'share.create': 'Create Share',
         'share.createFailed': 'Failed to create share.',
         'history.title': 'Inspiration album',
-        'history.inspirationAlbum': 'Inspirations',
+        'history.inspirationAlbum': 'Inspiration',
         'history.recentGenerated': 'Recent',
-        'history.inspirationEmpty': 'No saved inspirations yet.',
-        'history.applyInspiration': 'Apply',
-        'history.applyInspirationPrompt': 'Apply inspiration: {title}',
+        'history.inspirationEmpty': 'No saved prompts yet.',
+        'history.applyInspiration': 'Apply prompt',
+        'history.applyInspirationPrompt': 'Apply prompt: {title}',
         'history.applyHistory': 'Apply',
-        'history.saveToInspiration': 'Save',
+        'history.saveToInspiration': 'Save prompt',
         'history.reuseHistory': 'Reuse',
         'history.continueEdit': 'Edit',
         'history.saveHistoryPrompt': 'Save this history prompt as an inspiration',
@@ -905,20 +964,21 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.resultFeedbackNoteEmpty': 'No reason recorded',
         'history.markResultUsable': 'Mark this result as usable',
         'history.markResultNeedsRevision': 'Mark this result as needing revision',
-        'history.deleteInspiration': 'Delete inspiration',
+        'history.deleteInspiration': 'Delete prompt',
         'history.favorite': 'Favorite',
-        'history.savedInspiration': 'Saved inspiration',
+        'history.savedInspiration': 'Saved prompt',
         'history.template': 'Template',
         'history.newInspirationTemplate': 'New template',
-        'history.applyFirstTemplate': 'Apply first template',
-        'history.inspirationCount': '{count} inspiration(s)',
+        'history.applyFirstTemplate': 'Use first prompt',
+        'history.inspirationCount': 'Saved prompts: {count}',
         'history.manage': 'Manage',
         'history.generationStatus': 'Generation status',
         'history.generationStatusHint': 'Requests, previews, saves, and failures update here quietly.',
         'history.statusDone': 'Generated',
         'history.statusCreateDone': 'New image saved',
         'history.statusEditDone': 'Edit saved',
-        'history.statusBatchSummary': '{count} image(s), {duration}',
+        'history.statusBatchSummary': 'Images: {count}, {duration}',
+        'history.statusFailedSummary': '{status}, {duration}',
         'history.activityToneProgress': 'Live',
         'history.activityToneSuccess': 'Done',
         'history.activityToneWarning': 'Note',
@@ -930,12 +990,12 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.activityPreparingEdit': 'Preparing edit source',
         'history.activityPreparingEditDetail': 'Loading the current image before switching to the edit form.',
         'history.activityBatchProgress': 'Batch progress',
-        'history.activityBatchProgressDetail': 'Completed {completed}/{total} task(s).',
-        'history.activityBatchProgressWithFailures': 'Completed {completed}/{total} task(s), {failed} failed.',
+        'history.activityBatchProgressDetail': 'Completed {completed} of {total}.',
+        'history.activityBatchProgressWithFailures': 'Completed {completed} of {total}; {failed} failed.',
         'history.activityStreaming': 'Streaming preview updated',
-        'history.activityStreamingDetail': 'Received {count} in-progress preview image(s).',
+        'history.activityStreamingDetail': 'In-progress previews received: {count}.',
         'history.activitySaved': 'Images saved',
-        'history.activitySavedDetail': '{count} result image(s) are ready to edit or download.',
+        'history.activitySavedDetail': 'Results ready to edit or download: {count}.',
         'history.activityFailed': 'Generation failed',
         'history.activityFailedDetail': '{message} Recommendation: check API settings and retry, or switch channel.',
         'history.empty': 'No generated images yet.',
@@ -947,14 +1007,25 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.totalImages': 'Total Images Generated:',
         'history.averageCost': 'Average Cost Per Image:',
         'history.totalEstimatedCost': 'Total Estimated Cost:',
-        'history.actualCost': 'Actual Cost:',
-        'history.actualCostShort': 'Actual',
+        'history.actualCost': 'Matched upstream charge (USD equivalent):',
+        'history.actualCostShort': 'Matched charge',
         'history.estimatedCostShort': 'Estimated',
-        'history.actualCostPending': 'Settling',
+        'history.actualCostPending': 'Pending match',
         'history.actualCostUnavailable': 'Not matched',
         'history.costSource': 'Cost Source:',
         'history.costConfidence': 'Match Confidence:',
-        'history.actualQuota': 'Actual Quota:',
+        'history.costSourceMatchedLog': 'Matched upstream charge log',
+        'history.costSourcePending': 'Waiting for an upstream charge record',
+        'history.costSourceUnavailable': 'No charge record matched',
+        'history.costSourceEstimate': 'Local estimate',
+        'history.costConfidenceExact': 'Exact',
+        'history.costConfidenceHigh': 'High',
+        'history.costConfidenceLow': 'Low',
+        'history.costConfidenceNone': 'None',
+        'history.costReasonPending': 'Waiting for an upstream charge record.',
+        'history.costReasonUnavailable': 'No usable upstream charge record was found.',
+        'history.costReasonLowConfidence': 'The upstream charge record could not be uniquely matched.',
+        'history.actualQuota': 'Upstream-reported quota:',
         'history.matchedLogId': 'Log ID:',
         'history.costBreakdown': 'Cost Breakdown',
         'history.costBreakdownDescription': 'Estimated cost breakdown for this image generation.',
@@ -967,13 +1038,17 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.imageInputTokens': 'Image Input Tokens:',
         'history.imageOutputTokens': 'Image Output Tokens:',
         'history.time': 'Time:',
+        'history.durationMilliseconds': '{value} ms',
+        'history.durationSeconds': '{value} s',
+        'history.durationMinutesSeconds': '{minutes}m {seconds}s',
+        'history.durationHoursMinutesSeconds': '{hours}h {minutes}m {seconds}s',
         'history.generatedAt': 'Generated At:',
         'history.mode': 'Mode:',
         'history.model': 'Model:',
         'history.resolution': 'Resolution:',
         'history.quality': 'Quality:',
-        'history.bg': 'BG:',
-        'history.mod': 'Mod:',
+        'history.bg': 'Background:',
+        'history.mod': 'Moderation:',
         'history.imageCount': 'Image Count:',
         'history.outputFormat': 'Output Format:',
         'history.storage': 'Storage:',
@@ -993,7 +1068,7 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.deleteItem': 'Delete history item',
         'history.confirmDeletion': 'Confirm Deletion',
         'history.confirmDeletionDescription':
-            'Are you sure you want to delete this history entry? This will remove {count} image(s). This action cannot be undone.',
+            'Are you sure you want to delete this history entry? Number of images to remove: {count}. This action cannot be undone.',
         'history.dontAskAgain': "Don't ask me again",
         'history.viewBatch': 'View image batch from {time}',
         'history.previewBatch': 'Preview for batch generated at {time}',
@@ -1008,11 +1083,12 @@ const messages: Record<Locale, Record<string, string>> = {
         'retention.selectHistory': 'Select recent images',
         'retention.exitSelection': 'Done',
         'retention.selectImage': 'Select image',
-        'retention.preserve': 'Keep',
-        'retention.release': 'Remove keep',
-        'retention.permanentlySaved': 'Kept from cleanup',
+        'retention.preserve': 'Protect from auto-cleanup',
+        'retention.release': 'Remove cleanup protection',
+        'retention.permanentlySaved': 'Protected from auto-cleanup',
         'retention.selectedCount': '{count} selected',
-        'retention.hint': 'Select file-system images to keep them from automatic cleanup.',
+        'retention.hint':
+            'This only prevents server-side automatic cleanup. Manual deletion or clearing history still removes the image.',
         'retention.updateFailed': 'Failed to update automatic-cleanup protection.',
         'retention.partialUpdateFailed': 'Some image cleanup-protection settings were not updated.',
         'retention.loadFailed': 'Failed to load automatic-cleanup protection.',
@@ -1020,8 +1096,8 @@ const messages: Record<Locale, Record<string, string>> = {
         'history.showTotalCost': 'Show estimated cost summary',
         'history.modeCreate': 'Create',
         'history.modeEdit': 'Edit',
-        'history.storageFile': 'file',
-        'history.storageDb': 'db',
+        'history.storageFile': 'Server file storage',
+        'history.storageDb': 'Browser local database',
         'history.generatedOn': 'Generated on: {time}',
         'api.title': 'API Settings',
         'api.description': 'Leave blank to use server environment variables. Saved only in this browser when filled.',
@@ -1050,8 +1126,10 @@ const messages: Record<Locale, Record<string, string>> = {
         'error.authVerifyUnavailable': 'Could not refresh access. Check the network or try again later.',
         'error.imageAccessRefreshFailed': 'Unable to refresh image access. Enter the access code again and retry.',
         'error.unexpected': 'An unexpected error occurred.',
-        'error.responseBodyNull': 'Response body is null',
+        'error.responseBodyNull': 'The image service returned an empty response. Try again.',
+        'error.invalidRequest': 'The request is invalid. Check the input, images, and size, then try again.',
         'error.streaming': 'Streaming error occurred',
+        'error.networkRequest': 'Could not reach the image service. Check the network and try again.',
         'error.apiFailedWithAdvice': '{message}. Recommendation: {advice}',
         'error.adviceAuth': 'Check the API Key, access code, or channel permissions.',
         'error.adviceRateLimit': 'The request was rate limited. Retry later, or lower concurrency and image count.',
@@ -1059,9 +1137,9 @@ const messages: Record<Locale, Record<string, string>> = {
             'The upstream service or API relay is failing. Retry later, or switch to another channel.',
         'error.adviceCloudflare':
             '4K or high-resolution generation may exceed the Cloudflare 100-second limit. Lower the resolution, or use an API relay that supports 4K streaming output: {url}',
-        'error.batchPartialFailure': 'Batch generation partially failed: {failed}/{total} job(s) failed.',
+        'error.batchPartialFailure': 'Batch generation partially failed. Failed: {failed}/{total}.',
         'error.batchPartialFailureDetailed':
-            'Batch generation partially failed: {failed}/{total} job(s) failed. Details: {reasons}',
+            'Batch generation partially failed. Failed: {failed}/{total}. Details: {reasons}',
         'error.apiFailed': 'API request failed with status {status}',
         'error.imageMissingBase64': 'Image {filename} missing base64 data in IndexedDB mode.',
         'error.apiOmittedPaths': 'API response omitted one or more image paths.',
@@ -1074,28 +1152,29 @@ const messages: Record<Locale, Record<string, string>> = {
             'Result feedback was saved locally, but server sync failed. It was queued and will retry on this page, then continue after refresh or reopen.',
         'error.resultFeedbackDeleteSync':
             'Local history was deleted, but server feedback cleanup failed. Cleanup was queued and will retry on this page, then continue after refresh or reopen.',
-        'error.clearHistory': 'Failed to clear history: {message}',
+        'error.clearHistory': 'Failed to clear history. Try again.',
         'error.maxEditImages': 'Cannot add more than {count} images to the edit form.',
         'error.imageNotFoundDb': 'Image {filename} not found in local database.',
-        'error.fetchImage': 'Failed to fetch image: {statusText}',
+        'error.fetchImage': 'Failed to fetch image (HTTP {status}).',
         'error.retrieveImage': 'Could not retrieve image data for {filename}.',
+        'error.downloadHistory': 'Could not create the history download. Try again.',
         'error.sendToEdit': 'Failed to send image to edit form.',
         'error.deleteUnexpected': 'An unexpected error occurred during deletion.',
         'error.deletePartial':
-            'Some images could not be deleted, or their cleanup-protection state could not be fully cleared.',
+            'Some images could not be deleted, or their cleanup protection could not be fully cleared.',
         'confirm.clearHistoryFs': 'Are you sure you want to clear the entire image history? This cannot be undone.',
         'confirm.clearHistoryIndexedDb':
             'Are you sure you want to clear the entire image history? In IndexedDB mode, this will also permanently delete all stored images. This cannot be undone.',
         'workbench.creationSheet': 'Creation sheet',
         'workbench.promptTitle': 'Write the idea',
         'workbench.basicSettings': 'Basic settings',
-        'workbench.estimatedCost': 'Est. {credits} credits',
-        'workbench.saveInspiration': 'Save inspiration',
-        'workbench.randomInspiration': 'Surprise me',
+        'workbench.requestSummary': 'Images requested: {count}',
+        'workbench.saveInspiration': 'Save prompt',
+        'workbench.randomInspiration': 'Use a random saved prompt',
         'workbench.album': 'Album',
         'alert.editNoImage': 'Please select at least one image to edit.',
         'alert.maxImages': 'You can only select up to {count} images.',
-        'alert.saveMaskBeforeSubmit': 'Please save the mask you have drawn before submitting.',
+        'alert.saveMaskBeforeSubmit': 'Save the drawn mask before submitting.',
         'alert.maskInvalidType': 'Invalid file type. Please upload a PNG file for the mask.',
         'alert.maskDimensionMismatch':
             'Mask dimensions ({actual}) must match the source image dimensions ({expected}).',
@@ -1163,10 +1242,65 @@ function interpolate(template: string, values?: Record<string, string | number>)
 
 export function I18nProvider({ children }: { children: React.ReactNode }) {
     const locale = React.useSyncExternalStore(subscribeToLocaleChanges, getLocaleSnapshot, () => defaultLocale);
+    const t = React.useCallback(
+        (key: string, values?: Record<string, string | number>) => {
+            const template = messages[locale][key] ?? messages[defaultLocale][key] ?? key;
+            return interpolate(template, values);
+        },
+        [locale]
+    );
 
     React.useEffect(() => {
-        document.documentElement.lang = locale;
-    }, [locale]);
+        const syncDocumentMetadata = () => {
+            document.documentElement.lang = locale;
+            const title = t('meta.title');
+            if (document.title !== title) {
+                document.title = title;
+            }
+            let description = document.querySelector<HTMLMetaElement>('meta[name="description"]');
+            if (!description) {
+                description = document.createElement('meta');
+                description.name = 'description';
+                document.head.appendChild(description);
+            }
+            const descriptionContent = t('meta.description');
+            if (description.content !== descriptionContent) {
+                description.content = descriptionContent;
+            }
+        };
+
+        const metadataMatchesLocale = () =>
+            document.title === t('meta.title') &&
+            document.querySelector<HTMLMetaElement>('meta[name="description"]')?.content === t('meta.description');
+
+        let animationFrameId: number | undefined;
+        const scheduleMetadataSync = () => {
+            if (animationFrameId !== undefined || metadataMatchesLocale()) return;
+            animationFrameId = window.requestAnimationFrame(() => {
+                animationFrameId = undefined;
+                syncDocumentMetadata();
+            });
+        };
+
+        syncDocumentMetadata();
+        scheduleMetadataSync();
+
+        const metadataObserver = new MutationObserver(scheduleMetadataSync);
+        metadataObserver.observe(document.head, {
+            attributes: true,
+            attributeFilter: ['content'],
+            childList: true,
+            characterData: true,
+            subtree: true
+        });
+
+        return () => {
+            metadataObserver.disconnect();
+            if (animationFrameId !== undefined) {
+                window.cancelAnimationFrame(animationFrameId);
+            }
+        };
+    }, [locale, t]);
 
     React.useEffect(() => {
         queueMicrotask(syncLocaleFromStorage);
@@ -1177,14 +1311,6 @@ export function I18nProvider({ children }: { children: React.ReactNode }) {
         emitLocale(nextLocale);
     }, []);
 
-    const t = React.useCallback(
-        (key: string, values?: Record<string, string | number>) => {
-            const template = messages[locale][key] ?? messages[defaultLocale][key] ?? key;
-            return interpolate(template, values);
-        },
-        [locale]
-    );
-
     const value = React.useMemo(() => ({ locale, setLocale, t }), [locale, setLocale, t]);
 
     return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;

src/lib/image-display-labels.test.ts

@@ -0,0 +1,69 @@
+import {
+    formatImageDurationLabel,
+    getActivityLogLevelLabel,
+    getImageBackgroundLabel,
+    getImageModerationLabel,
+    getImageOutputFormatLabel,
+    getImageQualityLabel
+} from './image-display-labels';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+
+const messages: Record<string, string> = {
+    'common.auto': 'Automatic',
+    'common.low': 'Low',
+    'common.medium': 'Medium',
+    'common.high': 'High',
+    'common.png': 'PNG',
+    'common.jpeg': 'JPEG',
+    'common.webp': 'WebP',
+    'form.backgroundOpaque': 'Opaque',
+    'form.backgroundTransparent': 'Transparent',
+    'history.durationMilliseconds': '{value} ms',
+    'history.durationSeconds': '{value} s',
+    'history.durationMinutesSeconds': '{minutes}m {seconds}s',
+    'history.durationHoursMinutesSeconds': '{hours}h {minutes}m {seconds}s',
+    'logs.levelDebug': 'Debug',
+    'logs.levelInfo': 'Info',
+    'logs.levelWarn': 'Warning',
+    'logs.levelError': 'Error'
+};
+
+const translate = (key: string, values?: Record<string, string | number>): string =>
+    (messages[key] ?? key).replace(/\{(\w+)\}/g, (match, name) => String(values?.[name] ?? match));
+
+describe('image display labels', () => {
+    it('localizes every supported image request enum', () => {
+        assert.equal(getImageQualityLabel('auto', translate), 'Automatic');
+        assert.equal(getImageQualityLabel('low', translate), 'Low');
+        assert.equal(getImageQualityLabel('medium', translate), 'Medium');
+        assert.equal(getImageQualityLabel('high', translate), 'High');
+        assert.equal(getImageBackgroundLabel('opaque', translate), 'Opaque');
+        assert.equal(getImageBackgroundLabel('transparent', translate), 'Transparent');
+        assert.equal(getImageModerationLabel('auto', translate), 'Automatic');
+        assert.equal(getImageModerationLabel('low', translate), 'Low');
+        assert.equal(getImageOutputFormatLabel('png', translate), 'PNG');
+        assert.equal(getImageOutputFormatLabel('jpeg', translate), 'JPEG');
+        assert.equal(getImageOutputFormatLabel('webp', translate), 'WebP');
+    });
+
+    it('keeps unexpected persisted values visible for diagnosis', () => {
+        assert.equal(getImageQualityLabel('experimental', translate), 'experimental');
+        assert.equal(getImageOutputFormatLabel('avif', translate), 'avif');
+    });
+
+    it('formats image durations with localized unit labels', () => {
+        assert.equal(formatImageDurationLabel(850, 'en-US', translate), '850 ms');
+        assert.equal(formatImageDurationLabel(1350, 'en-US', translate), '1.4 s');
+        assert.equal(formatImageDurationLabel(61_000, 'en-US', translate), '1m 01s');
+        assert.equal(formatImageDurationLabel(3_661_000, 'en-US', translate), '1h 01m 01s');
+    });
+
+    it('localizes known activity log levels and preserves unknown diagnostic values', () => {
+        assert.equal(getActivityLogLevelLabel('debug', translate), 'Debug');
+        assert.equal(getActivityLogLevelLabel('info', translate), 'Info');
+        assert.equal(getActivityLogLevelLabel('warn', translate), 'Warning');
+        assert.equal(getActivityLogLevelLabel('error', translate), 'Error');
+        assert.equal(getActivityLogLevelLabel('trace', translate), 'trace');
+    });
+});

src/lib/image-display-labels.ts

@@ -0,0 +1,74 @@
+type Translate = (key: string, values?: Record<string, string | number>) => string;
+
+export function getImageQualityLabel(value: string, t: Translate): string {
+    if (value === 'auto') return t('common.auto');
+    if (value === 'low') return t('common.low');
+    if (value === 'medium') return t('common.medium');
+    if (value === 'high') return t('common.high');
+    return value;
+}
+
+export function getImageBackgroundLabel(value: string, t: Translate): string {
+    if (value === 'auto') return t('common.auto');
+    if (value === 'opaque') return t('form.backgroundOpaque');
+    if (value === 'transparent') return t('form.backgroundTransparent');
+    return value;
+}
+
+export function getImageModerationLabel(value: string, t: Translate): string {
+    if (value === 'auto') return t('common.auto');
+    if (value === 'low') return t('common.low');
+    return value;
+}
+
+export function getImageOutputFormatLabel(value: string, t: Translate): string {
+    if (value === 'png') return t('common.png');
+    if (value === 'jpeg') return t('common.jpeg');
+    if (value === 'webp') return t('common.webp');
+    return value;
+}
+
+export function formatImageDurationLabel(value: number, locale: string, t: Translate): string {
+    const integerFormatter = new Intl.NumberFormat(locale, { useGrouping: false });
+    const paddedIntegerFormatter = new Intl.NumberFormat(locale, {
+        minimumIntegerDigits: 2,
+        useGrouping: false
+    });
+
+    if (value < 1000) {
+        return t('history.durationMilliseconds', { value: integerFormatter.format(value) });
+    }
+
+    const totalSeconds = Math.round(value / 1000);
+    if (totalSeconds < 60) {
+        const seconds = new Intl.NumberFormat(locale, { maximumFractionDigits: 1 }).format(value / 1000);
+        return t('history.durationSeconds', { value: seconds });
+    }
+
+    const hours = Math.floor(totalSeconds / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    const formattedMinutes = paddedIntegerFormatter.format(minutes);
+    const formattedSeconds = paddedIntegerFormatter.format(seconds);
+
+    if (hours > 0) {
+        return t('history.durationHoursMinutesSeconds', {
+            hours: integerFormatter.format(hours),
+            minutes: formattedMinutes,
+            seconds: formattedSeconds
+        });
+    }
+
+    return t('history.durationMinutesSeconds', {
+        minutes: integerFormatter.format(minutes),
+        seconds: formattedSeconds
+    });
+}
+
+export function getActivityLogLevelLabel(value: string, t: Translate): string {
+    if (value === 'debug') return t('logs.levelDebug');
+    if (value === 'info') return t('logs.levelInfo');
+    if (value === 'warn') return t('logs.levelWarn');
+    if (value === 'error') return t('logs.levelError');
+    return value;
+}

src/lib/share-api-error.test.ts

@@ -0,0 +1,41 @@
+import { resolveShareApiErrorMessage } from './share-api-error';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+
+const t = (key: string) => `translated:${key}`;
+
+describe('resolveShareApiErrorMessage', () => {
+    it('maps known share error codes to locale keys without rendering API error text', () => {
+        assert.equal(
+            resolveShareApiErrorMessage({ code: 'share_not_found', error: '分享不存在。' }, t, 'share.loadFailed'),
+            'translated:share.notFound'
+        );
+        assert.equal(
+            resolveShareApiErrorMessage(
+                { code: 'share_access_denied', error: '访问码无效。' },
+                t,
+                'share.unlockFailed'
+            ),
+            'translated:share.accessCodeInvalid'
+        );
+        assert.equal(
+            resolveShareApiErrorMessage(
+                { code: 'share_rate_limited', error: '访问码尝试次数过多。' },
+                t,
+                'share.unlockFailed'
+            ),
+            'translated:share.accessCodeRateLimited'
+        );
+    });
+
+    it('uses the localized fallback for malformed and unknown API errors', () => {
+        assert.equal(
+            resolveShareApiErrorMessage({ error: 'raw response' }, t, 'share.loadFailed'),
+            'translated:share.loadFailed'
+        );
+        assert.equal(
+            resolveShareApiErrorMessage({ code: 'unknown_error', error: 'raw response' }, t, 'share.unlockFailed'),
+            'translated:share.unlockFailed'
+        );
+    });
+});

src/lib/share-api-error.ts

@@ -0,0 +1,18 @@
+type Translate = (key: string) => string;
+
+const translationKeyByErrorCode: Record<string, string> = {
+    share_not_found: 'share.notFound',
+    share_expired: 'share.expired',
+    share_access_code_required: 'share.accessCodeRequired',
+    share_access_denied: 'share.accessCodeInvalid',
+    share_rate_limited: 'share.accessCodeRateLimited'
+};
+
+export function resolveShareApiErrorMessage(value: unknown, t: Translate, fallbackKey: string): string {
+    if (!isRecord(value) || typeof value.code !== 'string') return t(fallbackKey);
+    return t(translationKeyByErrorCode[value.code] ?? fallbackKey);
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}

src/lib/share-client.test.ts

@@ -83,4 +83,20 @@ describe('createImageShareFromBlob', () => {
             /refresh failed/
         );
     });
+
+    it('uses the localized failure message instead of exposing an API error response', async () => {
+        await assert.rejects(
+            () =>
+                createImageShareFromBlob({
+                    filename: 'result.png',
+                    blob: new Blob([Buffer.from('image-bytes')], { type: 'image/png' }),
+                    values: { accessCode: '', expiresInMinutes: null },
+                    accessRefreshErrorMessage: 'refresh failed',
+                    createFailedMessage: 'create failed',
+                    refreshImageAccessCookie: async () => true,
+                    fetchImpl: async () => Response.json({ error: 'raw API error' }, { status: 400 })
+                }),
+            /create failed/
+        );
+    });
 });

src/lib/share-client.ts

@@ -43,10 +43,15 @@ export async function createImageShareFromBlob(options: CreateImageShareFromBlob
         form.set('expiresInMinutes', String(options.values.expiresInMinutes));
     }
 
-    const response = await (options.fetchImpl ?? fetch)('/api/shares', { method: 'POST', body: form });
-    const body = (await response.json().catch(() => ({}))) as { error?: unknown; url?: unknown };
+    let response: Response;
+    try {
+        response = await (options.fetchImpl ?? fetch)('/api/shares', { method: 'POST', body: form });
+    } catch {
+        throw new Error(options.createFailedMessage);
+    }
+    const body = (await response.json().catch(() => ({}))) as { url?: unknown };
     if (!response.ok) {
-        throw new Error(typeof body.error === 'string' ? body.error : options.createFailedMessage);
+        throw new Error(options.createFailedMessage);
     }
     if (typeof body.url !== 'string' || !body.url) {
         throw new Error(options.createFailedMessage);

src/lib/streaming-batch.ts

@@ -80,6 +80,7 @@ export type ApiImageResponseItem = {
 
 export type StreamingClientEvent = {
     type?: string;
+    status?: number;
     index?: number;
     b64_json?: string;
     filename?: string;

src/lib/streaming-status-label.test.ts

@@ -0,0 +1,22 @@
+import { getStreamingStatusLabel } from './streaming-status-label';
+import assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+
+const labels: Record<string, string> = {
+    'streaming.modeAuto': '自动',
+    'streaming.modeStream': '强制流式',
+    'streaming.modeNonStream': '非流式'
+};
+
+const t = (key: string): string => labels[key] ?? key;
+
+describe('getStreamingStatusLabel', () => {
+    it('describes the selected automatic mode without claiming streaming availability', () => {
+        assert.equal(getStreamingStatusLabel('auto', t), '自动');
+    });
+
+    it('distinguishes forced streaming from non-streaming mode', () => {
+        assert.equal(getStreamingStatusLabel('stream', t), '强制流式');
+        assert.equal(getStreamingStatusLabel('non_stream', t), '非流式');
+    });
+});

src/lib/streaming-status-label.ts

@@ -3,6 +3,7 @@ import type { ImageStreamMode } from '@/lib/image-upstream-strategy';
 type Translate = (key: string) => string;
 
 export function getStreamingStatusLabel(streamMode: ImageStreamMode, t: Translate): string {
-    if (streamMode === 'non_stream') return t('streaming.statusStandard');
-    return t('streaming.statusAvailable');
+    if (streamMode === 'stream') return t('streaming.modeStream');
+    if (streamMode === 'non_stream') return t('streaming.modeNonStream');
+    return t('streaming.modeAuto');
 }

src/lib/webui-image-retention-client.test.ts

@@ -1,6 +1,5 @@
 import {
     mergeWebuiImageRetentionResults,
-    readApiErrorMessage,
     readWebuiImageFileOperationResults,
     readWebuiImageRetentionFilenames
 } from './webui-image-retention-client';
@@ -8,7 +7,7 @@ import assert from 'node:assert/strict';
 import { describe, it } from 'node:test';
 
 describe('WebUI image retention client contract', () => {
-    it('parses permanent filenames and file operation results from valid API responses', () => {
+    it('parses cleanup-protected filenames and file operation results from valid API responses', () => {
         assert.deepEqual(readWebuiImageRetentionFilenames({ filenames: ['one.png', 'two.png', 'one.png'] }), [
             'one.png',
             'two.png'
@@ -37,16 +36,14 @@ describe('WebUI image retention client contract', () => {
                 }
             ]
         );
-        assert.equal(readApiErrorMessage({ error: '未授权。' }), '未授权。');
     });
 
     it('rejects malformed API payloads instead of silently accepting them', () => {
         assert.throws(() => readWebuiImageRetentionFilenames({ filenames: ['one.png', 2] }), /格式无效/);
         assert.throws(() => readWebuiImageFileOperationResults({ results: [{ filename: 'one.png' }] }), /格式无效/);
-        assert.equal(readApiErrorMessage({ message: 'not an error field' }), undefined);
     });
 
-    it('merges only confirmed permanent-state changes into the filename set', () => {
+    it('merges only confirmed cleanup-protection changes into the filename set', () => {
         const results = [
             { filename: 'kept.png', success: true },
             {
@@ -61,7 +58,7 @@ describe('WebUI image retention client contract', () => {
                 success: false,
                 fileDeleted: true,
                 markerRemoved: false,
-                error: '图片已删除，但永久保存状态清理失败。'
+                error: '图片已删除，但自动清理保护未能清理。'
             }
         ];
 

src/lib/webui-image-retention-client.ts

@@ -11,10 +11,10 @@ export type WebuiImageFileOperationResult = {
 
 export function readWebuiImageRetentionFilenames(value: unknown): string[] {
     if (!isRecord(value) || !Array.isArray(value.filenames)) {
-        throw new Error('永久保存状态响应格式无效。');
+        throw new Error('自动清理保护状态响应格式无效。');
     }
     if (!value.filenames.every((filename): filename is string => typeof filename === 'string')) {
-        throw new Error('永久保存状态响应格式无效。');
+        throw new Error('自动清理保护状态响应格式无效。');
     }
     return [...new Set(value.filenames)];
 }
@@ -38,10 +38,6 @@ export function readWebuiImageFileOperationResults(value: unknown): WebuiImageFi
     });
 }
 
-export function readApiErrorMessage(value: unknown): string | undefined {
-    return isRecord(value) && typeof value.error === 'string' ? value.error : undefined;
-}
-
 export function mergeWebuiImageRetentionResults(
     current: ReadonlySet<string>,
     action: WebuiImageRetentionAction,

src/lib/workbench-cost-label.test.ts

@@ -1,16 +0,0 @@
-import { formatEstimatedCredits } from './workbench-cost-label';
-import assert from 'node:assert/strict';
-import { describe, it } from 'node:test';
-
-describe('formatEstimatedCredits', () => {
-    it('scales the visible estimate by the current task count', () => {
-        assert.equal(formatEstimatedCredits(1), '0.12');
-        assert.equal(formatEstimatedCredits(2), '0.24');
-        assert.equal(formatEstimatedCredits(4), '0.48');
-    });
-
-    it('shows zero credits for empty task counts and one task for invalid counts', () => {
-        assert.equal(formatEstimatedCredits(0), '0.00');
-        assert.equal(formatEstimatedCredits(Number.NaN), '0.12');
-    });
-});

src/lib/workbench-cost-label.ts

@@ -1,7 +0,0 @@
-const ESTIMATED_CREDITS_PER_IMAGE = 0.12;
-
-export function formatEstimatedCredits(taskCount: number): string {
-    const safeTaskCount = Number.isFinite(taskCount) ? Math.max(0, Math.floor(taskCount)) : 1;
-    const credits = ESTIMATED_CREDITS_PER_IMAGE * safeTaskCount;
-    return credits.toFixed(2);
-}