fix(canvas): 模型选择 - 加宽图片和视频模型下拉框

CHANGELOG.md

@@ -2,7 +2,10 @@
 
 ## Unreleased
 
+## v1.0.4
+
 - 系统后台支持热更新 Worker 与全局渠道并发，各系统渠道可跟随全局值或单独覆盖；渠道满载时请求等待空闲槽位，不再直接失败。
+- 加宽画布图片、视频模型选择器及弹出菜单，减少长模型名称和说明被截断。
 
 ## v1.0.3
 

README.md

@@ -8,7 +8,7 @@
 
 <p align="center">
   <a href="https://github.com/ddcat-ai/open-ai-canvas"><img src="https://img.shields.io/github/stars/ddcat-ai/open-ai-canvas?style=flat-square&logo=github" alt="GitHub stars"></a>
-  <a href="VERSION"><img src="https://img.shields.io/badge/version-v1.0.2-2563eb?style=flat-square" alt="Version"></a>
+  <a href="VERSION"><img src="https://img.shields.io/badge/version-v1.0.4-2563eb?style=flat-square" alt="Version"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-AGPL--3.0-f97316?style=flat-square" alt="License"></a>
 </p>
 

VERSION

@@ -1 +1 @@
-v1.0.3
+v1.0.4

web/src/components/canvas/canvas-node-prompt-panel.tsx

@@ -178,7 +178,7 @@ export function CanvasNodePromptPanel({ node, isRunning, onPromptChange, onConfi
         </div>
     ) : (
         <div className="flex min-w-0 items-center justify-between gap-0.5 px-0.5">
-            <div className={`${expanded ? "max-w-[260px]" : mode === "video" ? "max-w-[160px]" : "max-w-[174px]"} min-w-[104px] flex-1`}>
+            <div className={`${expanded ? "max-w-[320px]" : mode === "image" || mode === "video" ? "max-w-[240px]" : "max-w-[174px]"} min-w-[104px] flex-1`}>
                 <ModelPicker className="!h-7 !w-full !min-w-0 !rounded-md !border-0 !bg-transparent !px-1.5 !text-[10px] !font-normal !shadow-none [&_img]:!size-3 [&_.lucide]:!size-3 [&_.canvas-select-chevron]:!size-3" fullWidth config={config} value={config.model} onChange={(model) => onConfigChange(node.id, { model })} capability={mode} onMissingConfig={() => openConfigDialog(true)} showSelectedPrice={false} />
             </div>
             <div className="ml-auto flex min-w-0 shrink-0 items-center gap-0.5">

web/src/components/model-picker.tsx

@@ -76,7 +76,10 @@ export function ModelPicker({ config, value, onChange, capability, className, fu
             </SelectTrigger>
             <SelectContent
                 data-canvas-no-zoom
-                className="z-[1200] w-[270px] max-w-[calc(100vw-24px)] rounded-lg border border-border/50 bg-popover p-1 text-[11px] font-normal shadow-md"
+                className={cn(
+                    "z-[1200] max-w-[calc(100vw-24px)] rounded-lg border border-border/50 bg-popover p-1 text-[11px] font-normal shadow-md",
+                    capability === "image" || capability === "video" ? "w-[320px]" : "w-[270px]",
+                )}
                 position="popper"
                 align="start"
                 side="bottom"