feat: use managed model capabilities for reasoning and image input

src/pages/ProjectConfiguration/index.tsx

@@ -109,7 +109,12 @@ function ModelCard({ model }: { model: CodingModelOption }) {
         <p className="min-w-0 break-all text-base font-semibold" title={model.modelId}>{model.modelId}</p>
         <div className="mt-3 flex flex-wrap items-center gap-1.5">
           <span className="mr-0.5 text-[11px] font-medium text-muted-foreground">可选思考强度</span>
-          {model.availableThinkingLevels === null
+          {model.managedCapability
+            ? <span className="text-[11px] font-medium text-muted-foreground">
+                {model.managedCapability.inputModalities === null ? '输入能力未知' : model.managedCapability.inputModalities.includes('image') ? '支持图片输入' : '文本输入'}
+                {' · '}{model.managedCapability.reasoning.effortValues?.join(' / ') || (model.managedCapability.reasoning.canDisable ? '支持思考开关' : '模型默认')}
+              </span>
+            : model.availableThinkingLevels === null
             ? <span className="text-[11px] font-medium text-muted-foreground">进入对话后可查看</span>
             : model.availableThinkingLevels.length === 0
               || model.availableThinkingLevels.every((level) => level === 'off')