refactor(ui): simplify composer settings chip and animate chevron

Condense the settings-chip summary to quality, ratio, and image count
(dropping resolution and pixel size), wrap the label in an ellipsized
span, and swap the up/down chevron for a single rotating ChevronDown
across the canvas agent and image generator composers.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/ui/components/ImageGeneratorFloatingComposer/index.css

@@ -146,12 +146,33 @@
 
 .image-generator-settings-chip {
   height: 32px;
-  max-width: 220px;
-  padding: 0 8px 0 10px;
+  max-width: 150px;
+  gap: 2px;
+  padding: 0 4px 0 12px;
   overflow: hidden;
+  color: #2f3746;
+  background: transparent;
   white-space: nowrap;
 }
 
+.image-generator-settings-chip span {
+  overflow: hidden;
+  font-size: 13px;
+  line-height: 20px;
+  text-overflow: ellipsis;
+}
+
+.image-generator-settings-chip svg {
+  width: 18px;
+  height: 18px;
+  flex: 0 0 auto;
+  transition: transform 150ms ease;
+}
+
+.image-generator-settings-chip svg.open {
+  transform: rotate(180deg);
+}
+
 .image-generator-settings-chip:hover,
 .image-generator-model-button:hover {
   background: #f3f4f6;