Honchoの全貌：AIエージェントのための最新アイデンティティ管理と活用事例

import React from 'react';

const Section = ({ title, children }) => (
  <section className="mb-8 bg-white rounded-lg shadow p-6">
    <h2 className="text-2xl font-bold mb-4 border-b pb-2">{title}</h2>
    {children}
  </section>
);

const Link = ({ href, children }) => (
  <a
    href={href}
    target="_blank"
    rel="noopener noreferrer"
    className="text-blue-500 underline hover:text-blue-700"
  >
    {children}
  </a>
);

const HonchoOverview = () => (
  <div className="max-w-3xl mx-auto p-6 bg-gray-50 min-h-screen">
    <h1 className="text-4xl font-extrabold mb-8 text-center text-pink-600">Honcho（ホンチョ）& Plastic Labs 情報整理</h1>
    <Section title="Honchoのサービス概要">
      <ul className="list-disc pl-6 space-y-2">
        <li>AIアプリケーションに<strong>社会的認知</strong>（ソーシャルコグニション）を数分で追加できるインフラサービス</li>
        <li>ユーザーとのやり取りを記憶し、好み・傾向を推論、リアルタイムでインサイトをAPI経由で提供</li>
        <li>AIエージェントにユーザーの「心の理論（Theory of Mind）」を付与</li>
        <li>堅牢なアイデンティティ構築とアンビエント自己改善機能</li>
      </ul>
      <div className="mt-4">
        <Link href="https://honcho.dev/">公式サイト</Link>
      </div>
      <div className="mt-4">
        <img src="https://honcho.dev/opengraph-image.png?bdb2d68407bc6230" alt="Honcho OG Image" className="rounded-lg w-full max-w-md mx-auto" />
      </div>
      <div className="mt-2 text-sm text-gray-500">出典：<Link href="https://honcho.dev/">honcho.dev</Link></div>
    </Section>
    <Section title="Honchoの主な機能">
      <ul className="list-disc pl-6 space-y-2">
        <li>ストレージAPI：チャット履歴やインタラクションのベクトル埋め込み保存</li>
        <li>インサイトレイヤー：保存データからリッチなユーザープロファイルを自動構築、自然言語でクエリ可能</li>
        <li>Assistants APIで長期記憶・RAGワークフロー対応</li>
        <li>ユーザー像の自動進化・強化、弁証法的ユーザーオラクル</li>
        <li>10万人以上のユーザーにもスケーラブルに対応</li>
      </ul>
      <div className="mt-2 text-sm text-gray-500">出典：<Link href="https://honcho.dev/">honcho.dev</Link>、<Link href="https://docs.honcho.dev/">docs.honcho.dev</Link></div>
    </Section>
    <Section title="Honchoの導入・利用方法">
      <ul className="list-disc pl-6 space-y-2">
        <li>Python SDKで簡単導入、デモサーバーですぐに体験可能</li>
        <li>本番利用には招待コードが必要（<Link href="https://plasticlabs.typeform.com/honchoinvite">申込フォーム</Link>）</li>
        <li>APIキー追加で本番環境に移行</li>
        <li>詳細なSDK/APIリファレンスあり（<Link href="https://plasticlabs.mintlify.app/api-reference">APIリファレンス</Link>）</li>
      </ul>
      <div className="mt-2 text-sm text-gray-500">出典：<Link href="https://docs.honcho.dev/getting-started/quickstart">docs.honcho.dev/getting-started/quickstart</Link></div>
    </Section>
    <Section title="Plastic Labsの概要とHonchoとの関係">
      <ul className="list-disc pl-6 space-y-2">
        <li>Plastic Labsは「人間と機械学習の交差点」で研究主導型プロダクトを開発</li>
        <li>AI・機械学習・大規模言語モデル（LLM）に特化</li>
        <li>HonchoはPlastic Labsの代表的プロダクト</li>
        <li>オープンソースプロジェクトや研究活動も活発</li>
      </ul>
      <div className="mt-4 flex flex-wrap gap-4">
        <img src="https://avatars.githubusercontent.com/u/123981229?s=280&v=4" alt="Plastic Labs Logo" className="w-24 h-24 rounded-full" />
        <img src="https://cdn-thumbnails.huggingface.co/social-thumbnails/plastic-labs.png" alt="Plastic Labs Social" className="w-24 h-24 rounded-full" />
      </div>
      <div className="mt-2 text-sm text-gray-500">出典：<Link href="https://plasticlabs.ai/">plasticlabs.ai</Link>、<Link href="https://github.com/plastic-labs">github.com/plastic-labs</Link></div>
    </Section>
    <Section title="Honchoの今後の展開（予定）">
      <ul className="list-disc pl-6 space-y-2">
        <li>ユーザーやモデルに特化した独自データセットの生成機能</li>
        <li>プロダクト成果に基づくパフォーマンス評価機能</li>
        <li>ホスティング方法のバリエーション拡充</li>
      </ul>
      <div className="mt-2 text-sm text-gray-500">出典：<Link href="https://honcho.dev/">honcho.dev</Link></div>
    </Section>
    <Section title="関連リンク">
      <ul className="list-disc pl-6 space-y-2">
        <li><Link href="https://honcho.dev/">Honcho公式サイト</Link></li>
        <li><Link href="https://docs.honcho.dev/">Honchoドキュメント</Link></li>
        <li><Link href="https://plasticlabs.ai/">Plastic Labs公式サイト</Link></li>
        <li><Link href="https://github.com/plastic-labs">Plastic Labs GitHub</Link></li>
        <li><Link href="https://blog.plasticlabs.ai/">Plastic Labs Blog</Link></li>
      </ul>
    </Section>
  </div>
);

export default HonchoOverview;