fix(web): 模型分组 - 画布图片参数对齐创作页规则，宽高比直接取模型组并集 values，质量等能力取路由模型配置

web/src/components/image-settings-panel.tsx

@@ -68,7 +68,7 @@ export function ImageSettingsPanel({ config, onConfigChange, theme, showTitle =
         ? []
         : usesResolutionPicker && activeResolution
         ? resolutionOptions.filter((item) => item.tier === activeResolution.tier).map((item) => ({ value: item.ratio, label: item.ratio, size: item.size, width: item.width, height: item.height, icon: item.width === item.height ? "square" : item.width > item.height ? "landscape" : "portrait" }))
-        : aspectOptions.filter((item) => imageOptionAllowed(profile, item));
+        : imageAspectOptions(profile);
     const selectedAspect = availableAspects.find((item) => imageOptionValue(profile, item) === activeSize || item.value === activeSize) || availableAspects.find((item) => item.label === activeRatio);
     const dimensions = readSizeDimensions(activeSize, selectedAspect || aspectOptions[0]);
     const activeQualityOptions = profile.quality.values.map((value) => qualityOptions.find((item) => item.value === value) || { value, label: value });
@@ -199,6 +199,34 @@ function imageOptionAllowed(profile: ImageCapabilityConfig, option: AspectOption
     return [option.value, option.size, option.width && option.height ? `${option.width}x${option.height}` : ""].filter(Boolean).some((value) => profile.size.values.includes(String(value)));
 }
 
+// 宽高比选项直接取模型配置 values（与创作页面一致），不在白名单里的比例（如 8:1）也能显示。
+function imageAspectOptions(profile: ImageCapabilityConfig): AspectOption[] {
+    if (profile.size.parameter === "none") return [];
+    const values = profile.size.values.filter((value) => value.trim().toLowerCase() !== "auto");
+    if (!values.length) return profile.size.allowCustom ? aspectOptions.filter((item) => item.value !== "auto") : [];
+    return values.map((value) => {
+        const known = aspectOptions.find((item) => (item.size || item.value) === value || item.value === value);
+        if (known) return known;
+        const parts = ratioParts(value);
+        return { value, label: value, size: value, width: parts?.width || 0, height: parts?.height || 0, icon: "custom" };
+    });
+}
+
+function ratioParts(value: string) {
+    const pixel = value.trim().match(/^(\d+)x(\d+)$/i);
+    if (pixel) {
+        const divisor = gcd(Number(pixel[1]), Number(pixel[2]));
+        return { width: Number(pixel[1]) / divisor, height: Number(pixel[2]) / divisor };
+    }
+    const ratio = value.trim().match(/^(\d+):(\d+)$/);
+    if (!ratio) return undefined;
+    return { width: Number(ratio[1]), height: Number(ratio[2]) };
+}
+
+function gcd(a: number, b: number): number {
+    return b ? gcd(b, a % b) : a;
+}
+
 function imageOptionValue(profile: ImageCapabilityConfig, option: AspectOption) {
     const candidates = [option.size, option.value, option.width && option.height ? `${option.width}x${option.height}` : ""].filter(Boolean).map(String);
     return candidates.find((value) => profile.size.values.includes(value)) || option.size || option.value || "auto";