ChatHistoryDrawer

function Example() {
  const [open, setOpen] = useState(false);
  const threads = [
    { id: '1', title: 'Откуда пришли заявки', updatedAt: new Date() },
    {
      id: '2',
      title: 'Воронка за октябрь',
      updatedAt: new Date(Date.now() - 86400000)
    },
    {
      id: '3',
      title: 'Что со звонками',
      updatedAt: new Date(Date.now() - 6 * 86400000)
    }
  ];
  return (
    <>
      <Button variant="outline" onClick={() => setOpen(true)}>
        История диалогов
      </Button>
      <ChatHistoryDrawer
        open={open}
        onOpenChange={setOpen}
        threads={threads}
        activeId="1"
        busy={false}
        onSelect={() => setOpen(false)}
        onNew={() => setOpen(false)}
        onDelete={() => {}}
      />
    </>
  );
}

render(<Example />);