Frontend: Not possible to open input history

[jns-br]

Describe the bug
There seems to be an error in the implementation of the input history, which was shown in the chat input field in earlier versions. Looking at the source code, the input history itself is indeed implemented, but is missing a button (or other action) to actually open it. I wrote a small fix for this which I will include below, would also be happy to open a PR for this.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Chainlit frontend
2. Scroll down to chat input field

Expected behavior
A button to open the input history is showing in the chat input field.

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Chrome/Firefox
• Version: 1.1.306

Additional context
Possible fix in frontend/src/components/organisms/chat/history/index.tsx

import HistoryIcon from '@mui/icons-material/History';
import {
  IconButton,
  Menu,
  MenuItem,
  Stack,
  Theme,
  Typography,
  useMediaQuery
} from '@mui/material';


...

export default function InputHistoryButton({ onClick }: Props) {

...

  const handleHistoryButtonClick = (
      event: React.MouseEvent<HTMLButtonElement>
    ) => {
      setAnchorEl(event.currentTarget);
      toggleChatHistoryMenu(true);
    };
  
    const size = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'))
      ? 'small'
      : 'medium';
  
    return (
      <div ref={ref}>
        <IconButton
          color="inherit"
          size={size}
          onClick={handleHistoryButtonClick}
        >
          <HistoryIcon />
        </IconButton>
        {menu}
      </div>
    );
}