+ {/* Context - only show for chat models */}
+ {model.model_type === 'chat' && model.context_length && (
+
+
+ Context:
+ {formatContextDetails(model)}
+
+ )}
+
+ {/* Size - only show if available */}
+ {model.size_mb && (
+
+
+ Size:
+ {formatFileSize(model.size_mb)}
+
+ )}
+
+ {/* Parameters - show if available */}
+ {model.parameters && (
+
+
+ Params:
+
+ {typeof model.parameters === 'object'
+ ? `${model.parameters.parameter_size || 'Unknown size'} ${model.parameters.quantization ? `(${model.parameters.quantization})` : ''}`.trim()
+ : model.parameters
+ }
+
+
+ )}
+
+ {/* Context Windows - show all 3 data points if available from real API data */}
+ {model.context_info && (model.context_info.current || model.context_info.max || model.context_info.min) && (
+
+
📏
+
+ {model.context_info.current && (
+
+ Current:
+
+ {model.context_info.current >= 1000000
+ ? `${(model.context_info.current / 1000000).toFixed(1)}M`
+ : model.context_info.current >= 1000
+ ? `${Math.round(model.context_info.current / 1000)}K`
+ : `${model.context_info.current}`
+ }
+
+
+ )}
+ {model.context_info.max && model.context_info.max !== model.context_info.current && (
+
+ Max:
+
+ {model.context_info.max >= 1000000
+ ? `${(model.context_info.max / 1000000).toFixed(1)}M`
+ : model.context_info.max >= 1000
+ ? `${Math.round(model.context_info.max / 1000)}K`
+ : `${model.context_info.max}`
+ }
+
+
+ )}
+ {model.context_info.min && model.context_info.min !== model.context_info.current && model.context_info.min !== model.context_info.max && (
+
+ Base:
+
+ {model.context_info.min >= 1000000
+ ? `${(model.context_info.min / 1000000).toFixed(1)}M`
+ : model.context_info.min >= 1000
+ ? `${Math.round(model.context_info.min / 1000)}K`
+ : `${model.context_info.min}`
+ }
+
+
+ )}
+
+
+ )}
+
+ {/* Architecture - show if available */}
+ {model.architecture && (
+
+ 🏗️
+ Arch:
+ {model.architecture}
+
+ )}
+
+ {/* Format - show if available */}
+ {(model.format || model.parameters?.format) && (
+
+ 📦
+ Format:
+ {model.format || model.parameters?.format}
+
+ )}
+
+ {/* Parent Model - show if available */}
+ {model.parent_model && (
+
+ 🔗
+ Base:
+ {model.parent_model}
+
+ )}
+
+