From 7327c9a18a65deaeefc5e2709e580df9093941f6 Mon Sep 17 00:00:00 2001
From: josh <144584931+dancer@users.noreply.github.com>
Date: Mon, 8 Sep 2025 11:08:45 +0100
Subject: [PATCH] fix: reasoning model does not allow images (#1160)

---
 components/multimodal-input.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index c601ff1..e314e43 100644
--- a/components/multimodal-input.tsx
+++ b/components/multimodal-input.tsx
@@ -323,7 +323,7 @@ function PureMultimodalInput({
         />
         <PromptInputToolbar className="px-3 py-2 !border-t-0 !border-top-0 shadow-none dark:!border-transparent dark:border-0">
           <PromptInputTools className="gap-2">
-            <AttachmentsButton fileInputRef={fileInputRef} status={status} />
+            <AttachmentsButton fileInputRef={fileInputRef} status={status} selectedModelId={selectedModelId} />
             <ModelSelectorCompact selectedModelId={selectedModelId} />
           </PromptInputTools>
           {status === 'submitted' ? (
@@ -360,10 +360,14 @@ export const MultimodalInput = memo(
 function PureAttachmentsButton({
   fileInputRef,
   status,
+  selectedModelId,
 }: {
   fileInputRef: React.MutableRefObject<HTMLInputElement | null>;
   status: UseChatHelpers<ChatMessage>['status'];
+  selectedModelId: string;
 }) {
+  const isReasoningModel = selectedModelId === 'chat-model-reasoning';
+  
   return (
     <Button
       data-testid="attachments-button"
@@ -372,7 +376,7 @@ function PureAttachmentsButton({
         event.preventDefault();
         fileInputRef.current?.click();
       }}
-      disabled={status !== 'ready'}
+      disabled={status !== 'ready' || isReasoningModel}
       variant="ghost"
       size="sm"
     >