修复画布对话工具栏遮挡并支持横向滑动

components/canvas/CanvasChatPanel.tsx

@@ -2038,8 +2038,9 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
           
           {/* Bottom Toolbar */}
           <div className="absolute left-2 bottom-2 right-2 flex items-center gap-2">
+            <div className="flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overscroll-x-contain touch-pan-x pr-1 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
             {/* 左侧：附件和模型选择 */}
-            <div className="flex items-center gap-2 min-w-0 flex-shrink">
+            <div className="flex items-center gap-2 shrink-0">
               <input
                 ref={fileInputRef}
                 type="file"
@@ -2116,7 +2117,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
             </div>
 
             {/* 中间：图片参数（可收缩） */}
-            <div className="flex-1 min-w-0 overflow-hidden">
+            <div className="shrink-0">
               <ImageParamsBar
                 modelName={allModels.find(m => m.id === selectedModelId)?.displayName}
                 initialParams={imageParams}
@@ -2125,6 +2126,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                 providerType={allModels.find(m => m.id === selectedModelId)?.providerType}
               />
             </div>
+            </div>
 
             {/* 右侧：发送按钮（固定不收缩） */}
             <Button