diff --git a/app/(admin)/settings/_components/local-ai-sections/image-pipeline-sections.tsx b/app/(admin)/settings/_components/local-ai-sections/image-pipeline-sections.tsx
index c2ef656c8..cffff1672 100644
--- a/app/(admin)/settings/_components/local-ai-sections/image-pipeline-sections.tsx
+++ b/app/(admin)/settings/_components/local-ai-sections/image-pipeline-sections.tsx
@@ -5,13 +5,17 @@ import {
   ArrowUp,
   Check,
   Layers,
+  Loader2,
   Menu,
   Move3D,
   Plus,
   RefreshCw,
   Save,
+  Sparkles,
   Trash2,
+  Upload,
 } from "lucide-react";
+import { CanvasToolbarIcon } from "@/components/canvas/CanvasToolbarIcon";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -26,6 +30,10 @@ import { Separator } from "@/components/ui/separator";
 import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
+import {
+  AI_WASH_CONTROL_ORDER,
+  type AiWashControlId,
+} from "@/lib/ai-wash/config";
 import {
   ENHANCE_PRO_KREA_DEFAULT_BASE_URL,
   ENHANCE_PRO_KREA_DEFAULT_MODEL,
@@ -45,6 +53,7 @@ import {
 } from "../local-ai-section-shell";
 
 export function LocalAiImagePipelineSections({
+  modelsData,
   rmbgConfig,
   setRmbgConfig,
   enhanceConfig,
@@ -63,6 +72,9 @@ export function LocalAiImagePipelineSections({
   selectedEnhanceProPreset,
   selectedEnhanceProPresetIndex,
   draggingEnhanceProPresetId,
+  aiWashConfig,
+  setAiWashConfig,
+  aiWashModeIconUploading,
   extendConfig,
   setExtendConfig,
   watermarkRemoveConfig,
@@ -87,11 +99,26 @@ export function LocalAiImagePipelineSections({
   handleEnhanceProPresetDragEnd,
   handleEnhanceProPresetDrop,
   handleMoveEnhanceProPreset,
+  handleAiWashModeIconUpload,
+  handleSaveAiWashConfig,
   handleSaveExtendConfig,
   handleSaveWatermarkRemoveConfig,
   handleSaveAngleEditConfig,
   handleSaveLayerSplitConfig,
 }: LocalAiImagePipelineSectionsProps) {
+  const availableImageModels = (modelsData?.models || []).filter(
+    (model) => model.supportsImageGen && model.isEnabled && !model.isHidden
+  );
+  const getAiWashControlToneCopy = (controlId: AiWashControlId) => {
+    if (controlId === "creativity") {
+      return "每档可以单独指定模型；如果留空，前台才会开放模型下拉选择。";
+    }
+    if (controlId === "detail") {
+      return "每档可以补充默认提示词，决定细节精修的强弱。";
+    }
+    return "每档可以补充默认提示词，决定光影、氛围与空间塑造。";
+  };
+
   return (
     <>
       {/* 抠图API配置 */}
@@ -1385,8 +1412,775 @@ export function LocalAiImagePipelineSections({
           </div>
         </div>
 
-        <Button onClick={handleSaveEnhanceProConfig}>
-          <Save className="mr-2 h-4 w-4" /> 保存图像增强 Pro 配置
+      <Button onClick={handleSaveEnhanceProConfig}>
+        <Save className="mr-2 h-4 w-4" /> 保存图像增强 Pro 配置
+      </Button>
+      </LocalAiSectionShell>
+
+      <LocalAiSectionShell
+        description={
+          <>
+            配置无限画布“AI洗图”子页面使用的生图模型与提示词。前台会基于同一张原图并行生成多组洗图结果，并支持拖动对比。
+          </>
+        }
+        expanded={isLocalAiSectionExpanded("ai-wash")}
+        id="local-ai-section-ai-wash"
+        onToggle={() => toggleLocalAiSection("ai-wash")}
+        summary={
+          <LocalAiSectionSummary
+            items={[
+              {
+                label: aiWashConfig.enabled ? "功能启用" : "功能关闭",
+                tone: aiWashConfig.enabled ? "enabled" : "disabled",
+              },
+              {
+                label: `${aiWashConfig.presets.filter((preset) => preset.enabled).length} 个启用预设`,
+                tone:
+                  aiWashConfig.presets.some(
+                    (preset) =>
+                      preset.enabled && preset.modelId.trim() && preset.prompt.trim()
+                  )
+                    ? "enabled"
+                    : "warning",
+              },
+              {
+                label: aiWashConfig.modeLabel || "AI洗图",
+                tone: "neutral",
+              },
+            ]}
+          />
+        }
+        title="AI洗图配置"
+      >
+        <div className="flex items-center justify-between rounded-lg border p-4">
+          <div className="space-y-0.5">
+            <Label className="text-base">启用 AI洗图</Label>
+            <div className="text-muted-foreground text-sm">
+              开启后，图像增强模式顶部会新增一个“AI洗图”入口，用户可上传底图并批量对比洗图结果。
+            </div>
+          </div>
+          <div className="flex items-center gap-2">
+            <Switch
+              checked={aiWashConfig.enabled}
+              onCheckedChange={(checked) =>
+                setAiWashConfig((prev) => ({
+                  ...prev,
+                  enabled: checked,
+                }))
+              }
+            />
+            <span className="min-w-[3rem] font-medium text-muted-foreground text-sm">
+              {aiWashConfig.enabled ? "已开启" : "已关闭"}
+            </span>
+          </div>
+        </div>
+
+        <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+          <div className="space-y-3 rounded-xl border bg-muted/10 p-4 md:col-span-2">
+            <div className="flex items-start justify-between gap-3">
+              <div className="space-y-1">
+                <div className="font-medium text-sm">前台入口名称与图标</div>
+                <div className="text-muted-foreground text-xs">
+                  会同步到图像增强顶部的 AI洗图模式按钮，也会用于洗图工作区标题。
+                </div>
+              </div>
+              <div className="flex items-center gap-1">
+                <Button
+                  className="h-8"
+                  disabled={aiWashModeIconUploading}
+                  onClick={() =>
+                    document.getElementById("ai-wash-mode-icon-upload")?.click()
+                  }
+                  size="sm"
+                  type="button"
+                  variant="outline"
+                >
+                  {aiWashModeIconUploading ? (
+                    <>
+                      <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />
+                      上传中
+                    </>
+                  ) : (
+                    <>
+                      <Upload className="mr-1.5 h-3.5 w-3.5" />
+                      上传 SVG
+                    </>
+                  )}
+                </Button>
+                {aiWashConfig.modeIconUrl ? (
+                  <Button
+                    className="h-8 px-2 text-muted-foreground"
+                    onClick={() =>
+                      setAiWashConfig((prev) => ({
+                        ...prev,
+                        modeIconUrl: "",
+                      }))
+                    }
+                    size="sm"
+                    type="button"
+                    variant="ghost"
+                  >
+                    清除
+                  </Button>
+                ) : null}
+              </div>
+              <input
+                accept=".svg,image/svg+xml"
+                className="hidden"
+                id="ai-wash-mode-icon-upload"
+                onChange={async (event) => {
+                  const file = event.target.files?.[0];
+                  if (file) {
+                    await handleAiWashModeIconUpload(file);
+                  }
+                  event.target.value = "";
+                }}
+                type="file"
+              />
+            </div>
+
+            <div className="grid gap-3 lg:grid-cols-[1.1fr_0.9fr]">
+              <div className="space-y-2">
+                <Label htmlFor="aiWashModeLabel">前台入口名称</Label>
+                <Input
+                  id="aiWashModeLabel"
+                  onChange={(event) =>
+                    setAiWashConfig((prev) => ({
+                      ...prev,
+                      modeLabel: event.target.value,
+                    }))
+                  }
+                  placeholder="AI洗图"
+                  value={aiWashConfig.modeLabel}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label className="text-muted-foreground text-xs">图标预览</Label>
+                <div className="flex flex-wrap items-center gap-2">
+                  <div className="inline-flex h-10 items-center gap-2 rounded-[18px] bg-[#111111] px-3 font-medium text-white text-xs">
+                    <CanvasToolbarIcon
+                      active
+                      className="h-4 w-4"
+                      fallback={Sparkles}
+                      iconUrl={aiWashConfig.modeIconUrl}
+                    />
+                    {aiWashConfig.modeLabel || "AI洗图"}
+                  </div>
+                  <div className="inline-flex h-10 items-center gap-2 rounded-[18px] border bg-white px-3 font-medium text-[#666666] text-xs">
+                    <CanvasToolbarIcon
+                      className="h-4 w-4"
+                      fallback={Sparkles}
+                      iconUrl={aiWashConfig.modeIconUrl}
+                    />
+                    {aiWashConfig.modeLabel || "AI洗图"}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <Label htmlFor="aiWashImageSize">输出档位</Label>
+            <Select
+              onValueChange={(value) =>
+                setAiWashConfig((prev) => ({
+                  ...prev,
+                  imageSize: value,
+                }))
+              }
+              value={aiWashConfig.imageSize}
+            >
+              <SelectTrigger id="aiWashImageSize">
+                <SelectValue placeholder="选择出图档位" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="1K">1K</SelectItem>
+                <SelectItem value="2K">2K</SelectItem>
+                <SelectItem value="3K">3K</SelectItem>
+                <SelectItem value="4K">4K</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="space-y-2">
+            <Label htmlFor="aiWashHistoryLimit">历史展示条数</Label>
+            <Input
+              id="aiWashHistoryLimit"
+              min={1}
+              max={24}
+              onChange={(event) =>
+                setAiWashConfig((prev) => ({
+                  ...prev,
+                  historyLimit: Number(event.target.value || 8),
+                }))
+              }
+              type="number"
+              value={aiWashConfig.historyLimit}
+            />
+          </div>
+          <div className="flex items-center justify-between rounded-lg border px-4 py-3">
+            <div>
+              <div className="font-medium text-sm">启用提示词扩写</div>
+              <div className="text-muted-foreground text-xs">
+                会将预设提示词交给生图供应商做额外 prompt enhance。
+              </div>
+            </div>
+            <Switch
+              checked={aiWashConfig.promptExtend}
+              onCheckedChange={(checked) =>
+                setAiWashConfig((prev) => ({
+                  ...prev,
+                  promptExtend: checked,
+                }))
+              }
+            />
+          </div>
+        </div>
+
+        <div className="space-y-4 rounded-xl border p-4">
+          <div className="flex items-center justify-between gap-3">
+            <div>
+              <div className="font-medium text-sm">洗图预设</div>
+              <div className="text-muted-foreground text-xs">
+                前台会横向展示启用中的预设结果。建议至少配置 2 到 3 个不同风格的结果卡位。
+              </div>
+            </div>
+            <div className="rounded-full border px-2.5 py-1 text-xs text-muted-foreground">
+              共 {aiWashConfig.presets.length} 个预设
+            </div>
+          </div>
+
+          <div className="space-y-4">
+            {aiWashConfig.presets.map((preset, index) => (
+              <div className="rounded-xl border p-4" key={preset.id || `ai-wash-${index}`}>
+                <div className="mb-4 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+                  <div className="space-y-1">
+                    <div className="font-medium text-sm">{preset.title || `预设 ${index + 1}`}</div>
+                    <div className="text-muted-foreground text-xs">
+                      这个卡位会在前台结果区展示成一张独立的可拖动对比卡片。
+                    </div>
+                  </div>
+                  <div className="flex flex-wrap items-center gap-2">
+                    <Button
+                      onClick={() =>
+                        setAiWashConfig((prev) => ({
+                          ...prev,
+                          presets: prev.presets.map((item, itemIndex) => ({
+                            ...item,
+                            isDefault: itemIndex === index,
+                          })),
+                        }))
+                      }
+                      size="sm"
+                      type="button"
+                      variant={preset.isDefault ? "default" : "outline"}
+                    >
+                      {preset.isDefault ? "默认卡位" : "设为默认"}
+                    </Button>
+                    <div className="flex items-center gap-2 rounded-full border px-3 py-1.5">
+                      <Switch
+                        checked={preset.enabled}
+                        onCheckedChange={(checked) =>
+                          setAiWashConfig((prev) => ({
+                            ...prev,
+                            presets: prev.presets.map((item, itemIndex) =>
+                              itemIndex === index
+                                ? { ...item, enabled: checked }
+                                : item
+                            ),
+                          }))
+                        }
+                      />
+                      <span className="text-sm text-muted-foreground">
+                        {preset.enabled ? "启用" : "停用"}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="grid gap-4 lg:grid-cols-2">
+                  <div className="space-y-2">
+                    <Label htmlFor={`aiWashPresetTitle-${index}`}>预设标题</Label>
+                    <Input
+                      id={`aiWashPresetTitle-${index}`}
+                      onChange={(event) =>
+                        setAiWashConfig((prev) => ({
+                          ...prev,
+                          presets: prev.presets.map((item, itemIndex) =>
+                            itemIndex === index
+                              ? { ...item, title: event.target.value }
+                              : item
+                          ),
+                        }))
+                      }
+                      placeholder="例如：质感提升（细节更精准）"
+                      value={preset.title}
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor={`aiWashPresetModel-${index}`}>
+                      固定模型（留空则前台可选）
+                    </Label>
+                    <Select
+                      onValueChange={(value) =>
+                        setAiWashConfig((prev) => ({
+                          ...prev,
+                          presets: prev.presets.map((item, itemIndex) =>
+                            itemIndex === index
+                              ? {
+                                  ...item,
+                                  modelId: value === "__none__" ? "" : value,
+                                }
+                              : item
+                          ),
+                        }))
+                      }
+                      value={preset.modelId || "__none__"}
+                    >
+                      <SelectTrigger id={`aiWashPresetModel-${index}`}>
+                        <SelectValue placeholder="留空时前台允许用户选择模型" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="__none__">前台用户自行选择</SelectItem>
+                        {availableImageModels.length > 0 ? (
+                          availableImageModels.map((model) => (
+                            <SelectItem key={model.id} value={model.modelId}>
+                              {model.displayName || model.modelId}
+                            </SelectItem>
+                          ))
+                        ) : (
+                          <SelectItem disabled value="__empty__">
+                            暂无可用生图模型，请先到 AI 模型里启用
+                          </SelectItem>
+                        )}
+                      </SelectContent>
+                    </Select>
+                    <div className="text-muted-foreground text-xs">
+                      如果这里指定了模型，前台默认不再展示生图模型下拉；创造力档位里若再指定模型，会以档位模型优先。
+                    </div>
+                  </div>
+                </div>
+
+                <div className="mt-4 grid gap-4 lg:grid-cols-[0.9fr_1.1fr]">
+                  <div className="space-y-2">
+                    <Label htmlFor={`aiWashPresetDescription-${index}`}>结果说明</Label>
+                    <Textarea
+                      id={`aiWashPresetDescription-${index}`}
+                      onChange={(event) =>
+                        setAiWashConfig((prev) => ({
+                          ...prev,
+                          presets: prev.presets.map((item, itemIndex) =>
+                            itemIndex === index
+                              ? { ...item, description: event.target.value }
+                              : item
+                          ),
+                        }))
+                      }
+                      placeholder="用于前台解释这一张结果图更偏什么风格。"
+                      rows={3}
+                      value={preset.description}
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor={`aiWashPresetPrompt-${index}`}>洗图提示词</Label>
+                    <Textarea
+                      id={`aiWashPresetPrompt-${index}`}
+                      onChange={(event) =>
+                        setAiWashConfig((prev) => ({
+                          ...prev,
+                          presets: prev.presets.map((item, itemIndex) =>
+                            itemIndex === index
+                              ? { ...item, prompt: event.target.value }
+                              : item
+                          ),
+                        }))
+                      }
+                      placeholder="描述这一张卡位的洗图方向，例如细节强化、材质提升、AI 渲染化。"
+                      rows={6}
+                      value={preset.prompt}
+                    />
+                  </div>
+                </div>
+
+                <div className="mt-4 space-y-4 rounded-xl border border-dashed p-4">
+                  <div>
+                    <div className="font-medium text-sm">三段调节条</div>
+                    <div className="text-muted-foreground text-xs">
+                      前台每个模式都会显示这 3 个滑条。每一档都能单独配置，数量也可以继续扩展，不限死 3 档。
+                    </div>
+                  </div>
+
+                  <div className="space-y-4">
+                    {AI_WASH_CONTROL_ORDER.map((controlId) => {
+                      const control = preset.controls.find(
+                        (item) => item.id === controlId
+                      );
+                      if (!control) return null;
+
+                      return (
+                        <div className="rounded-xl border p-4" key={`${preset.id}-${control.id}`}>
+                          <div className="mb-4 flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+                            <div className="space-y-1">
+                              <div className="font-medium text-sm">
+                                {control.label || control.id}
+                              </div>
+                              <div className="text-muted-foreground text-xs">
+                                {control.helperText || getAiWashControlToneCopy(control.id)}
+                              </div>
+                            </div>
+                            <div className="flex flex-wrap items-center gap-2">
+                              <div className="rounded-full border px-2.5 py-1 text-xs text-muted-foreground">
+                                当前 {control.levels.length} 档
+                              </div>
+                              <Button
+                                onClick={() =>
+                                  setAiWashConfig((prev) => ({
+                                    ...prev,
+                                    presets: prev.presets.map((item, itemIndex) => {
+                                      if (itemIndex !== index) return item;
+                                      return {
+                                        ...item,
+                                        controls: item.controls.map((currentControl) => {
+                                          if (currentControl.id !== control.id) {
+                                            return currentControl;
+                                          }
+                                          return {
+                                            ...currentControl,
+                                            levels: [
+                                              ...currentControl.levels,
+                                              {
+                                                id: `${currentControl.id}-level-${currentControl.levels.length + 1}`,
+                                                label: String(currentControl.levels.length + 1),
+                                                modelId: "",
+                                                promptFragment: "",
+                                              },
+                                            ],
+                                          };
+                                        }),
+                                      };
+                                    }),
+                                  }))
+                                }
+                                size="sm"
+                                type="button"
+                                variant="outline"
+                              >
+                                <Plus className="mr-1 h-3.5 w-3.5" />
+                                增加档位
+                              </Button>
+                              <Button
+                                disabled={control.levels.length <= 1}
+                                onClick={() =>
+                                  setAiWashConfig((prev) => ({
+                                    ...prev,
+                                    presets: prev.presets.map((item, itemIndex) => {
+                                      if (itemIndex !== index) return item;
+                                      return {
+                                        ...item,
+                                        controls: item.controls.map((currentControl) => {
+                                          if (currentControl.id !== control.id) {
+                                            return currentControl;
+                                          }
+                                          const nextLevels = currentControl.levels.slice(0, -1);
+                                          return {
+                                            ...currentControl,
+                                            levels: nextLevels,
+                                            defaultLevel: Math.min(
+                                              currentControl.defaultLevel,
+                                              Math.max(0, nextLevels.length - 1)
+                                            ),
+                                          };
+                                        }),
+                                      };
+                                    }),
+                                  }))
+                                }
+                                size="sm"
+                                type="button"
+                                variant="ghost"
+                              >
+                                删除最后一档
+                              </Button>
+                            </div>
+                          </div>
+
+                          <div className="grid gap-4 lg:grid-cols-[280px_1fr]">
+                            <div className="space-y-2">
+                              <Label htmlFor={`aiWashControlLabel-${index}-${control.id}`}>
+                                前台显示名
+                              </Label>
+                              <Input
+                                id={`aiWashControlLabel-${index}-${control.id}`}
+                                onChange={(event) =>
+                                  setAiWashConfig((prev) => ({
+                                    ...prev,
+                                    presets: prev.presets.map((item, itemIndex) => {
+                                      if (itemIndex !== index) return item;
+                                      return {
+                                        ...item,
+                                        controls: item.controls.map((currentControl) =>
+                                          currentControl.id === control.id
+                                            ? {
+                                                ...currentControl,
+                                                label: event.target.value,
+                                              }
+                                            : currentControl
+                                        ),
+                                      };
+                                    }),
+                                  }))
+                                }
+                                value={control.label}
+                              />
+                              <Textarea
+                                onChange={(event) =>
+                                  setAiWashConfig((prev) => ({
+                                    ...prev,
+                                    presets: prev.presets.map((item, itemIndex) => {
+                                      if (itemIndex !== index) return item;
+                                      return {
+                                        ...item,
+                                        controls: item.controls.map((currentControl) =>
+                                          currentControl.id === control.id
+                                            ? {
+                                                ...currentControl,
+                                                helperText: event.target.value,
+                                              }
+                                            : currentControl
+                                        ),
+                                      };
+                                    }),
+                                  }))
+                                }
+                                placeholder={getAiWashControlToneCopy(control.id)}
+                                rows={4}
+                                value={control.helperText}
+                              />
+                            </div>
+
+                            <div className="space-y-3">
+                              {control.levels.map((level, levelIndex) => (
+                                <div className="rounded-lg border bg-muted/20 p-3" key={level.id}>
+                                  <div className="mb-3 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+                                    <div className="flex items-center gap-2">
+                                      <span className="rounded-full border bg-background px-2.5 py-1 text-xs font-medium">
+                                        档位 {levelIndex + 1}
+                                      </span>
+                                      <span className="text-muted-foreground text-xs">
+                                        前台滑块会把这个标签显示成当前档位值
+                                      </span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                      <Label
+                                        className="text-muted-foreground text-xs"
+                                        htmlFor={`aiWashControlDefault-${index}-${control.id}-${levelIndex}`}
+                                      >
+                                        默认
+                                      </Label>
+                                      <Switch
+                                        checked={control.defaultLevel === levelIndex}
+                                        onCheckedChange={(checked) => {
+                                          if (!checked) return;
+                                          setAiWashConfig((prev) => ({
+                                            ...prev,
+                                            presets: prev.presets.map((item, itemIndex) => {
+                                              if (itemIndex !== index) return item;
+                                              return {
+                                                ...item,
+                                                controls: item.controls.map((currentControl) =>
+                                                  currentControl.id === control.id
+                                                    ? {
+                                                        ...currentControl,
+                                                        defaultLevel: levelIndex,
+                                                      }
+                                                    : currentControl
+                                                ),
+                                              };
+                                            }),
+                                          }));
+                                        }}
+                                      />
+                                    </div>
+                                  </div>
+
+                                  <div
+                                    className={cn(
+                                      "grid gap-3",
+                                      control.kind === "model"
+                                        ? "lg:grid-cols-[150px_280px_1fr]"
+                                        : "lg:grid-cols-[150px_1fr]"
+                                    )}
+                                  >
+                                    <div className="space-y-2">
+                                      <Label
+                                        htmlFor={`aiWashLevelLabel-${index}-${control.id}-${levelIndex}`}
+                                      >
+                                        档位标签
+                                      </Label>
+                                      <Input
+                                        id={`aiWashLevelLabel-${index}-${control.id}-${levelIndex}`}
+                                        onChange={(event) =>
+                                          setAiWashConfig((prev) => ({
+                                            ...prev,
+                                            presets: prev.presets.map((item, itemIndex) => {
+                                              if (itemIndex !== index) return item;
+                                              return {
+                                                ...item,
+                                                controls: item.controls.map((currentControl) => {
+                                                  if (currentControl.id !== control.id) {
+                                                    return currentControl;
+                                                  }
+                                                  return {
+                                                    ...currentControl,
+                                                    levels: currentControl.levels.map(
+                                                      (currentLevel, currentLevelIndex) =>
+                                                        currentLevelIndex === levelIndex
+                                                          ? {
+                                                              ...currentLevel,
+                                                              label: event.target.value,
+                                                            }
+                                                          : currentLevel
+                                                    ),
+                                                  };
+                                                }),
+                                              };
+                                            }),
+                                          }))
+                                        }
+                                        value={level.label}
+                                      />
+                                    </div>
+
+                                    {control.kind === "model" ? (
+                                      <div className="space-y-2">
+                                        <Label
+                                          htmlFor={`aiWashLevelModel-${index}-${control.id}-${levelIndex}`}
+                                        >
+                                          指定模型
+                                        </Label>
+                                        <Select
+                                          onValueChange={(value) =>
+                                            setAiWashConfig((prev) => ({
+                                              ...prev,
+                                              presets: prev.presets.map((item, itemIndex) => {
+                                                if (itemIndex !== index) return item;
+                                                return {
+                                                  ...item,
+                                                  controls: item.controls.map((currentControl) => {
+                                                    if (currentControl.id !== control.id) {
+                                                      return currentControl;
+                                                    }
+                                                    return {
+                                                      ...currentControl,
+                                                      levels: currentControl.levels.map(
+                                                        (currentLevel, currentLevelIndex) =>
+                                                          currentLevelIndex === levelIndex
+                                                            ? {
+                                                                ...currentLevel,
+                                                                modelId:
+                                                                  value === "__none__"
+                                                                    ? ""
+                                                                    : value,
+                                                              }
+                                                            : currentLevel
+                                                      ),
+                                                    };
+                                                  }),
+                                                };
+                                              }),
+                                            }))
+                                          }
+                                          value={level.modelId || "__none__"}
+                                        >
+                                          <SelectTrigger
+                                            id={`aiWashLevelModel-${index}-${control.id}-${levelIndex}`}
+                                          >
+                                            <SelectValue placeholder="留空时走固定模型或前台用户选择" />
+                                          </SelectTrigger>
+                                          <SelectContent>
+                                            <SelectItem value="__none__">
+                                              不指定，允许下游继承
+                                            </SelectItem>
+                                            {availableImageModels.length > 0 ? (
+                                              availableImageModels.map((model) => (
+                                                <SelectItem
+                                                  key={model.id}
+                                                  value={model.modelId}
+                                                >
+                                                  {model.displayName || model.modelId}
+                                                </SelectItem>
+                                              ))
+                                            ) : (
+                                              <SelectItem disabled value="__empty__">
+                                                暂无可用生图模型
+                                              </SelectItem>
+                                            )}
+                                          </SelectContent>
+                                        </Select>
+                                      </div>
+                                    ) : null}
+
+                                    <div className="space-y-2">
+                                      <Label
+                                        htmlFor={`aiWashLevelPrompt-${index}-${control.id}-${levelIndex}`}
+                                      >
+                                        追加提示词
+                                      </Label>
+                                      <Textarea
+                                        id={`aiWashLevelPrompt-${index}-${control.id}-${levelIndex}`}
+                                        onChange={(event) =>
+                                          setAiWashConfig((prev) => ({
+                                            ...prev,
+                                            presets: prev.presets.map((item, itemIndex) => {
+                                              if (itemIndex !== index) return item;
+                                              return {
+                                                ...item,
+                                                controls: item.controls.map((currentControl) => {
+                                                  if (currentControl.id !== control.id) {
+                                                    return currentControl;
+                                                  }
+                                                  return {
+                                                    ...currentControl,
+                                                    levels: currentControl.levels.map(
+                                                      (currentLevel, currentLevelIndex) =>
+                                                        currentLevelIndex === levelIndex
+                                                          ? {
+                                                              ...currentLevel,
+                                                              promptFragment:
+                                                                event.target.value,
+                                                            }
+                                                          : currentLevel
+                                                    ),
+                                                  };
+                                                }),
+                                              };
+                                            }),
+                                          }))
+                                        }
+                                        placeholder={
+                                          control.kind === "model"
+                                            ? "可选：这一档除了切换模型，还可以额外加一段提示词。"
+                                            : "例如：强化微小纹理、让边缘更锐利、增强体积光层次。"
+                                        }
+                                        rows={4}
+                                        value={level.promptFragment}
+                                      />
+                                    </div>
+                                  </div>
+                                </div>
+                              ))}
+                            </div>
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <Button onClick={handleSaveAiWashConfig}>
+          <Save className="mr-2 h-4 w-4" /> 保存 AI洗图配置
         </Button>
       </LocalAiSectionShell>
 
diff --git a/app/(admin)/settings/_lib/local-ai-sections.ts b/app/(admin)/settings/_lib/local-ai-sections.ts
index 9205397b3..308b081b1 100644
--- a/app/(admin)/settings/_lib/local-ai-sections.ts
+++ b/app/(admin)/settings/_lib/local-ai-sections.ts
@@ -12,6 +12,7 @@ export const DEFAULT_LOCAL_AI_EXPANDED_SECTIONS: Record<string, boolean> = {
   rmbg: false,
   enhance: false,
   "enhance-pro": false,
+  "ai-wash": false,
   extend: false,
   "watermark-remove": false,
   "angle-edit": false,
diff --git a/app/(admin)/settings/_lib/types.ts b/app/(admin)/settings/_lib/types.ts
index 0698cb3b8..a4ee95841 100644
--- a/app/(admin)/settings/_lib/types.ts
+++ b/app/(admin)/settings/_lib/types.ts
@@ -1,6 +1,7 @@
 import type { LucideIcon } from "lucide-react";
 import type { Dispatch, DragEvent, ReactNode, SetStateAction } from "react";
 import type { CanvasImageTaskQueueConfig } from "@/lib/canvas/image-task-config";
+import type { AiWashConfig } from "@/lib/ai-wash/config";
 import type {
   EnhanceProKreaConfig,
   EnhanceProKreaModel,
@@ -297,6 +298,7 @@ export type LayerSplitConfig = {
 };
 
 export type LocalAiImagePipelineSectionsProps = LocalAiSectionControlProps & {
+  modelsData?: AdminModelsData;
   rmbgConfig: RmbgConfig;
   setRmbgConfig: Dispatch<SetStateAction<RmbgConfig>>;
   enhanceConfig: EnhanceConfig;
@@ -317,6 +319,9 @@ export type LocalAiImagePipelineSectionsProps = LocalAiSectionControlProps & {
   selectedEnhanceProPreset: EnhanceProPreset | null | undefined;
   selectedEnhanceProPresetIndex: number;
   draggingEnhanceProPresetId: string;
+  aiWashConfig: AiWashConfig;
+  setAiWashConfig: Dispatch<SetStateAction<AiWashConfig>>;
+  aiWashModeIconUploading: boolean;
   extendConfig: ExtendConfig;
   setExtendConfig: Dispatch<SetStateAction<ExtendConfig>>;
   watermarkRemoveConfig: WatermarkRemoveConfig;
@@ -352,6 +357,8 @@ export type LocalAiImagePipelineSectionsProps = LocalAiSectionControlProps & {
     targetPresetId: string
   ) => void;
   handleMoveEnhanceProPreset: (fromIndex: number, toIndex: number) => void;
+  handleAiWashModeIconUpload: (file: File) => Promise<void>;
+  handleSaveAiWashConfig: AsyncAction;
   handleSaveExtendConfig: AsyncAction;
   handleSaveWatermarkRemoveConfig: AsyncAction;
   handleSaveAngleEditConfig: AsyncAction;
diff --git a/app/(admin)/settings/admin-settings-client.tsx b/app/(admin)/settings/admin-settings-client.tsx
index bda1b6733..cb4b45db9 100644
--- a/app/(admin)/settings/admin-settings-client.tsx
+++ b/app/(admin)/settings/admin-settings-client.tsx
@@ -197,6 +197,11 @@ import {
   normalizeCanvasToolbarConfig,
 } from "@/lib/canvas-toolbar-config";
 import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry";
+import {
+  AI_WASH_CONFIG_KEY,
+  defaultAiWashConfig,
+  normalizeAiWashConfig,
+} from "@/lib/ai-wash/config";
 import {
   defaultEnhanceProKreaConfig,
   defaultEnhanceProPresets,
@@ -1808,6 +1813,9 @@ export function AdminSettingsClient() {
       `/api/admin/settings?key=${ENHANCE_PRO_KREA_SETTING_KEY}`,
       fetcher
     );
+  const { data: aiWashConfigData, mutate: mutateAiWashConfig } = useSWR<{
+    setting?: { value?: unknown };
+  }>(`/api/admin/settings?key=${AI_WASH_CONFIG_KEY}`, fetcher);
   const {
     data: canvasImageTaskQueueConfigData,
     mutate: mutateCanvasImageTaskQueueConfig,
@@ -2459,6 +2467,7 @@ export function AdminSettingsClient() {
     useState("");
   const [draggingEnhanceProPresetId, setDraggingEnhanceProPresetId] =
     useState("");
+  const [aiWashConfig, setAiWashConfig] = useState(defaultAiWashConfig());
 
   // 图像拓展API配置状态
   const [extendConfig, setExtendConfig] = useState({
@@ -2695,6 +2704,11 @@ export function AdminSettingsClient() {
     setEnhanceProApiKeysDraft("");
   }, [enhanceProConfigData]);
 
+  useEffect(() => {
+    if (!aiWashConfigData) return;
+    setAiWashConfig(normalizeAiWashConfig(aiWashConfigData.setting?.value));
+  }, [aiWashConfigData]);
+
   const enhanceProApiKeysDraftCount = useMemo(
     () =>
       normalizeEnhanceProKreaConfig({
@@ -3271,6 +3285,8 @@ export function AdminSettingsClient() {
   >(null);
   const [realtimeModeIconUploading, setRealtimeModeIconUploading] =
     useState<RealtimeCanvasModeIconKey | null>(null);
+  const [aiWashModeIconUploading, setAiWashModeIconUploading] =
+    useState(false);
   const [canvasToolbarIconUploading, setCanvasToolbarIconUploading] =
     useState<CanvasToolbarItemKey | null>(null);
   const [lovartHomeSidebarIconUploading, setLovartHomeSidebarIconUploading] =
@@ -3628,6 +3644,44 @@ export function AdminSettingsClient() {
     }
   };
 
+  const handleAiWashModeIconUpload = async (file: File) => {
+    const isSvg =
+      file.type === "image/svg+xml" || file.name.toLowerCase().endsWith(".svg");
+    if (!isSvg) {
+      toast.error("请上传 SVG 图标文件");
+      return;
+    }
+
+    if (file.size > 512 * 1024) {
+      toast.error("SVG 图标不能超过 512KB");
+      return;
+    }
+
+    try {
+      setAiWashModeIconUploading(true);
+      const formData = new FormData();
+      formData.append("file", file);
+      formData.append("purpose", "admin-svg-icon");
+
+      const response = await fetchUploadWithRetry(formData);
+      const result = await response.json();
+
+      if (!response.ok || !result?.url) {
+        throw new Error(result?.error || "上传失败");
+      }
+
+      setAiWashConfig((prev) => ({
+        ...prev,
+        modeIconUrl: result.url,
+      }));
+      toast.success("AI洗图图标上传成功，请保存配置后生效");
+    } catch (error: any) {
+      toast.error(error?.message || "AI洗图图标上传失败");
+    } finally {
+      setAiWashModeIconUploading(false);
+    }
+  };
+
   const updateCanvasToolbarItem = (
     key: CanvasToolbarItemKey,
     updates: Partial<{ label: string; iconUrl: string; enabled: boolean }>
@@ -4915,6 +4969,52 @@ export function AdminSettingsClient() {
     toast.success("Krea Key 已加入池，保存配置后生效");
   };
 
+  const handleSaveAiWashConfig = async () => {
+    try {
+      const normalizedConfig = normalizeAiWashConfig(aiWashConfig);
+      const enabledPresetCount = normalizedConfig.presets.filter(
+        (preset) => preset.enabled
+      ).length;
+
+      if (normalizedConfig.enabled && enabledPresetCount === 0) {
+        toast.error("请至少启用一个 AI洗图预设");
+        return;
+      }
+
+      if (
+        normalizedConfig.enabled &&
+        normalizedConfig.presets.some(
+          (preset) => preset.enabled && !preset.prompt.trim()
+        )
+      ) {
+        toast.error("启用中的 AI洗图预设至少需要配置基础提示词");
+        return;
+      }
+
+      const response = await fetch("/api/admin/settings", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          key: AI_WASH_CONFIG_KEY,
+          value: normalizedConfig,
+        }),
+      });
+      const payload = await response.json().catch(() => ({}));
+      if (!response.ok) {
+        throw new Error(
+          String(payload?.message || payload?.error || "保存失败")
+        );
+      }
+
+      mutateAiWashConfig();
+      toast.success("AI洗图配置保存成功");
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : "保存 AI洗图配置失败"
+      );
+    }
+  };
+
   const handleDeleteEnhanceProPoolKey = (index: number) => {
     setEnhanceProConfig((prev) => ({
       ...prev,
@@ -8087,6 +8187,7 @@ export function AdminSettingsClient() {
             : "",
           enhanceConfig.apiKey || enhanceConfig.backupApiKey ? "增强" : "",
           enhanceProConfig.enabled ? "Pro" : "",
+          aiWashConfig.enabled ? "AI洗图" : "",
         ]
           .filter(Boolean)
           .join(" / ") || "等待配置处理能力",
@@ -8096,7 +8197,8 @@ export function AdminSettingsClient() {
         rmbgConfig.aosApiKey ||
         enhanceConfig.apiKey ||
         enhanceConfig.backupApiKey ||
-        enhanceProConfig.enabled
+        enhanceProConfig.enabled ||
+        aiWashConfig.enabled
           ? "部分可用"
           : "待配置",
       tone:
@@ -8105,7 +8207,8 @@ export function AdminSettingsClient() {
         rmbgConfig.aosApiKey ||
         enhanceConfig.apiKey ||
         enhanceConfig.backupApiKey ||
-        enhanceProConfig.enabled
+        enhanceProConfig.enabled ||
+        aiWashConfig.enabled
           ? "enabled"
           : "warning",
       icon: Scissors,
@@ -8188,6 +8291,12 @@ export function AdminSettingsClient() {
       group: "图像处理",
       tone: enhanceProConfig.enabled ? "enabled" : "disabled",
     },
+    {
+      key: "ai-wash",
+      label: "AI洗图",
+      group: "图像处理",
+      tone: aiWashConfig.enabled ? "enabled" : "disabled",
+    },
     {
       key: "extend",
       label: "图像拓展",
@@ -17442,6 +17551,8 @@ export function AdminSettingsClient() {
 
           <LocalAiImagePipelineSections
             angleEditConfig={angleEditConfig}
+            aiWashConfig={aiWashConfig}
+            aiWashModeIconUploading={aiWashModeIconUploading}
             draftEnhanceProKeyRows={draftEnhanceProKeyRows}
             draggingEnhanceProPresetId={draggingEnhanceProPresetId}
             enhanceConfig={enhanceConfig}
@@ -17453,6 +17564,7 @@ export function AdminSettingsClient() {
             getEnhanceProPresetSummary={getEnhanceProPresetSummary}
             handleAddEnhanceProPoolKey={handleAddEnhanceProPoolKey}
             handleAddEnhanceProPreset={handleAddEnhanceProPreset}
+            handleAiWashModeIconUpload={handleAiWashModeIconUpload}
             handleDeleteEnhanceProPoolKey={handleDeleteEnhanceProPoolKey}
             handleEnhanceProPresetDragEnd={handleEnhanceProPresetDragEnd}
             handleEnhanceProPresetDragStart={handleEnhanceProPresetDragStart}
@@ -17460,6 +17572,7 @@ export function AdminSettingsClient() {
             handleMoveEnhanceProPreset={handleMoveEnhanceProPreset}
             handleResetEnhanceProPresets={handleResetEnhanceProPresets}
             handleSaveAngleEditConfig={handleSaveAngleEditConfig}
+            handleSaveAiWashConfig={handleSaveAiWashConfig}
             handleSaveEnhanceConfig={handleSaveEnhanceConfig}
             handleSaveEnhanceProConfig={handleSaveEnhanceProConfig}
             handleSaveExtendConfig={handleSaveExtendConfig}
@@ -17471,6 +17584,7 @@ export function AdminSettingsClient() {
             }
             isLocalAiSectionExpanded={isLocalAiSectionExpanded}
             layerSplitConfig={layerSplitConfig}
+            modelsData={modelsData}
             renderEnhanceProPresetEditor={renderEnhanceProPresetEditor}
             rmbgConfig={rmbgConfig}
             savedEnhanceProKeyRows={savedEnhanceProKeyRows}
@@ -17478,6 +17592,7 @@ export function AdminSettingsClient() {
             selectedEnhanceProPresetId={selectedEnhanceProPresetId}
             selectedEnhanceProPresetIndex={selectedEnhanceProPresetIndex}
             setAngleEditConfig={setAngleEditConfig}
+            setAiWashConfig={setAiWashConfig}
             setEnhanceConfig={setEnhanceConfig}
             setEnhanceProApiKeysDraft={setEnhanceProApiKeysDraft}
             setEnhanceProConfig={setEnhanceProConfig}
diff --git a/app/api/ai-wash/config/route.ts b/app/api/ai-wash/config/route.ts
new file mode 100644
index 000000000..4f9520306
--- /dev/null
+++ b/app/api/ai-wash/config/route.ts
@@ -0,0 +1,58 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/app/(auth)/auth";
+import { getSystemSetting } from "@/lib/db/queries";
+import {
+  AI_WASH_CONFIG_KEY,
+  normalizeAiWashConfig,
+  sanitizeAiWashConfigForClient,
+} from "@/lib/ai-wash/config";
+import {
+  findStyleProImageModelByRef,
+  getStyleProImageModelEntries,
+  toPublicStyleProModelOption,
+} from "@/lib/style-pro/model-options";
+import { createLogger } from "@/lib/observability/logger";
+
+const logger = createLogger("ai-wash-config-api");
+
+export async function GET() {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: "未授权，请先登录" }, { status: 401 });
+    }
+
+    const setting = await getSystemSetting({ key: AI_WASH_CONFIG_KEY });
+    const config = normalizeAiWashConfig(setting?.value);
+    const lockedModelRefs = Array.from(
+      new Set(
+        config.presets
+          .flatMap((preset) => [
+            preset.modelId,
+            ...preset.controls.flatMap((control) =>
+              control.levels.map((level) => level.modelId)
+            ),
+          ])
+          .map((item) => String(item || "").trim())
+          .filter(Boolean)
+      )
+    );
+    const modelEntries =
+      lockedModelRefs.length > 0
+        ? await getStyleProImageModelEntries({ includeHidden: true })
+        : [];
+    const lockedModels = lockedModelRefs
+      .map((modelRef) => findStyleProImageModelByRef(modelEntries, modelRef))
+      .filter(Boolean)
+      .map((entry) => toPublicStyleProModelOption(entry!));
+
+    return NextResponse.json({
+      success: true,
+      config: sanitizeAiWashConfigForClient(config),
+      lockedModels,
+    });
+  } catch (error) {
+    logger.error("config_fetch_failed", error);
+    return NextResponse.json({ error: "获取 AI洗图 配置失败" }, { status: 500 });
+  }
+}
diff --git a/app/api/ai-wash/generate/route.ts b/app/api/ai-wash/generate/route.ts
new file mode 100644
index 000000000..e7d6f13e7
--- /dev/null
+++ b/app/api/ai-wash/generate/route.ts
@@ -0,0 +1,133 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/app/(auth)/auth";
+import {
+  createCanvasImageTask,
+  enqueueCanvasImageTask,
+  getCanvasImageTaskForUser,
+} from "@/lib/canvas/image-task-queue";
+import { type CanvasGenerateImageRequest } from "@/lib/canvas/generate-image";
+import { getModelGenerationCreditCost } from "@/lib/ai/image-model-pricing";
+import { prepareFeaturePointsCharge } from "@/lib/points/feature-charge";
+import {
+  findStyleProImageModelByRef,
+  getStyleProImageModelEntries,
+} from "@/lib/style-pro/model-options";
+
+const requestSchema = z.object({
+  prompt: z.string().min(1).max(5000),
+  referenceImage: z.string().min(1).max(200000),
+  selectedModelId: z.string().min(1).max(128),
+  imageSize: z.string().min(1).max(16).optional(),
+  promptExtend: z.boolean().optional(),
+  aspectRatio: z.string().min(1).max(16).optional(),
+  title: z.string().max(128).optional(),
+});
+
+export const dynamic = "force-dynamic";
+export const maxDuration = 120;
+
+export async function POST(request: Request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json(
+        { success: false, error: "未登录" },
+        { status: 401 }
+      );
+    }
+
+    const body = requestSchema.parse(await request.json());
+    const imageModelEntries = await getStyleProImageModelEntries({
+      includeHidden: true,
+    });
+    const selectedModel = findStyleProImageModelByRef(
+      imageModelEntries,
+      body.selectedModelId
+    );
+
+    if (!selectedModel) {
+      return NextResponse.json(
+        { success: false, error: "所选 AI洗图 生图模型不可用" },
+        { status: 400 }
+      );
+    }
+
+    const imageSize = body.imageSize?.trim() || "2K";
+    const unitCost = getModelGenerationCreditCost(selectedModel.model as any, "image", {
+      imageSize,
+    });
+    const pointsCharge = await prepareFeaturePointsCharge({
+      userId: session.user.id,
+      unitCost,
+      reason: "ai_wash_generation",
+      modelId: selectedModel.model.id,
+      note: `AI洗图消耗积分（${body.title || selectedModel.model.displayName}）`,
+    });
+
+    if (!pointsCharge.ok) {
+      return NextResponse.json(pointsCharge.payload, {
+        status: pointsCharge.status,
+      });
+    }
+
+    const payload: CanvasGenerateImageRequest = {
+      prompt: body.prompt.trim(),
+      model: selectedModel.model.id,
+      referenceImage: body.referenceImage.trim(),
+      imageSize,
+      imageCount: 1,
+      promptExtend: body.promptExtend === true,
+      aspectRatio: body.aspectRatio?.trim() || "auto",
+      ownerKey: session.user.id,
+      debugLabel: "ai-wash",
+      debugMeta: {
+        selectedModelId: selectedModel.model.id,
+        selectedModelName: selectedModel.model.displayName,
+        title: body.title || "",
+      },
+    };
+
+    const task = await createCanvasImageTask({
+      userId: session.user.id,
+      request: payload as unknown as Record<string, unknown>,
+    });
+    await enqueueCanvasImageTask(task.id);
+    const currentTask = await getCanvasImageTaskForUser({
+      taskId: task.id,
+      userId: session.user.id,
+    });
+
+    if (pointsCharge.chargeable) {
+      try {
+        await pointsCharge.consume({
+          note: `AI洗图消耗积分（${body.title || selectedModel.model.displayName} / ${task.id}）`,
+        });
+      } catch (pointsError) {
+        console.error("[AI Wash] Failed to consume points:", pointsError);
+      }
+    }
+
+    return NextResponse.json({
+      success: true,
+      taskId: task.id,
+      status: currentTask?.status || task.status,
+      queueStatus: currentTask?.queueStatus,
+      unitCost,
+      modelId: selectedModel.model.id,
+      modelName: selectedModel.model.displayName,
+    });
+  } catch (error) {
+    console.error("[AI Wash Generate] Failed:", error);
+    if (error instanceof z.ZodError) {
+      return NextResponse.json(
+        { success: false, error: error.issues[0]?.message || "请求参数错误" },
+        { status: 400 }
+      );
+    }
+    return NextResponse.json(
+      { success: false, error: error instanceof Error ? error.message : "AI洗图失败" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/ai-wash/model-options/route.ts b/app/api/ai-wash/model-options/route.ts
new file mode 100644
index 000000000..34329d10f
--- /dev/null
+++ b/app/api/ai-wash/model-options/route.ts
@@ -0,0 +1,38 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/app/(auth)/auth";
+import {
+  getStyleProImageModelDisplayEntries,
+  toPublicStyleProModelOption,
+} from "@/lib/style-pro/model-options";
+
+export const dynamic = "force-dynamic";
+
+export async function GET() {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json(
+        { success: false, error: "未登录" },
+        { status: 401 }
+      );
+    }
+
+    const entries = await getStyleProImageModelDisplayEntries({
+      includeHidden: false,
+    });
+    const defaultEntry =
+      entries.find((entry) => entry.model.isDefault) || entries[0] || null;
+
+    return NextResponse.json({
+      success: true,
+      defaultModelId: defaultEntry?.model.id || null,
+      models: entries.map(toPublicStyleProModelOption),
+    });
+  } catch (error) {
+    console.error("[AI Wash Model Options] Failed:", error);
+    return NextResponse.json(
+      { success: false, error: "获取 AI洗图 生图模型失败" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/site-settings/route.ts b/app/api/site-settings/route.ts
index 5e798f6ed..7d9bbcb5b 100644
--- a/app/api/site-settings/route.ts
+++ b/app/api/site-settings/route.ts
@@ -129,6 +129,10 @@ import {
   ENHANCE_PRO_KREA_SETTING_KEY,
   normalizeEnhanceProKreaConfig,
 } from "@/lib/enhance-pro/config";
+import {
+  AI_WASH_CONFIG_KEY,
+  normalizeAiWashConfig,
+} from "@/lib/ai-wash/config";
 import { STYLE_PRO_CONFIG_KEY, normalizeStyleProConfig } from "@/lib/style-pro/config";
 import { withTimeout } from "@/lib/public-api/performance";
 import type { AgentCategoryTreeConfig } from "@/types/agent";
@@ -205,12 +209,16 @@ async function readCanvasFeatureAvailability(valueByKey: Map<string, unknown>) {
   ]);
 
   return {
+    aiWashIconUrl: normalizeAiWashConfig(valueByKey.get(AI_WASH_CONFIG_KEY))
+      .modeIconUrl,
     angleEditEnabled: normalizeAngleEditEnabled(
       valueByKey.get(ANGLE_EDIT_CONFIG_KEY),
     ),
     enhanceProEnabled: normalizeEnhanceProKreaConfig(
       valueByKey.get(ENHANCE_PRO_KREA_SETTING_KEY),
     ).enabled,
+    aiWashEnabled: normalizeAiWashConfig(valueByKey.get(AI_WASH_CONFIG_KEY)).enabled,
+    aiWashLabel: normalizeAiWashConfig(valueByKey.get(AI_WASH_CONFIG_KEY)).modeLabel,
     tripo3dEnabled: enabledTripoProviders.length > 0,
     worldlabs3dEnabled: enabledWorldlabsProviders.length > 0,
   };
@@ -691,6 +699,7 @@ async function getScopedPublicSiteSettings(
       VIDEO_CANVAS_ENABLED_KEY,
       VIDEO_CANVAS_SIDEBAR_ENABLED_KEY,
       ENHANCE_PRO_KREA_SETTING_KEY,
+      AI_WASH_CONFIG_KEY,
       STYLE_PRO_CONFIG_KEY,
       AGENT_WORKFLOW_UI_CONFIG_KEY,
       AGENT_WORKFLOW_SHOWCASE_CONFIG_KEY,
@@ -730,6 +739,9 @@ async function getScopedPublicSiteSettings(
       ),
       angleEditEnabled: canvasFeatureAvailability.angleEditEnabled,
       enhanceProEnabled: canvasFeatureAvailability.enhanceProEnabled,
+      aiWashEnabled: canvasFeatureAvailability.aiWashEnabled,
+      aiWashLabel: canvasFeatureAvailability.aiWashLabel,
+      aiWashIconUrl: canvasFeatureAvailability.aiWashIconUrl,
       tripo3dEnabled: canvasFeatureAvailability.tripo3dEnabled,
       worldlabs3dEnabled: canvasFeatureAvailability.worldlabs3dEnabled,
       agentWorkflowUiConfig: normalizeAgentWorkflowUiConfig(
@@ -774,6 +786,7 @@ async function getScopedPublicSiteSettings(
       VIDEO_CANVAS_ENABLED_KEY,
       VIDEO_CANVAS_SIDEBAR_ENABLED_KEY,
       ENHANCE_PRO_KREA_SETTING_KEY,
+      AI_WASH_CONFIG_KEY,
       STYLE_PRO_CONFIG_KEY,
     ]);
     const canvasFeatureAvailability = await readCanvasFeatureAvailability(valueByKey);
@@ -810,6 +823,9 @@ async function getScopedPublicSiteSettings(
       ),
       angleEditEnabled: canvasFeatureAvailability.angleEditEnabled,
       enhanceProEnabled: canvasFeatureAvailability.enhanceProEnabled,
+      aiWashEnabled: canvasFeatureAvailability.aiWashEnabled,
+      aiWashLabel: canvasFeatureAvailability.aiWashLabel,
+      aiWashIconUrl: canvasFeatureAvailability.aiWashIconUrl,
       tripo3dEnabled: canvasFeatureAvailability.tripo3dEnabled,
       worldlabs3dEnabled: canvasFeatureAvailability.worldlabs3dEnabled,
     });
diff --git a/app/canvas/[id]/realtime/page.tsx b/app/canvas/[id]/realtime/page.tsx
index 364a3b76f..544143197 100644
--- a/app/canvas/[id]/realtime/page.tsx
+++ b/app/canvas/[id]/realtime/page.tsx
@@ -12,8 +12,13 @@ export default function CanvasRealtimePage() {
   const routeParams = useParams();
   const searchParams = useSearchParams();
   const id = String(routeParams?.id || "");
-  const initialMode =
-    searchParams?.get("mode") === "enhance-pro" ? "enhance-pro" : "realtime";
+  const initialMode: "realtime" | "enhance-pro" | "ai-wash" = (() => {
+    const mode = String(searchParams?.get("mode") || "").trim();
+    if (mode === "enhance-pro" || mode === "ai-wash") {
+      return mode;
+    }
+    return "realtime";
+  })();
 
   const viewport = useCanvasStore(canvasSelectors.viewport);
   const selectedNodeIds = useCanvasStore(canvasSelectors.selectedNodeIds);
diff --git a/components/canvas/AiWashWorkspace.tsx b/components/canvas/AiWashWorkspace.tsx
new file mode 100644
index 000000000..5d55fad38
--- /dev/null
+++ b/components/canvas/AiWashWorkspace.tsx
@@ -0,0 +1,1429 @@
+"use client";
+
+import {
+  CheckCircle2,
+  Clock3,
+  History as HistoryIcon,
+  ImageIcon,
+  Loader2,
+  RefreshCcw,
+  Send,
+  Sparkles,
+  Trash2,
+  Upload,
+} from "lucide-react";
+import {
+  type PointerEvent as ReactPointerEvent,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import useSWR from "swr";
+import { toast } from "sonner";
+import { CanvasToolbarIcon } from "@/components/canvas/CanvasToolbarIcon";
+import { Button } from "@/components/ui/button";
+import { Slider } from "@/components/ui/slider";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import {
+  AI_WASH_CONTROL_ORDER,
+  AI_WASH_DEFAULT_HISTORY_LIMIT,
+  defaultAiWashConfig,
+  getEnabledAiWashPresets,
+  normalizeAiWashConfig,
+  type AiWashConfig,
+  type AiWashControl,
+  type AiWashControlId,
+  type AiWashControlLevel,
+  type AiWashPreset,
+} from "@/lib/ai-wash/config";
+import { buildImageProxyUrl } from "@/lib/image-delivery";
+import { cn } from "@/lib/utils";
+
+const fetcher = (url: string) => fetch(url).then((res) => res.json());
+
+const PANEL_CLASS =
+  "rounded-[28px] border border-white/10 bg-white/[0.04] shadow-[0_20px_40px_rgba(0,0,0,0.22)] backdrop-blur-xl";
+const SUBTLE_PANEL_CLASS =
+  "rounded-[24px] border border-white/10 bg-white/[0.03] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
+const AI_WASH_HISTORY_STORAGE_KEY = "ai-chatbot:ai-wash-history:v1";
+const AI_WASH_HISTORY_TOTAL_LIMIT = 24;
+const AI_WASH_TASK_POLL_INTERVAL_MS = 2500;
+const AI_WASH_TASK_POLL_LIMIT = 80;
+
+type AiWashResultStatus =
+  | "idle"
+  | "submitting"
+  | "running"
+  | "succeeded"
+  | "failed";
+
+type AiWashResultCard = {
+  presetId: string;
+  title: string;
+  description: string;
+  prompt: string;
+  modelId: string;
+  isDefault: boolean;
+  status: AiWashResultStatus;
+  imageUrl?: string;
+  thumbnailUrl?: string;
+  width?: number;
+  height?: number;
+  taskId?: string;
+  error?: string;
+  createdAt?: number;
+};
+
+type AiWashHistoryBatch = {
+  id: string;
+  scopeKey: string;
+  createdAt: number;
+  sourceImageUrl?: string;
+  items: AiWashResultCard[];
+};
+
+type AiWashTaskOutcome =
+  | {
+      presetId: string;
+      status: "stale";
+    }
+  | {
+      presetId: string;
+      status: "failed";
+      error: string;
+    }
+  | {
+      presetId: string;
+      status: "succeeded";
+      item: AiWashResultCard & { status: "succeeded" };
+    };
+
+type AiWashModelOption = {
+  id: string;
+  modelId: string;
+  displayName: string;
+  avatarUrl?: string | null;
+  providerName?: string;
+  providerType?: string;
+  isDefault?: boolean;
+  unitCost: number;
+  creditDiscountLabel?: string | null;
+  availabilityStatus?: "available" | "maintenance" | "testing";
+  availabilityLabel?: string | null;
+  selectable?: boolean;
+  disabledReason?: string | null;
+};
+
+type AiWashConfigResponse = {
+  success?: boolean;
+  config?: AiWashConfig;
+  lockedModels?: AiWashModelOption[];
+};
+
+type AiWashModelOptionsResponse = {
+  success?: boolean;
+  defaultModelId?: string | null;
+  models?: AiWashModelOption[];
+};
+
+interface AiWashWorkspaceProps {
+  sourceImageUrl?: string | null;
+  historyScopeKey?: string | null;
+  onRequestAddImage?: () => void;
+  onApplyResult: (payload: {
+    imageUrl: string;
+    sourceImageUrl?: string;
+    prompt: string;
+    title?: string;
+    model?: string;
+    width?: number;
+    height?: number;
+  }) => void;
+}
+
+function clampNumber(value: number, min: number, max: number) {
+  return Math.min(max, Math.max(min, value));
+}
+
+function sleep(ms: number) {
+  return new Promise((resolve) => window.setTimeout(resolve, ms));
+}
+
+function hashValue(value: string) {
+  let hash = 2_166_136_261;
+
+  for (let index = 0; index < value.length; index += 1) {
+    hash ^= value.charCodeAt(index);
+    hash = Math.imul(hash, 16_777_619);
+  }
+
+  return (hash >>> 0).toString(36);
+}
+
+function createHistoryScopeKey(value?: string | null) {
+  const raw = String(value || "").trim();
+  return raw ? `ai-wash-scope-${hashValue(raw)}` : "ai-wash-scope-global";
+}
+
+function createIdleResultCards(presets: AiWashPreset[]): AiWashResultCard[] {
+  return presets.map((preset) => ({
+    presetId: preset.id,
+    title: preset.title,
+    description: preset.description,
+    prompt: preset.prompt,
+    modelId: preset.modelId,
+    isDefault: preset.isDefault,
+    status: "idle",
+  }));
+}
+
+function normalizeHistoryBatch(value: unknown): AiWashHistoryBatch | null {
+  if (!value || typeof value !== "object") return null;
+  const raw = value as Partial<AiWashHistoryBatch>;
+  const items = Array.isArray(raw.items)
+    ? raw.items
+        .map((item) => {
+          if (!item || typeof item !== "object") return null;
+          const typedItem = item as Partial<AiWashResultCard>;
+          const imageUrl = String(typedItem.imageUrl || "").trim();
+          if (!imageUrl) return null;
+          return {
+            presetId: String(typedItem.presetId || "").trim() || hashValue(imageUrl),
+            title: String(typedItem.title || "AI洗图结果").trim(),
+            description: String(typedItem.description || "").trim(),
+            prompt: String(typedItem.prompt || "").trim(),
+            modelId: String(typedItem.modelId || "").trim(),
+            isDefault: typedItem.isDefault === true,
+            status: "succeeded" as const,
+            imageUrl,
+            thumbnailUrl: String(typedItem.thumbnailUrl || imageUrl).trim() || imageUrl,
+            width: Number.isFinite(Number(typedItem.width))
+              ? Number(typedItem.width)
+              : undefined,
+            height: Number.isFinite(Number(typedItem.height))
+              ? Number(typedItem.height)
+              : undefined,
+            createdAt: Number.isFinite(Number(typedItem.createdAt))
+              ? Number(typedItem.createdAt)
+              : undefined,
+          };
+        })
+        .filter(Boolean) as AiWashResultCard[]
+    : [];
+
+  if (items.length === 0) return null;
+
+  return {
+    id: String(raw.id || "").trim() || `ai-wash-history-${hashValue(items[0].imageUrl || "")}`,
+    scopeKey: String(raw.scopeKey || "").trim() || createHistoryScopeKey(),
+    createdAt: Number.isFinite(Number(raw.createdAt))
+      ? Number(raw.createdAt)
+      : Date.now(),
+    sourceImageUrl: String(raw.sourceImageUrl || "").trim() || undefined,
+    items,
+  };
+}
+
+function readPersistedHistory() {
+  if (typeof window === "undefined") return [] as AiWashHistoryBatch[];
+  try {
+    const raw = window.localStorage.getItem(AI_WASH_HISTORY_STORAGE_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed
+      .map((item) => normalizeHistoryBatch(item))
+      .filter(Boolean) as AiWashHistoryBatch[];
+  } catch {
+    return [];
+  }
+}
+
+function writePersistedHistory(entries: AiWashHistoryBatch[]) {
+  if (typeof window === "undefined") return;
+  window.localStorage.setItem(
+    AI_WASH_HISTORY_STORAGE_KEY,
+    JSON.stringify(entries.slice(0, AI_WASH_HISTORY_TOTAL_LIMIT))
+  );
+}
+
+function getDisplayImageUrl(url: string, width: number) {
+  const raw = String(url || "").trim();
+  if (!raw) return "";
+  if (raw.startsWith("data:")) return raw;
+  return buildImageProxyUrl(raw, { width });
+}
+
+function getPersistableSourceImageUrl(value?: string | null) {
+  const raw = String(value || "").trim();
+  if (!raw) return "";
+  if (/^https?:\/\//i.test(raw)) return raw;
+  return raw.length <= 120_000 ? raw : "";
+}
+
+function getPresetControl(
+  preset: AiWashPreset | null | undefined,
+  controlId: AiWashControlId
+): AiWashControl | null {
+  if (!preset) return null;
+  return preset.controls.find((control) => control.id === controlId) || null;
+}
+
+function getControlLevelByIndex(
+  control: AiWashControl | null,
+  selectedIndex: number
+): AiWashControlLevel | null {
+  if (!control || control.levels.length === 0) return null;
+  const clampedIndex = Math.max(
+    0,
+    Math.min(control.levels.length - 1, Math.floor(selectedIndex))
+  );
+  return control.levels[clampedIndex] || control.levels[0] || null;
+}
+
+function composePresetPrompt(params: {
+  preset: AiWashPreset;
+  selectedLevelIndexByControl: Record<string, number>;
+}) {
+  const promptParts = [params.preset.prompt.trim()].filter(Boolean);
+
+  for (const controlId of AI_WASH_CONTROL_ORDER) {
+    const level = getControlLevelByIndex(
+      getPresetControl(params.preset, controlId),
+      params.selectedLevelIndexByControl[controlId] ?? 0
+    );
+    const fragment = String(level?.promptFragment || "").trim();
+    if (fragment) {
+      promptParts.push(fragment);
+    }
+  }
+
+  return promptParts.join("\n");
+}
+
+function resolvePresetAdminModelId(params: {
+  preset: AiWashPreset;
+  selectedLevelIndexByControl: Record<string, number>;
+}) {
+  for (const controlId of AI_WASH_CONTROL_ORDER) {
+    const level = getControlLevelByIndex(
+      getPresetControl(params.preset, controlId),
+      params.selectedLevelIndexByControl[controlId] ?? 0
+    );
+    const levelModelId = String(level?.modelId || "").trim();
+    if (levelModelId) return levelModelId;
+  }
+  return String(params.preset.modelId || "").trim();
+}
+
+async function pollAiWashTask(taskId: string) {
+  for (let attempt = 0; attempt < AI_WASH_TASK_POLL_LIMIT; attempt += 1) {
+    const response = await fetch(
+      `/api/canvas/generate/image?taskId=${encodeURIComponent(taskId)}`
+    );
+    const payload = await response.json().catch(() => ({}));
+    if (!response.ok || payload?.success !== true || !payload?.task) {
+      throw new Error(payload?.error || "查询 AI洗图任务失败");
+    }
+    const task = payload.task as {
+      status: string;
+      error?: string | null;
+      result?: {
+        images?: Array<{ thumbnailUrl?: string; originalUrl?: string }>;
+        model?: string;
+        modelRef?: string;
+        prompt?: string;
+      } | null;
+    };
+    if (task.status === "succeeded") {
+      const image = task.result?.images?.[0];
+      if (!image?.originalUrl) {
+        throw new Error("AI洗图已完成，但没有拿到结果图片");
+      }
+      return {
+        imageUrl: image.originalUrl,
+        thumbnailUrl: image.thumbnailUrl || image.originalUrl,
+        modelId: String(task.result?.model || task.result?.modelRef || "").trim(),
+        prompt: String(task.result?.prompt || "").trim(),
+      };
+    }
+    if (task.status === "failed") {
+      throw new Error(task.error || "AI洗图任务失败");
+    }
+    await sleep(AI_WASH_TASK_POLL_INTERVAL_MS);
+  }
+
+  throw new Error("AI洗图任务轮询超时，请稍后到历史记录查看");
+}
+
+export function AiWashWorkspace({
+  sourceImageUrl,
+  historyScopeKey,
+  onRequestAddImage,
+  onApplyResult,
+}: AiWashWorkspaceProps) {
+  const [results, setResults] = useState<AiWashResultCard[]>([]);
+  const [selectedResultId, setSelectedResultId] = useState("");
+  const [selectedUserModelId, setSelectedUserModelId] = useState("");
+  const [selectedLevelIndexByControl, setSelectedLevelIndexByControl] =
+    useState<Record<string, number>>({});
+  const [historySourceOverride, setHistorySourceOverride] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [lastErrorMessage, setLastErrorMessage] = useState("");
+  const [comparePositionById, setComparePositionById] = useState<
+    Record<string, number>
+  >({});
+  const [persistedHistoryBatches, setPersistedHistoryBatches] = useState<
+    AiWashHistoryBatch[]
+  >(() => readPersistedHistory());
+  const dragStateRef = useRef<{ presetId: string; pointerId: number } | null>(
+    null
+  );
+  const runIdRef = useRef(0);
+
+  const { data: configPayload, isLoading } = useSWR<AiWashConfigResponse>(
+    "/api/ai-wash/config",
+    fetcher
+  );
+  const { data: modelOptionsPayload, isLoading: modelOptionsLoading } =
+    useSWR<AiWashModelOptionsResponse>("/api/ai-wash/model-options", fetcher);
+
+  const config = useMemo(
+    () => normalizeAiWashConfig(configPayload?.config || defaultAiWashConfig()),
+    [configPayload?.config]
+  );
+  const lockedModelOptions = useMemo(
+    () => configPayload?.lockedModels || [],
+    [configPayload?.lockedModels]
+  );
+  const selectableModelOptions = useMemo(
+    () => modelOptionsPayload?.models || [],
+    [modelOptionsPayload?.models]
+  );
+  const enabledPresets = useMemo(
+    () => getEnabledAiWashPresets(config).filter((preset) => preset.enabled),
+    [config]
+  );
+  const primaryPreset = useMemo(
+    () => enabledPresets.find((preset) => preset.isDefault) || enabledPresets[0] || null,
+    [enabledPresets]
+  );
+  const uiControls = useMemo(
+    () =>
+      AI_WASH_CONTROL_ORDER.map(
+        (controlId) => getPresetControl(primaryPreset as AiWashPreset, controlId)
+      ).filter(Boolean) as AiWashControl[],
+    [primaryPreset]
+  );
+  const compareSourceUrl = String(
+    historySourceOverride || sourceImageUrl || ""
+  ).trim();
+  const resolvedHistoryScopeInput = useMemo(
+    () => String(historyScopeKey || sourceImageUrl || "").trim(),
+    [historyScopeKey, sourceImageUrl]
+  );
+  const resolvedHistoryScopeKey = useMemo(
+    () => createHistoryScopeKey(resolvedHistoryScopeInput),
+    [resolvedHistoryScopeInput]
+  );
+  const selectedResult = useMemo(
+    () =>
+      results.find(
+        (item) => item.presetId === selectedResultId && item.status === "succeeded"
+      ) || null,
+    [results, selectedResultId]
+  );
+  const visibleHistoryBatches = useMemo(() => {
+    const scoped = persistedHistoryBatches
+      .filter(
+        (entry) =>
+          !resolvedHistoryScopeInput || entry.scopeKey === resolvedHistoryScopeKey
+      )
+      .sort((left, right) => right.createdAt - left.createdAt);
+    return scoped.slice(0, config.historyLimit || AI_WASH_DEFAULT_HISTORY_LIMIT);
+  }, [
+    config.historyLimit,
+    persistedHistoryBatches,
+    resolvedHistoryScopeInput,
+    resolvedHistoryScopeKey,
+  ]);
+  const modelOptionByRef = useMemo(() => {
+    const map = new Map<string, AiWashModelOption>();
+    [...lockedModelOptions, ...selectableModelOptions].forEach((model) => {
+      map.set(model.id, model);
+      map.set(model.modelId, model);
+    });
+    return map;
+  }, [lockedModelOptions, selectableModelOptions]);
+  const selectedUserModel = useMemo(
+    () => modelOptionByRef.get(selectedUserModelId) || null,
+    [modelOptionByRef, selectedUserModelId]
+  );
+  const presetExecutionStates = useMemo(
+    () =>
+      enabledPresets.map((preset) => {
+        const adminModelRef = resolvePresetAdminModelId({
+          preset,
+          selectedLevelIndexByControl,
+        });
+        const effectiveModelRef =
+          adminModelRef || String(selectedUserModelId || "").trim();
+        const resolvedModel =
+          modelOptionByRef.get(effectiveModelRef) || selectedUserModel || null;
+        const usesUserSelectableModel = !adminModelRef;
+        const resolvedPrompt = composePresetPrompt({
+          preset,
+          selectedLevelIndexByControl,
+        });
+
+        return {
+          presetId: preset.id,
+          preset,
+          usesUserSelectableModel,
+          adminModelRef,
+          effectiveModelRef,
+          resolvedModel,
+          resolvedPrompt,
+          unitCost: Math.max(0, Number(resolvedModel?.unitCost || 0)),
+        };
+      }),
+    [enabledPresets, modelOptionByRef, selectedLevelIndexByControl, selectedUserModel, selectedUserModelId]
+  );
+  const shouldShowUserModelSelector = useMemo(
+    () => presetExecutionStates.some((item) => item.usesUserSelectableModel),
+    [presetExecutionStates]
+  );
+  const totalEstimatedCost = useMemo(
+    () => presetExecutionStates.reduce((sum, item) => sum + item.unitCost, 0),
+    [presetExecutionStates]
+  );
+
+  useEffect(() => {
+    setResults(createIdleResultCards(enabledPresets));
+    const defaultPreset =
+      enabledPresets.find((preset) => preset.isDefault) || enabledPresets[0];
+    setSelectedResultId(defaultPreset?.id || "");
+    setSelectedLevelIndexByControl(
+      AI_WASH_CONTROL_ORDER.reduce<Record<string, number>>((accumulator, controlId) => {
+        accumulator[controlId] =
+          getPresetControl(defaultPreset, controlId)?.defaultLevel ?? 0;
+        return accumulator;
+      }, {})
+    );
+    setComparePositionById(
+      enabledPresets.reduce<Record<string, number>>((accumulator, preset) => {
+        accumulator[preset.id] = 50;
+        return accumulator;
+      }, {})
+    );
+  }, [enabledPresets]);
+
+  useEffect(() => {
+    if (selectedUserModelId) return;
+    const fallbackModelId =
+      String(modelOptionsPayload?.defaultModelId || "").trim() ||
+      selectableModelOptions.find((model) => model.isDefault)?.id ||
+      selectableModelOptions[0]?.id ||
+      "";
+    if (fallbackModelId) {
+      setSelectedUserModelId(fallbackModelId);
+    }
+  }, [modelOptionsPayload?.defaultModelId, selectableModelOptions, selectedUserModelId]);
+
+  useEffect(() => {
+    setLastErrorMessage("");
+    setHistorySourceOverride("");
+    setResults(createIdleResultCards(enabledPresets));
+    setSelectedResultId(
+      (enabledPresets.find((preset) => preset.isDefault) || enabledPresets[0])?.id ||
+        ""
+    );
+  }, [enabledPresets, sourceImageUrl]);
+
+  const persistHistoryBatches = useCallback(
+    (updater: (entries: AiWashHistoryBatch[]) => AiWashHistoryBatch[]) => {
+      setPersistedHistoryBatches((currentEntries) => {
+        const nextEntries = updater(currentEntries).slice(
+          0,
+          AI_WASH_HISTORY_TOTAL_LIMIT
+        );
+        writePersistedHistory(nextEntries);
+        return nextEntries;
+      });
+    },
+    []
+  );
+
+  const updateResultCard = useCallback(
+    (presetId: string, updater: (current: AiWashResultCard) => AiWashResultCard) => {
+      setResults((currentResults) =>
+        currentResults.map((item) =>
+          item.presetId === presetId ? updater(item) : item
+        )
+      );
+    },
+    []
+  );
+
+  const updateComparePosition = useCallback(
+    (presetId: string, event: ReactPointerEvent<HTMLDivElement>) => {
+      const rect = event.currentTarget.getBoundingClientRect();
+      if (rect.width <= 0) return;
+      const nextPosition = ((event.clientX - rect.left) / rect.width) * 100;
+      setComparePositionById((current) => ({
+        ...current,
+        [presetId]: clampNumber(nextPosition, 0, 100),
+      }));
+    },
+    []
+  );
+
+  const handleComparePointerDown = useCallback(
+    (presetId: string, event: ReactPointerEvent<HTMLDivElement>) => {
+      if (event.button !== 0) return;
+      event.preventDefault();
+      event.stopPropagation();
+      dragStateRef.current = { presetId, pointerId: event.pointerId };
+      event.currentTarget.setPointerCapture(event.pointerId);
+      updateComparePosition(presetId, event);
+    },
+    [updateComparePosition]
+  );
+
+  const handleComparePointerMove = useCallback(
+    (presetId: string, event: ReactPointerEvent<HTMLDivElement>) => {
+      if (
+        dragStateRef.current?.pointerId !== event.pointerId ||
+        dragStateRef.current?.presetId !== presetId
+      ) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      updateComparePosition(presetId, event);
+    },
+    [updateComparePosition]
+  );
+
+  const finishCompareDrag = useCallback(
+    (presetId: string, event: ReactPointerEvent<HTMLDivElement>) => {
+      if (
+        dragStateRef.current?.pointerId !== event.pointerId ||
+        dragStateRef.current?.presetId !== presetId
+      ) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+      dragStateRef.current = null;
+    },
+    []
+  );
+
+  const handleSubmit = useCallback(async () => {
+    if (!config.enabled) {
+      toast.error("AI洗图当前未开启，请先在系统设置中启用");
+      return;
+    }
+    if (!compareSourceUrl) {
+      toast.error("请先上传一张需要洗图的底图");
+      return;
+    }
+    if (enabledPresets.length === 0) {
+      toast.error("当前没有可执行的 AI洗图预设，请联系管理员完成配置");
+      return;
+    }
+    if (shouldShowUserModelSelector && !selectedUserModel) {
+      toast.error("请先选择一个可用的生图模型");
+      return;
+    }
+
+    const currentRunId = runIdRef.current + 1;
+    runIdRef.current = currentRunId;
+    setHistorySourceOverride("");
+    setIsSubmitting(true);
+    setLastErrorMessage("");
+    setResults(
+      enabledPresets.map((preset) => ({
+        presetId: preset.id,
+        title: preset.title,
+        description: preset.description,
+        prompt:
+          presetExecutionStates.find((item) => item.presetId === preset.id)
+            ?.resolvedPrompt || preset.prompt,
+        modelId:
+          presetExecutionStates.find((item) => item.presetId === preset.id)
+            ?.resolvedModel?.modelId ||
+          preset.modelId,
+        isDefault: preset.isDefault,
+        status: "submitting",
+      }))
+    );
+    setSelectedResultId(
+      (enabledPresets.find((preset) => preset.isDefault) || enabledPresets[0])?.id ||
+        ""
+    );
+    setComparePositionById(
+      enabledPresets.reduce<Record<string, number>>((accumulator, preset) => {
+        accumulator[preset.id] = 50;
+        return accumulator;
+      }, {})
+    );
+
+    const startedAt = Date.now();
+
+    const taskResults = await Promise.all<AiWashTaskOutcome>(
+      presetExecutionStates.map(async (executionState, index) => {
+        const { preset } = executionState;
+        try {
+          if (!executionState.effectiveModelRef) {
+            throw new Error(`${preset.title} 未配置可用模型`);
+          }
+
+          const submitResponse = await fetch("/api/ai-wash/generate", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              prompt: executionState.resolvedPrompt,
+              referenceImage: compareSourceUrl,
+              selectedModelId: executionState.effectiveModelRef,
+              imageSize: config.imageSize,
+              promptExtend: config.promptExtend,
+              title: preset.title,
+            }),
+          });
+          const submitPayload = await submitResponse.json().catch(() => ({}));
+
+          if (!submitResponse.ok || submitPayload?.success !== true || !submitPayload?.taskId) {
+            throw new Error(submitPayload?.error || `${preset.title} 提交失败`);
+          }
+
+          if (runIdRef.current !== currentRunId) {
+            return { presetId: preset.id, status: "stale" as const };
+          }
+
+          updateResultCard(preset.id, (current) => ({
+            ...current,
+            status: "running",
+            taskId: submitPayload.taskId,
+            modelId:
+              String(submitPayload.modelName || submitPayload.modelId || "").trim() ||
+              executionState.resolvedModel?.displayName ||
+              executionState.resolvedModel?.modelId ||
+              current.modelId,
+            error: "",
+          }));
+
+          const completed = await pollAiWashTask(submitPayload.taskId);
+          if (runIdRef.current !== currentRunId) {
+            return { presetId: preset.id, status: "stale" as const };
+          }
+
+          const createdAt = startedAt + index;
+          updateResultCard(preset.id, (current) => ({
+            ...current,
+            status: "succeeded",
+            imageUrl: completed.imageUrl,
+            thumbnailUrl: completed.thumbnailUrl,
+            modelId:
+              completed.modelId ||
+              executionState.resolvedModel?.displayName ||
+              executionState.resolvedModel?.modelId ||
+              current.modelId,
+            prompt: completed.prompt || current.prompt,
+            createdAt,
+            error: "",
+          }));
+
+          if (preset.isDefault || index === 0) {
+            setSelectedResultId((current) => current || preset.id);
+          }
+
+          return {
+            presetId: preset.id,
+            status: "succeeded" as const,
+            item: {
+              presetId: preset.id,
+              title: preset.title,
+              description: preset.description,
+              prompt: completed.prompt || executionState.resolvedPrompt,
+              modelId:
+                completed.modelId ||
+                executionState.resolvedModel?.displayName ||
+                executionState.resolvedModel?.modelId ||
+                executionState.effectiveModelRef,
+              isDefault: preset.isDefault,
+              status: "succeeded" as const,
+              imageUrl: completed.imageUrl,
+              thumbnailUrl: completed.thumbnailUrl,
+              createdAt,
+            },
+          };
+        } catch (error) {
+          const message =
+            error instanceof Error ? error.message : `${preset.title} 生成失败`;
+          updateResultCard(preset.id, (current) => ({
+            ...current,
+            status: "failed",
+            error: message,
+          }));
+          return {
+            presetId: preset.id,
+            status: "failed" as const,
+            error: message,
+          };
+        }
+      })
+    );
+
+    if (runIdRef.current !== currentRunId) {
+      setIsSubmitting(false);
+      return;
+    }
+
+    const successfulItems = taskResults
+      .filter(
+        (item): item is Extract<AiWashTaskOutcome, { status: "succeeded" }> =>
+          item.status === "succeeded"
+      )
+      .map((item) => item.item);
+    const failedItems = taskResults.filter(
+      (item): item is Extract<AiWashTaskOutcome, { status: "failed" }> =>
+        item.status === "failed"
+    );
+
+    if (successfulItems.length > 0) {
+      const selected =
+        successfulItems.find((item) => item.isDefault) || successfulItems[0];
+      setSelectedResultId(selected?.presetId || "");
+      persistHistoryBatches((currentEntries) => [
+        {
+          id: `ai-wash-history-${startedAt.toString(36)}`,
+          scopeKey: resolvedHistoryScopeKey,
+          createdAt: startedAt,
+          sourceImageUrl: getPersistableSourceImageUrl(compareSourceUrl) || undefined,
+          items: successfulItems,
+        },
+        ...currentEntries,
+      ]);
+      toast.success(
+        failedItems.length > 0
+          ? `AI洗图已完成 ${successfulItems.length} 组，另有 ${failedItems.length} 组失败`
+          : `AI洗图已完成，共生成 ${successfulItems.length} 组结果`
+      );
+    } else {
+      const message = failedItems[0]?.error || "AI洗图失败";
+      setLastErrorMessage(message);
+      toast.error(message);
+    }
+
+    setIsSubmitting(false);
+  }, [
+    compareSourceUrl,
+    config.enabled,
+    config.imageSize,
+    config.promptExtend,
+    enabledPresets,
+    presetExecutionStates,
+    persistHistoryBatches,
+    resolvedHistoryScopeKey,
+    selectedUserModel,
+    shouldShowUserModelSelector,
+    updateResultCard,
+  ]);
+
+  const handleApply = useCallback(() => {
+    if (!selectedResult?.imageUrl) {
+      toast.error("请先选择一张洗图结果");
+      return;
+    }
+    onApplyResult({
+      imageUrl: selectedResult.imageUrl,
+      sourceImageUrl: compareSourceUrl || undefined,
+      prompt: selectedResult.prompt || "AI洗图",
+      title: selectedResult.title || "AI洗图结果",
+      model: selectedResult.modelId || undefined,
+      width: selectedResult.width,
+      height: selectedResult.height,
+    });
+  }, [compareSourceUrl, onApplyResult, selectedResult]);
+
+  const handleLoadHistoryBatch = useCallback((entry: AiWashHistoryBatch) => {
+    setResults(
+      entry.items.map((item) => ({
+        ...item,
+        status: "succeeded",
+      }))
+    );
+    setSelectedResultId(
+      (entry.items.find((item) => item.isDefault) || entry.items[0])?.presetId || ""
+    );
+    setHistorySourceOverride(entry.sourceImageUrl || "");
+    setComparePositionById(
+      entry.items.reduce<Record<string, number>>((accumulator, item) => {
+        accumulator[item.presetId] = 50;
+        return accumulator;
+      }, {})
+    );
+    setLastErrorMessage("");
+    toast.success("已加载历史 AI洗图记录");
+  }, []);
+
+  const handleDeleteHistoryBatch = useCallback(
+    (entryId: string) => {
+      persistHistoryBatches((currentEntries) =>
+        currentEntries.filter((entry) => entry.id !== entryId)
+      );
+      toast.success("已删除历史记录");
+    },
+    [persistHistoryBatches]
+  );
+
+  return (
+    <div className="relative flex h-full w-full bg-[#0a0c12] text-white">
+      <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(95,99,255,0.16),transparent_28%),radial-gradient(circle_at_bottom_right,rgba(16,185,129,0.14),transparent_22%),linear-gradient(180deg,#0b0d13_0%,#07090e_100%)]" />
+
+      <div className="relative z-10 flex h-full w-full pt-24">
+        <aside className="flex h-full w-[320px] shrink-0 border-white/8 border-r px-5 pb-6">
+          <div className="flex h-full w-full flex-col gap-4 overflow-y-auto pr-1">
+            <div className={cn(PANEL_CLASS, "p-4")}>
+              <div className="mb-4 flex items-center justify-between gap-3">
+                <div className="min-w-0">
+                  <div className="flex items-center gap-3">
+                    <div className="flex h-11 w-11 shrink-0 items-center justify-center rounded-[18px] border border-white/10 bg-white/[0.05]">
+                      <CanvasToolbarIcon
+                        className="h-5 w-5 text-white"
+                        fallback={Sparkles}
+                        iconUrl={config.modeIconUrl}
+                      />
+                    </div>
+                    <div className="min-w-0 text-[30px] font-semibold tracking-[-0.05em]">
+                      {config.modeLabel || "AI洗图"}
+                    </div>
+                  </div>
+                  <div className="mt-1 text-sm text-white/58">
+                    使用管理员预设好的模型与提示词，生成多路洗图结果并拖动对比。
+                  </div>
+                </div>
+                <div className="rounded-full border border-white/10 bg-white/[0.06] px-3 py-1 text-xs text-white/70">
+                  {enabledPresets.length} 个预设
+                </div>
+              </div>
+
+              <Button
+                className="h-12 w-full rounded-[18px] border-0 bg-white text-[#111111] hover:bg-white/90"
+                disabled={
+                  isSubmitting ||
+                  !compareSourceUrl ||
+                  enabledPresets.length === 0 ||
+                  (shouldShowUserModelSelector && !selectedUserModel)
+                }
+                onClick={handleSubmit}
+                type="button"
+              >
+                {isSubmitting ? (
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                ) : (
+                  <Sparkles className="mr-2 h-4 w-4" />
+                )}
+                {isSubmitting
+                  ? "正在洗图"
+                  : totalEstimatedCost > 0
+                    ? `开始 AI洗图 · ${totalEstimatedCost} 积分`
+                    : "开始 AI洗图"}
+              </Button>
+
+              <div className="mt-4 space-y-3">
+                <div className={cn(SUBTLE_PANEL_CLASS, "p-4")}>
+                  <div className="mb-3 flex items-center justify-between gap-3">
+                    <div className="flex min-w-0 items-center gap-3">
+                      <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-[18px] border border-white/10 bg-white/[0.05]">
+                        <CanvasToolbarIcon
+                          className="h-5 w-5 text-white/80"
+                          fallback={Sparkles}
+                          iconUrl={config.modeIconUrl}
+                        />
+                      </div>
+                      <div className="min-w-0">
+                        <div className="text-[11px] font-semibold tracking-[0.22em] text-white/45 uppercase">
+                          Fine Tune
+                        </div>
+                        <div className="truncate text-lg font-semibold tracking-[-0.03em]">
+                          {config.modeLabel || "AI洗图"}
+                        </div>
+                      </div>
+                    </div>
+                    <div className="rounded-full border border-white/10 bg-white/[0.06] px-3 py-1 text-sm font-semibold text-white/88">
+                      {totalEstimatedCost > 0 ? `${totalEstimatedCost} 积分` : "待计费"}
+                    </div>
+                  </div>
+
+                  {shouldShowUserModelSelector ? (
+                    <div className="mb-4 space-y-2">
+                      <div className="flex items-center justify-between gap-3">
+                        <div className="text-sm font-medium">生图模型</div>
+                        {selectedUserModel?.creditDiscountLabel ? (
+                          <span className="rounded-full bg-emerald-400/10 px-2 py-1 text-[11px] text-emerald-100">
+                            {selectedUserModel.creditDiscountLabel}
+                          </span>
+                        ) : null}
+                      </div>
+                      <Select
+                        onValueChange={setSelectedUserModelId}
+                        value={selectedUserModel?.id || selectedUserModelId}
+                      >
+                        <SelectTrigger className="h-11 rounded-[16px] border-white/10 bg-white/[0.04] text-white">
+                          <SelectValue placeholder="选择生图模型" />
+                        </SelectTrigger>
+                        <SelectContent className="border-white/10 bg-[#11141b] text-white">
+                          {selectableModelOptions.map((model) => (
+                            <SelectItem
+                              disabled={model.selectable === false}
+                              key={model.id}
+                              value={model.id}
+                            >
+                              <div className="flex w-full min-w-0 items-center gap-2">
+                                <span className="min-w-0 flex-1 truncate">
+                                  {model.displayName}
+                                </span>
+                                <span className="shrink-0 text-white/52 text-xs">
+                                  {model.unitCost > 0
+                                    ? `${model.unitCost} 积分/张`
+                                    : "未计费"}
+                                </span>
+                              </div>
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <div className="text-[12px] leading-5 text-white/52">
+                        {selectedUserModel
+                          ? `当前模型：${selectedUserModel.displayName} · ${
+                              selectedUserModel.unitCost > 0
+                                ? `${selectedUserModel.unitCost} 积分/张`
+                                : "未设置积分"
+                            }`
+                          : modelOptionsLoading
+                            ? "正在加载可选模型..."
+                            : "没有可选模型"}
+                      </div>
+                    </div>
+                  ) : (
+                    <div className="mb-4 rounded-[18px] border border-white/10 bg-white/[0.04] px-3.5 py-3 text-[12px] leading-5 text-white/62">
+                      管理员已经为当前洗图流程指定了模型，前台不再展示模型选择。
+                    </div>
+                  )}
+
+                  <div className="space-y-3">
+                    {uiControls.map((control) => {
+                      const selectedIndex =
+                        selectedLevelIndexByControl[control.id] ?? control.defaultLevel;
+                      const activeLevel =
+                        getControlLevelByIndex(control, selectedIndex) ||
+                        control.levels[0] ||
+                        null;
+                      return (
+                        <div
+                          className="rounded-[20px] border border-white/10 bg-white/[0.03] px-3.5 py-3"
+                          key={control.id}
+                        >
+                          <div className="mb-2 flex items-center justify-between gap-3">
+                            <div className="text-sm font-medium text-white/88">
+                              {control.label}
+                            </div>
+                            <div className="rounded-full border border-white/10 bg-white/[0.06] px-2.5 py-1 text-xs font-semibold text-white/78">
+                              {activeLevel?.label || selectedIndex + 1}
+                            </div>
+                          </div>
+                          <Slider
+                            className="w-full"
+                            max={Math.max(0, control.levels.length - 1)}
+                            min={0}
+                            onValueChange={([next]) =>
+                              setSelectedLevelIndexByControl((current) => ({
+                                ...current,
+                                [control.id]: Math.round(next ?? 0),
+                              }))
+                            }
+                            step={1}
+                            value={[selectedIndex]}
+                          />
+                          <div className="mt-2 text-[11px] leading-5 text-white/46">
+                            {control.helperText}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+
+                <div className={cn(SUBTLE_PANEL_CLASS, "p-4")}>
+                  <div className="mb-3 flex items-center justify-between">
+                    <div className="text-sm font-medium">上传底图</div>
+                    <Button
+                      className="h-8 rounded-full border-white/10 bg-white/[0.05] px-3 text-white hover:bg-white/[0.1]"
+                      onClick={() => onRequestAddImage?.()}
+                      size="sm"
+                      type="button"
+                      variant="outline"
+                    >
+                      <Upload className="mr-1.5 h-3.5 w-3.5" />
+                      {compareSourceUrl ? "更换图片" : "选择图片"}
+                    </Button>
+                  </div>
+                  {compareSourceUrl ? (
+                    <div className="overflow-hidden rounded-[18px] border border-white/10 bg-black/20">
+                      <img
+                        alt="AI洗图底图"
+                        className="aspect-[4/5] w-full object-cover"
+                        src={getDisplayImageUrl(compareSourceUrl, 720)}
+                      />
+                    </div>
+                  ) : (
+                    <div className="flex aspect-[4/5] items-center justify-center rounded-[18px] border border-dashed border-white/12 bg-white/[0.02] text-center text-sm text-white/45">
+                      先上传一张底图
+                    </div>
+                  )}
+                </div>
+
+                <div className={cn(SUBTLE_PANEL_CLASS, "p-4")}>
+                  <div className="mb-3 text-sm font-medium">渲染目标</div>
+                  <div className="space-y-2">
+                    {presetExecutionStates.map((item) => (
+                      <div
+                        className="rounded-[18px] border border-white/10 bg-white/[0.04] px-3 py-3"
+                        key={item.preset.id}
+                      >
+                        <div className="font-medium text-sm text-white">
+                          {item.preset.title}
+                        </div>
+                        <div className="mt-1 text-[12px] leading-5 text-white/55">
+                          {item.preset.description}
+                        </div>
+                        <div className="mt-2 flex flex-wrap items-center gap-2 text-[11px] text-white/55">
+                          <span className="rounded-full border border-white/10 bg-white/[0.05] px-2 py-1">
+                            {item.resolvedModel?.displayName ||
+                              item.resolvedModel?.modelId ||
+                              (item.usesUserSelectableModel
+                                ? "前台自选模型"
+                                : "待配置模型")}
+                          </span>
+                          <span className="rounded-full border border-white/10 bg-white/[0.05] px-2 py-1">
+                            {item.unitCost > 0 ? `${item.unitCost} 积分/张` : "未计费"}
+                          </span>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+
+                {lastErrorMessage ? (
+                  <div className="rounded-[18px] border border-rose-400/18 bg-rose-400/10 px-4 py-3 text-sm text-rose-100">
+                    {lastErrorMessage}
+                  </div>
+                ) : null}
+              </div>
+            </div>
+          </div>
+        </aside>
+
+        <main className="flex min-w-0 flex-1 flex-col overflow-hidden px-6 pb-6">
+          <div className="flex-1 overflow-y-auto">
+            <div className="grid gap-5 xl:grid-cols-3">
+              {results.length > 0 ? (
+                results.map((result) => {
+                  const hasImage = Boolean(result.imageUrl);
+                  const comparePosition = comparePositionById[result.presetId] ?? 50;
+                  const isSelected = selectedResultId === result.presetId && hasImage;
+
+                  return (
+                    <button
+                      className={cn(
+                        PANEL_CLASS,
+                        "flex min-h-[560px] flex-col overflow-hidden p-4 text-left transition",
+                        isSelected && "ring-2 ring-white/70"
+                      )}
+                      key={result.presetId}
+                      onClick={() => hasImage && setSelectedResultId(result.presetId)}
+                      type="button"
+                    >
+                      <div className="mb-3 flex items-start justify-between gap-3">
+                        <div className="min-w-0">
+                          <div className="text-[22px] font-semibold tracking-[-0.04em]">
+                            {result.title}
+                          </div>
+                          <div className="mt-1 text-sm leading-6 text-white/58">
+                            {result.description}
+                          </div>
+                        </div>
+                        <div className="shrink-0 rounded-full border border-white/10 bg-white/[0.05] px-3 py-1 text-xs text-white/72">
+                          {result.status === "idle"
+                            ? "待生成"
+                            : result.status === "submitting"
+                              ? "提交中"
+                              : result.status === "running"
+                                ? "生成中"
+                                : result.status === "failed"
+                                  ? "失败"
+                                  : "已完成"}
+                        </div>
+                      </div>
+
+                      <div className="relative flex-1 overflow-hidden rounded-[22px] border border-white/10 bg-black/25">
+                        {hasImage ? (
+                          <>
+                            <img
+                              alt={result.title}
+                              className="absolute inset-0 h-full w-full object-cover"
+                              src={getDisplayImageUrl(result.imageUrl || "", 1400)}
+                            />
+                            {compareSourceUrl ? (
+                              <>
+                                <div
+                                  className="pointer-events-none absolute inset-0 overflow-hidden"
+                                  style={{
+                                    clipPath: `inset(0 ${100 - comparePosition}% 0 0)`,
+                                  }}
+                                >
+                                  <img
+                                    alt={`${result.title} 原图对比`}
+                                    className="h-full w-full object-cover"
+                                    src={getDisplayImageUrl(compareSourceUrl, 1400)}
+                                  />
+                                </div>
+                                <div
+                                  className="pointer-events-none absolute inset-y-0 w-px bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.3),0_0_16px_rgba(0,0,0,0.3)]"
+                                  style={{ left: `${comparePosition}%` }}
+                                />
+                                <div
+                                  className="absolute inset-0 cursor-col-resize touch-none"
+                                  onPointerCancel={(event) =>
+                                    finishCompareDrag(result.presetId, event)
+                                  }
+                                  onPointerDown={(event) =>
+                                    handleComparePointerDown(result.presetId, event)
+                                  }
+                                  onPointerMove={(event) =>
+                                    handleComparePointerMove(result.presetId, event)
+                                  }
+                                  onPointerUp={(event) =>
+                                    finishCompareDrag(result.presetId, event)
+                                  }
+                                >
+                                  <div
+                                    className="pointer-events-none absolute inset-y-0 w-12 -translate-x-1/2"
+                                    style={{ left: `${comparePosition}%` }}
+                                  >
+                                    <div className="absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-white/95" />
+                                    <div className="absolute left-1/2 top-1/2 flex h-11 w-11 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#5b67ff] text-white shadow-[0_12px_28px_rgba(91,103,255,0.45)]">
+                                      <RefreshCcw className="h-4 w-4" />
+                                    </div>
+                                  </div>
+                                </div>
+                                <div className="pointer-events-none absolute left-3 top-3 rounded-full bg-black/55 px-2.5 py-1 text-[11px] text-white/92">
+                                  原图
+                                </div>
+                                <div className="pointer-events-none absolute right-3 top-3 rounded-full bg-black/55 px-2.5 py-1 text-[11px] text-white/92">
+                                  洗后
+                                </div>
+                              </>
+                            ) : null}
+                          </>
+                        ) : (
+                          <div className="flex h-full min-h-[440px] items-center justify-center bg-[linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01))]">
+                            <div className="px-6 text-center">
+                              {result.status === "running" || result.status === "submitting" ? (
+                                <>
+                                  <Loader2 className="mx-auto mb-3 h-8 w-8 animate-spin text-white/70" />
+                                  <div className="text-sm text-white/72">
+                                    {result.status === "submitting"
+                                      ? "正在提交模型任务"
+                                      : "模型正在生成结果"}
+                                  </div>
+                                </>
+                              ) : result.status === "failed" ? (
+                                <div className="text-sm leading-6 text-rose-100/90">
+                                  {result.error || "该预设生成失败"}
+                                </div>
+                              ) : (
+                                <>
+                                  <ImageIcon className="mx-auto mb-3 h-8 w-8 text-white/45" />
+                                  <div className="text-sm text-white/58">
+                                    生成后会在这里展示可拖动对比图
+                                  </div>
+                                </>
+                              )}
+                            </div>
+                          </div>
+                        )}
+                      </div>
+
+                      <div className="mt-4 flex items-center justify-between gap-3 text-xs text-white/58">
+                        <div className="flex flex-wrap items-center gap-2">
+                          {result.modelId ? (
+                            <span className="rounded-full border border-white/10 bg-white/[0.05] px-2.5 py-1">
+                              {result.modelId}
+                            </span>
+                          ) : null}
+                          {isSelected ? (
+                            <span className="rounded-full border border-emerald-400/20 bg-emerald-400/10 px-2.5 py-1 text-emerald-100">
+                              当前发送目标
+                            </span>
+                          ) : null}
+                        </div>
+                        {result.createdAt ? (
+                          <span>
+                            {new Date(result.createdAt).toLocaleTimeString("zh-CN", {
+                              hour: "2-digit",
+                              minute: "2-digit",
+                            })}
+                          </span>
+                        ) : null}
+                      </div>
+                    </button>
+                  );
+                })
+              ) : (
+                <div className={cn(PANEL_CLASS, "col-span-full p-10 text-center")}>
+                  <Sparkles className="mx-auto mb-4 h-8 w-8 text-white/55" />
+                  <div className="text-lg font-medium">AI洗图准备就绪</div>
+                  <div className="mt-2 text-sm text-white/58">
+                    上传底图后，系统会按管理员配置好的多个模型预设同时生成洗图结果。
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+
+          <div className="mt-5 flex flex-wrap items-center justify-between gap-3">
+            <div className="rounded-full border border-white/10 bg-white/[0.05] px-4 py-2 text-xs text-white/62">
+              {selectedResult
+                ? `已选中 ${selectedResult.title}，可直接发送回画布`
+                : "请选择或生成一张洗图结果"}
+            </div>
+            <Button
+              className="h-11 rounded-[18px] border border-white/12 bg-white text-[#111111] px-5 hover:bg-white/90"
+              disabled={!selectedResult?.imageUrl}
+              onClick={handleApply}
+              type="button"
+            >
+              <Send className="mr-2 h-4 w-4" />
+              发送到画布
+            </Button>
+          </div>
+
+          <div className={cn(PANEL_CLASS, "mt-5 p-4")}>
+            <div className="mb-3 flex items-center justify-between gap-3">
+              <div className="flex items-center gap-3">
+                <div className="flex h-11 w-11 items-center justify-center rounded-[16px] border border-white/10 bg-white/[0.05]">
+                  <HistoryIcon className="h-5 w-5 text-white/80" />
+                </div>
+                <div>
+                  <div className="text-lg font-semibold tracking-[-0.03em]">
+                    历史洗图记录
+                  </div>
+                  <div className="text-sm text-white/55">
+                    保留最近的 AI洗图批次，支持一键回看并继续发送结果到画布。
+                  </div>
+                </div>
+              </div>
+              <div className="rounded-full border border-white/10 bg-white/[0.05] px-3 py-1 text-xs text-white/65">
+                最近 {visibleHistoryBatches.length} 条
+              </div>
+            </div>
+
+            {visibleHistoryBatches.length > 0 ? (
+              <div className="flex gap-3 overflow-x-auto pb-1">
+                {visibleHistoryBatches.map((entry) => {
+                  const cover = entry.items[0];
+                  return (
+                    <div
+                      className="min-w-[260px] max-w-[260px] rounded-[22px] border border-white/10 bg-white/[0.03] p-3"
+                      key={entry.id}
+                    >
+                      <button
+                        className="w-full text-left"
+                        onClick={() => handleLoadHistoryBatch(entry)}
+                        type="button"
+                      >
+                        <div className="overflow-hidden rounded-[18px] border border-white/10 bg-black/20">
+                          <img
+                            alt={cover?.title || "历史洗图结果"}
+                            className="aspect-[4/3] w-full object-cover"
+                            src={getDisplayImageUrl(
+                              cover?.thumbnailUrl || cover?.imageUrl || "",
+                              520
+                            )}
+                          />
+                        </div>
+                        <div className="mt-3 flex items-start justify-between gap-3">
+                          <div className="min-w-0">
+                            <div className="truncate font-medium text-sm text-white">
+                              {cover?.title || "AI洗图结果"}
+                            </div>
+                            <div className="mt-1 flex items-center gap-2 text-[11px] text-white/52">
+                              <Clock3 className="h-3.5 w-3.5" />
+                              {new Date(entry.createdAt).toLocaleString("zh-CN", {
+                                month: "2-digit",
+                                day: "2-digit",
+                                hour: "2-digit",
+                                minute: "2-digit",
+                              })}
+                            </div>
+                          </div>
+                          <div className="rounded-full border border-white/10 bg-white/[0.05] px-2 py-1 text-[11px] text-white/72">
+                            {entry.items.length} 张
+                          </div>
+                        </div>
+                      </button>
+                      <div className="mt-3 flex items-center justify-between">
+                        <div className="flex flex-wrap items-center gap-2">
+                          {cover?.modelId ? (
+                            <span className="rounded-full border border-white/10 bg-white/[0.04] px-2 py-1 text-[11px] text-white/60">
+                              {cover.modelId}
+                            </span>
+                          ) : null}
+                          {entry.sourceImageUrl ? (
+                            <span className="rounded-full border border-emerald-400/20 bg-emerald-400/10 px-2 py-1 text-[11px] text-emerald-100">
+                              可对比
+                            </span>
+                          ) : null}
+                        </div>
+                        <button
+                          className="inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/10 bg-white/[0.04] text-white/70 transition hover:bg-white/[0.1] hover:text-white"
+                          onClick={(event) => {
+                            event.stopPropagation();
+                            handleDeleteHistoryBatch(entry.id);
+                          }}
+                          title="删除历史记录"
+                          type="button"
+                        >
+                          <Trash2 className="h-4 w-4" />
+                        </button>
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            ) : (
+              <div className="rounded-[22px] border border-dashed border-white/10 bg-white/[0.02] px-5 py-8 text-center text-sm text-white/48">
+                还没有历史洗图记录，生成一次后会自动出现在这里。
+              </div>
+            )}
+          </div>
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/components/canvas/RealtimeCanvasDialog.tsx b/components/canvas/RealtimeCanvasDialog.tsx
index 51b48cbab..ec616c259 100644
--- a/components/canvas/RealtimeCanvasDialog.tsx
+++ b/components/canvas/RealtimeCanvasDialog.tsx
@@ -34,6 +34,7 @@ import {
 } from "react";
 import { toast } from "sonner";
 import { CanvasToolbarIcon } from "@/components/canvas/CanvasToolbarIcon";
+import { AiWashWorkspace } from "@/components/canvas/AiWashWorkspace";
 import { EnhanceProWorkspace } from "@/components/canvas/EnhanceProWorkspace";
 import { Button } from "@/components/ui/button";
 import {
@@ -58,6 +59,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { buildImageProxyUrl } from "@/lib/image-delivery";
+import { AI_WASH_DEFAULT_MODE_LABEL } from "@/lib/ai-wash/config";
 import {
   defaultCanvasToolbarConfig,
   getCanvasToolbarItem,
@@ -92,7 +94,7 @@ type RealtimeConfig = {
 };
 
 type RealtimeStatus = "idle" | "connecting" | "live" | "error";
-type RealtimeWorkspaceMode = "realtime" | "enhance-pro";
+type RealtimeWorkspaceMode = "realtime" | "enhance-pro" | "ai-wash";
 type RealtimeGenerationMode = "manual" | "auto";
 type RealtimeAspectRatio = "1:1" | "4:3" | "2:3";
 type RealtimeCanvasModeIconConfig = {
@@ -905,6 +907,11 @@ export function RealtimeCanvasDialog({
   const [refreshToken, setRefreshToken] = useState(0);
   const [isLayerSplitEnabled, setIsLayerSplitEnabled] = useState(false);
   const [isEnhanceProEnabled, setIsEnhanceProEnabled] = useState(false);
+  const [isAiWashEnabled, setIsAiWashEnabled] = useState(false);
+  const [aiWashModeLabel, setAiWashModeLabel] = useState(
+    AI_WASH_DEFAULT_MODE_LABEL
+  );
+  const [aiWashModeIconUrl, setAiWashModeIconUrl] = useState("");
   const [hasResolvedCanvasSettings, setHasResolvedCanvasSettings] =
     useState(false);
   const [modeIconConfig, setModeIconConfig] =
@@ -1096,6 +1103,9 @@ export function RealtimeCanvasDialog({
     let cancelled = false;
     setHasResolvedCanvasSettings(false);
     setIsEnhanceProEnabled(false);
+    setIsAiWashEnabled(false);
+    setAiWashModeLabel(AI_WASH_DEFAULT_MODE_LABEL);
+    setAiWashModeIconUrl("");
 
     fetch(`/api/site-settings?scope=canvas&t=${Date.now()}`)
       .then((res) => (res.ok ? res.json() : null))
@@ -1103,6 +1113,17 @@ export function RealtimeCanvasDialog({
         if (!data || cancelled) return;
         setIsLayerSplitEnabled(data.layerSplitEnabled === true);
         setIsEnhanceProEnabled(data.enhanceProEnabled === true);
+        setIsAiWashEnabled(data.aiWashEnabled === true);
+        setAiWashModeLabel(
+          typeof data.aiWashLabel === "string" && data.aiWashLabel.trim()
+            ? data.aiWashLabel.trim().slice(0, 32)
+            : AI_WASH_DEFAULT_MODE_LABEL
+        );
+        setAiWashModeIconUrl(
+          typeof data.aiWashIconUrl === "string"
+            ? data.aiWashIconUrl.trim()
+            : ""
+        );
         setCanvasToolbarConfig(
           normalizeCanvasToolbarConfig(data.canvasToolbarConfig)
         );
@@ -1156,8 +1177,18 @@ export function RealtimeCanvasDialog({
     }
     if (workspaceMode === "enhance-pro" && !isEnhanceProEnabled) {
       setWorkspaceMode("realtime");
+      return;
     }
-  }, [hasResolvedCanvasSettings, isEnhanceProEnabled, open, workspaceMode]);
+    if (workspaceMode === "ai-wash" && !isAiWashEnabled) {
+      setWorkspaceMode("realtime");
+    }
+  }, [
+    hasResolvedCanvasSettings,
+    isAiWashEnabled,
+    isEnhanceProEnabled,
+    open,
+    workspaceMode,
+  ]);
 
   const pushMetric = useCallback((event: any) => {
     metricsQueueRef.current.push(event);
@@ -3127,14 +3158,18 @@ export function RealtimeCanvasDialog({
       if (files.length === 0) return;
 
       try {
-        if (workspaceMode === "enhance-pro") {
+        if (workspaceMode === "enhance-pro" || workspaceMode === "ai-wash") {
           const file = files[0];
           if (!file?.type.startsWith("image/")) {
             throw new Error("请上传图片文件");
           }
           const dataUrl = await fileToDataUrl(file);
           setEnhanceUploadedSourceImageUrl(dataUrl);
-          toast.success("已选择用于图像增强 Pro 的图片");
+          toast.success(
+            workspaceMode === "ai-wash"
+              ? "已选择用于 AI洗图 的图片"
+              : "已选择用于图像增强 Pro 的图片"
+          );
           return;
         }
 
@@ -3324,6 +3359,10 @@ export function RealtimeCanvasDialog({
         toast.error("图像增强 Pro 当前未开启，请先在系统设置中启用");
         return;
       }
+      if (nextMode === "ai-wash" && !isAiWashEnabled) {
+        toast.error("AI洗图当前未开启，请先在系统设置中启用");
+        return;
+      }
       if (workspaceMode === "realtime") {
         captureDrawingLayerSnapshot();
       }
@@ -3336,6 +3375,7 @@ export function RealtimeCanvasDialog({
       cancelPendingRealtimeFlush,
       captureDrawingLayerSnapshot,
       closeBrushSettingPopovers,
+      isAiWashEnabled,
       isEnhanceProEnabled,
       resetRealtimeInteractionState,
       workspaceMode,
@@ -3505,6 +3545,26 @@ export function RealtimeCanvasDialog({
                 </span>
               </button>
             ) : null}
+            {isAiWashEnabled ? (
+              <button
+                className={cn(
+                  "group inline-flex h-full min-w-0 items-center gap-2 rounded-[18px] px-4 text-[14px] font-medium tracking-[-0.02em] transition",
+                  workspaceMode === "ai-wash"
+                    ? softActionButtonClass
+                    : "border border-transparent bg-transparent text-[#666666] hover:bg-white hover:text-[#111111] dark:text-white/58 dark:hover:bg-white/10 dark:hover:text-white"
+                )}
+                onClick={() => handleWorkspaceModeChange("ai-wash")}
+                type="button"
+              >
+                <CanvasToolbarIcon
+                  active={workspaceMode === "ai-wash"}
+                  className="h-4 w-4 transition group-hover:opacity-100"
+                  fallback={Sparkles}
+                  iconUrl={aiWashModeIconUrl}
+                />
+                <span className="max-w-[9rem] truncate">{aiWashModeLabel}</span>
+              </button>
+            ) : null}
           </div>
         </div>
       </div>
@@ -3694,6 +3754,13 @@ export function RealtimeCanvasDialog({
           onRequestAddImage={() => uploadInputRef.current?.click()}
           sourceImageUrl={enhanceSourceImageUrl}
         />
+      ) : workspaceMode === "ai-wash" ? (
+        <AiWashWorkspace
+          historyScopeKey={enhanceHistoryScopeKey}
+          onApplyResult={handleApplyEnhanceResult}
+          onRequestAddImage={() => uploadInputRef.current?.click()}
+          sourceImageUrl={enhanceSourceImageUrl}
+        />
       ) : (
         <>
           {/* Main Canvas Area - Split View */}
diff --git a/lib/ai-wash/config.ts b/lib/ai-wash/config.ts
new file mode 100644
index 000000000..be3c34bf8
--- /dev/null
+++ b/lib/ai-wash/config.ts
@@ -0,0 +1,310 @@
+export const AI_WASH_CONFIG_KEY = "ai_wash_config";
+export const AI_WASH_DEFAULT_MODE_LABEL = "AI洗图";
+export const AI_WASH_DEFAULT_IMAGE_SIZE = "2K";
+export const AI_WASH_DEFAULT_HISTORY_LIMIT = 8;
+export const AI_WASH_CONTROL_ORDER = [
+  "creativity",
+  "detail",
+  "lighting",
+] as const;
+
+export type AiWashControlId = (typeof AI_WASH_CONTROL_ORDER)[number];
+export type AiWashControlKind = "model" | "prompt";
+
+export type AiWashControlLevel = {
+  id: string;
+  label: string;
+  modelId: string;
+  promptFragment: string;
+};
+
+export type AiWashControl = {
+  id: AiWashControlId;
+  label: string;
+  helperText: string;
+  kind: AiWashControlKind;
+  levels: AiWashControlLevel[];
+  defaultLevel: number;
+};
+
+export type AiWashPreset = {
+  id: string;
+  title: string;
+  description: string;
+  prompt: string;
+  modelId: string;
+  enabled: boolean;
+  isDefault: boolean;
+  controls: AiWashControl[];
+};
+
+export type AiWashConfig = {
+  enabled: boolean;
+  modeLabel: string;
+  modeIconUrl: string;
+  imageSize: string;
+  promptExtend: boolean;
+  historyLimit: number;
+  presets: AiWashPreset[];
+};
+
+function normalizeText(value: unknown, maxLength: number) {
+  return String(value || "").trim().slice(0, maxLength);
+}
+
+function createPresetId(title: string, index: number) {
+  const normalized = String(title || "")
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9\u4e00-\u9fa5]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+
+  return normalized || `ai-wash-preset-${index + 1}`;
+}
+
+function createLevelId(controlId: AiWashControlId, index: number) {
+  return `${controlId}-level-${index + 1}`;
+}
+
+function createDefaultControl(
+  controlId: AiWashControlId,
+  overrides?: Partial<AiWashControl>
+): AiWashControl {
+  const defaults: Record<
+    AiWashControlId,
+    Pick<AiWashControl, "label" | "helperText" | "kind">
+  > = {
+    creativity: {
+      label: "创造力",
+      helperText: "每一档都可以单独指定生图模型，也可以补充少量提示词片段。",
+      kind: "model",
+    },
+    detail: {
+      label: "细节",
+      helperText: "每一档都可以补充默认提示词，控制画面的细节强弱与精修程度。",
+      kind: "prompt",
+    },
+    lighting: {
+      label: "光塑",
+      helperText: "每一档都可以补充默认提示词，控制光影层次、氛围和空间塑造。",
+      kind: "prompt",
+    },
+  };
+
+  return {
+    id: controlId,
+    label: overrides?.label || defaults[controlId].label,
+    helperText: overrides?.helperText || defaults[controlId].helperText,
+    kind: overrides?.kind || defaults[controlId].kind,
+    defaultLevel:
+      typeof overrides?.defaultLevel === "number"
+        ? Math.max(0, Math.min(23, Math.floor(overrides.defaultLevel)))
+        : 1,
+    levels:
+      overrides?.levels && overrides.levels.length > 0
+        ? overrides.levels
+        : Array.from({ length: 3 }, (_, index) => ({
+            id: createLevelId(controlId, index),
+            label: String(index + 1),
+            modelId: "",
+            promptFragment: "",
+          })),
+  };
+}
+
+function normalizeControlLevel(
+  controlId: AiWashControlId,
+  value: unknown,
+  index: number
+): AiWashControlLevel {
+  const raw =
+    value && typeof value === "object" && !Array.isArray(value)
+      ? (value as Record<string, unknown>)
+      : {};
+
+  return {
+    id: normalizeText(raw.id, 64) || createLevelId(controlId, index),
+    label: normalizeText(raw.label, 24) || String(index + 1),
+    modelId: normalizeText(raw.modelId, 128),
+    promptFragment: normalizeText(raw.promptFragment, 1000),
+  };
+}
+
+function normalizeControl(
+  controlId: AiWashControlId,
+  value: unknown,
+  fallback?: AiWashControl
+): AiWashControl {
+  const base = fallback || createDefaultControl(controlId);
+  const raw =
+    value && typeof value === "object" && !Array.isArray(value)
+      ? (value as Record<string, unknown>)
+      : {};
+  const levelsInput = Array.isArray(raw.levels) ? raw.levels : base.levels;
+  const levels = levelsInput
+    .map((level, index) => normalizeControlLevel(controlId, level, index))
+    .slice(0, 24);
+
+  const defaultLevel = Number.isFinite(Number(raw.defaultLevel))
+    ? Number(raw.defaultLevel)
+    : base.defaultLevel;
+
+  return {
+    id: controlId,
+    label: normalizeText(raw.label, 24) || base.label,
+    helperText: normalizeText(raw.helperText, 200) || base.helperText,
+    kind:
+      raw.kind === "model" || raw.kind === "prompt" ? raw.kind : base.kind,
+    levels: levels.length > 0 ? levels : base.levels,
+    defaultLevel: Math.max(0, Math.min(levels.length - 1, Math.floor(defaultLevel))),
+  };
+}
+
+function normalizeControls(value: unknown): AiWashControl[] {
+  const rawList = Array.isArray(value) ? value : [];
+
+  return AI_WASH_CONTROL_ORDER.map((controlId) => {
+    const matched =
+      rawList.find((item) => {
+        const raw =
+          item && typeof item === "object" && !Array.isArray(item)
+            ? (item as Record<string, unknown>)
+            : {};
+        return raw.id === controlId;
+      }) || null;
+
+    return normalizeControl(controlId, matched, createDefaultControl(controlId));
+  });
+}
+
+function normalizePreset(
+  value: unknown,
+  index: number,
+  fallback: AiWashPreset
+): AiWashPreset {
+  const raw =
+    value && typeof value === "object" && !Array.isArray(value)
+      ? (value as Record<string, unknown>)
+      : {};
+  const title = normalizeText(raw.title, 48) || fallback.title;
+  const description =
+    normalizeText(raw.description, 200) || fallback.description;
+  const prompt = normalizeText(raw.prompt, 4000) || fallback.prompt;
+
+  return {
+    id: normalizeText(raw.id, 64) || createPresetId(title, index),
+    title,
+    description,
+    prompt,
+    modelId: normalizeText(raw.modelId, 128),
+    enabled: raw.enabled !== false,
+    isDefault: raw.isDefault === true,
+    controls: normalizeControls(raw.controls),
+  };
+}
+
+function ensureDefaultPreset(presets: AiWashPreset[]) {
+  if (presets.length === 0) return presets;
+  if (presets.some((preset) => preset.isDefault && preset.enabled)) {
+    return presets;
+  }
+  return presets.map((preset, index) => ({
+    ...preset,
+    isDefault: index === 0,
+  }));
+}
+
+function defaultControlsForPreset(): AiWashControl[] {
+  return AI_WASH_CONTROL_ORDER.map((controlId) => createDefaultControl(controlId));
+}
+
+export function defaultAiWashConfig(): AiWashConfig {
+  return {
+    enabled: false,
+    modeLabel: AI_WASH_DEFAULT_MODE_LABEL,
+    modeIconUrl: "",
+    imageSize: AI_WASH_DEFAULT_IMAGE_SIZE,
+    promptExtend: false,
+    historyLimit: AI_WASH_DEFAULT_HISTORY_LIMIT,
+    presets: [
+      {
+        id: "texture-precise",
+        title: "质感提升（细节更精准）",
+        description: "保留原图结构，强化细节精度、材质质感和光影层级。",
+        prompt:
+          "保持原图主体、构图、色彩关系和空间透视基本不变，重点提升材质纹理、细节锐度、光影层次和整体清晰度，让画面更精致、更干净、更高级。",
+        modelId: "",
+        enabled: true,
+        isDefault: true,
+        controls: defaultControlsForPreset(),
+      },
+      {
+        id: "texture-expressive",
+        title: "质感提升（细节更发散）",
+        description: "允许模型更积极地重建纹理和氛围，适合需要更强视觉表现的场景。",
+        prompt:
+          "在保留主体识别和原始构图的基础上，允许更积极地重建纹理、材质和环境氛围，提升视觉张力与高级感，让结果更具设计感和表现力。",
+        modelId: "",
+        enabled: true,
+        isDefault: false,
+        controls: defaultControlsForPreset(),
+      },
+      {
+        id: "ai-render",
+        title: "AI模型渲染（类似渲染器）",
+        description: "转成更接近商业渲染图的质感，适合家居、空间、产品展示。",
+        prompt:
+          "将原图重塑为更接近专业商业渲染图的视觉效果，提升光影控制、材质真实度、环境反射和空间氛围，保持主体结构与镜头视角稳定。",
+        modelId: "",
+        enabled: true,
+        isDefault: false,
+        controls: defaultControlsForPreset(),
+      },
+    ],
+  };
+}
+
+export function normalizeAiWashConfig(value: unknown): AiWashConfig {
+  const fallback = defaultAiWashConfig();
+  const raw =
+    value && typeof value === "object" && !Array.isArray(value)
+      ? (value as Record<string, unknown>)
+      : {};
+  const presetsInput = Array.isArray(raw.presets) ? raw.presets : fallback.presets;
+  const presets = ensureDefaultPreset(
+    presetsInput
+      .map((preset, index) =>
+        normalizePreset(
+          preset,
+          index,
+          fallback.presets[index] || fallback.presets[0]
+        )
+      )
+      .slice(0, 6)
+  );
+
+  return {
+    enabled: raw.enabled === true,
+    modeLabel: normalizeText(raw.modeLabel, 32) || AI_WASH_DEFAULT_MODE_LABEL,
+    modeIconUrl: normalizeText(raw.modeIconUrl, 2000),
+    imageSize: normalizeText(raw.imageSize, 16) || AI_WASH_DEFAULT_IMAGE_SIZE,
+    promptExtend: raw.promptExtend === true,
+    historyLimit: Math.max(
+      1,
+      Math.min(24, Number(raw.historyLimit) || AI_WASH_DEFAULT_HISTORY_LIMIT)
+    ),
+    presets,
+  };
+}
+
+export function sanitizeAiWashConfigForClient(
+  config: AiWashConfig
+): AiWashConfig {
+  return normalizeAiWashConfig(config);
+}
+
+export function getEnabledAiWashPresets(config: AiWashConfig) {
+  return config.presets.filter(
+    (preset) => preset.enabled && preset.prompt.trim().length > 0
+  );
+}