Chat Package Info

import {
  ChatPackageInfo,
  ChatPackageInfoContent,
  ChatPackageInfoDependencies,
  ChatPackageInfoDependency,
  ChatPackageInfoDescription,
} from "@/components/ui/chat-package-info";

export default function Particle() {
  return (
    <div className="grid w-full max-w-2xl gap-3 p-4 sm:grid-cols-2">
      <ChatPackageInfo
        changeType="minor"
        currentVersion="16.0.4"
        name="next"
        newVersion="16.1.0"
      >
        <ChatPackageInfoDescription>
          React-фреймворк для веба. Теперь с Cache Components и Turbopack по
          умолчанию.
        </ChatPackageInfoDescription>
        <ChatPackageInfoContent>
          <ChatPackageInfoDependencies>
            <ChatPackageInfoDependency name="react" version="^19.0.0" />
            <ChatPackageInfoDependency name="react-dom" version="^19.0.0" />
          </ChatPackageInfoDependencies>
        </ChatPackageInfoContent>
      </ChatPackageInfo>

      <ChatPackageInfo
        changeType="major"
        currentVersion="3.4.17"
        name="tailwindcss"
        newVersion="4.1.17"
      >
        <ChatPackageInfoDescription>
          CSS-фреймворк на утилитах — в v4 более быстрый движок и нулевая
          настройка.
        </ChatPackageInfoDescription>
      </ChatPackageInfo>

      <ChatPackageInfo
        changeType="added"
        name="@oracul/chat-message"
        newVersion="0.1.0"
      >
        <ChatPackageInfoDescription>
          Пузырь сообщения чата с учётом роли из AI-компонентов Oracul DS.
        </ChatPackageInfoDescription>
      </ChatPackageInfo>

      <ChatPackageInfo
        changeType="removed"
        currentVersion="1.7.0"
        name="react-query"
      >
        <ChatPackageInfoDescription>
          Заменён встроенными примитивами кэширования React 19.
        </ChatPackageInfoDescription>
      </ChatPackageInfo>
    </div>
  );
}