Add new OpenAI models

[EduardDurech]

Added new OpenAI models gpt-3.5-turbo-0125, gpt-4-0125-preview, and gpt-4-turbo-preview (currently points to 0125-preview)

[welcome]

Thanks for submitting your first pull request! You are awesome! 🤗

If you haven't done so already, check out Jupyter's Code of Conduct. Also, please make sure you followed the pull request template, as this will help us review your contribution more quickly.

You can meet the other Jovyans by joining our Discourse forum. There is also a intro thread there where you can stop by and say Hi! 👋

Welcome to the Jupyter community! 🎉

[EduardDurech]

[EduardDurech]

It may be better to allow for manual entry of models

[EduardDurech]

It may be better to allow for manual entry of models

This is what ChatGPT gives if anyone is interested in implementing it re https://github.com/jupyterlab/jupyter-ai/blob/main/packages/jupyter-ai/src/components/chat-settings.tsx

import React, { useEffect, useState, useMemo } from 'react';
import ReactMarkdown from 'react-markdown';
import { Box } from '@mui/system';
import {
  Alert,
  Autocomplete, // Ensure Autocomplete is imported
  Button,
  FormControl,
  FormControlLabel,
  FormLabel,
  MenuItem,
  Radio,
  RadioGroup,
  TextField,
  CircularProgress,
  Typography,
} from '@mui/material';

// Other imports remain unchanged

export function ChatSettings(): JSX.Element {
  // States and hooks initialization remains unchanged

  // Convert lmProviders for Autocomplete options
  const lmOptions = useMemo(() => {
    return server.lmProviders.providers.flatMap(lmp => 
      lmp.models.map(model => `${lmp.id}:${model}`)
    );
  }, [server.lmProviders]);

  return (
    <Box
      sx={{
        padding: '0 12px 12px',
        boxSizing: 'border-box',
        '& .MuiAlert-root': {
          marginTop: 2,
        },
        overflowY: 'auto',
      }}
    >
      <h2 className="jp-ai-ChatSettings-header">Language model</h2>
      {/* Autocomplete replacing Select */}
      <Autocomplete
        value={lmGlobalId}
        onChange={(event, newValue) => {
          const isValueExist = lmOptions.includes(newValue);
          if (isValueExist || newValue === null) {
            const [providerId, modelId] = newValue ? newValue.split(':') : [null, null];
            const nextLmProvider = getProvider(newValue, server.lmProviders);
            setLmProvider(nextLmProvider);
            setLmLocalId(modelId);
          } else {
            // Handle manually entered value not in the list
            setLmProvider(null);
            setLmLocalId(newValue);
          }
        }}
        options={lmOptions}
        renderInput={(params) => <TextField {...params} label="Language model" />}
        freeSolo
        inputValue={inputValue}
        onInputChange={(event, newInputValue) => {
          setInputValue(newInputValue);
        }}
      />
      {showLmLocalId && (
        <TextField
          label={lmProvider?.model_id_label || 'Local model ID'}
          value={lmLocalId}
          onChange={e => setLmLocalId(e.target.value)}
          fullWidth
        />
      )}
      {/* Remaining JSX unchanged */}
    </Box>
  );
}

[welcome]

Congrats on your first merged pull request in this project! 🎉

Thank you for contributing, we are very proud of you! ❤️

[JasonWeill]

@EduardDurech Thank you for adding these new models!

[JasonWeill]

@meeseeksdev please backport to 1.x