feat(canvas): resolution/ratio composer settings and quality/count controls

Replace the ratio-baked size presets with a resolution tier (1K/2K/4K) plus
ratio selection and normalized dimensions, send imageQuality/imageCount to
the agent, and add the output_format field to GeneratorTaskInputArgs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-09 20:43:35 +08:00
parent f0ae237da5
commit 4ff246a294
9 changed files with 174 additions and 42 deletions
@@ -255,7 +255,8 @@
line-height: 20px;
}
.image-generator-settings-popover-panel .composer-quality-control {
.image-generator-settings-popover-panel .composer-quality-control,
.image-generator-settings-popover-panel .composer-resolution-control {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
overflow: visible;
@@ -264,6 +265,7 @@
}
.image-generator-settings-popover-panel .composer-quality-control button,
.image-generator-settings-popover-panel .composer-resolution-control button,
.image-generator-settings-popover-panel .composer-count-grid button {
height: 32px;
border: 1px solid #d8dbe1;
@@ -274,7 +276,12 @@
line-height: 20px;
}
.image-generator-settings-popover-panel .composer-quality-control button.selected {
.image-generator-settings-popover-panel .composer-resolution-control {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.image-generator-settings-popover-panel .composer-quality-control button.selected,
.image-generator-settings-popover-panel .composer-resolution-control button.selected {
border-color: #2d3036;
background: #fff;
}