Panel リサーチワークスペースはエージェントがカスタムパネルを作成できる

すばやい要点

Panel はローカルで、ドッキング可能なリサーチ環境であり、AIエージェントがあなたと一緒に作業できるようにします—チャット、ファイルの編集、PDFの閲覧、ノートブックの実行、さらには必要に応じてカスタムUIパネルの生成まで可能です。


Panel とは何か、なぜ重要なのか

Panel はチャット、ファイルブラウジング、PDFレンダリング、Markdown、Jupyterノートブックの編集を1つのドッキング可能なインターフェースに統合しています。最大の特徴は、接続されたAIエージェントが新しいパネル(たとえばタンパク質構造ビューアーやSQLiteブラウザなど)を要求し、データで埋めることで、UI自体をプログラマブルなワークスペースに変えることができる点です。


コア機能(現在利用可能な機能)

  • エージェント主導のチャット – エージェントはファイルの読み書きが可能で、ツールを実行する前に確認を求める必要があります。
  • ワークスペースの隔離 – 各ワークスペースは独立したフォルダにあり、チャットやレイアウト状態も個別に管理されます。
  • 複数タイプのパネル – ビルトインパネルはファイル、PDF、Markdown、Jupyterノートブックを表示できます。ノートブックは実際のカーネル上で実行され、あなたとエージェントが同時に編集可能です。
  • バックグラウンドジョブ – 長時間実行されるコマンドはバックグラウンドで実行され、監視や停止が可能です。
  • エージェント生成パネル – ビルトインパネルでは結果をレンダリングできない場合、エージェントが即座にカスタムパネルを作成できます。
  • 文献レビュー機能モジュール – チャットでレビューを依頼すると、結果がツールカードとして表示され、直接開くことができます。

現在の制限事項(まだ機能しない点)

  • Claude専用のサポート – 完全な機能には Claude Code が必要で、他のLLMバックエンドはまだ統合されていません。
  • モジュール起動UI – モジュールはチャットコマンドでのみ起動可能で、専用のボタンがありません。
  • 仮説モジュールUI – 仮説モジュールには独自のビューがなく、結果の読み取りが困難です。
  • OpenAI統合 – ウェブ検索が必要なモジュール(例:文献レビュー)は、OpenAI APIキーでは利用できません。

オプションのOpenAIサポート

apps/server/.envOPENAI_API_KEY を設定すると、チャットおよびツール使用時のエージェント選択メニューに「OpenAI API」オプションが表示されます。ただし、文献レビューおよび仮説モジュールは、まだClaude Codeが必要です。これは、Web検索機能がClaudeのみが提供しているためです。


インストールチェックリスト

  1. Node 22.18+(または 24.12+)、pnpm、および uv(Python 3.12+ を取得)をインストールします。
  2. Claude Code をインストールしてログインします(claude CLI が実行可能である必要があります)。
  3. 次のコマンドを実行します:
    pnpm install
    uv sync
    pnpm start   # ビルドしてアプリを提供
    
  4. ブラウザで http://localhost:4173 を開きます。初回起動は1分程度かかることがあります。

データの保存場所

  • ~/Panel/panel.db – すべての会話とエージェントの行動を保存します。
  • ~/Panel/workspaces – ワークスペースごとのフォルダが含まれます。別の場所を指定しない限り、ここに保存されます。 これらのディレクトリはリポジトリの外にあり、リポジトリの削除や再クローンを行ってもデータは消えません。

一般的な問題のトラブルシューティング

  • "Panel がサーバーに接続できませんでした。" – サーバープロセスが実行されていません。pnpm start を実行したターミナルを確認し、再試行をクリックしてください。
  • エージェントがセットアップされていませんと表示される。 – メッセージボックスの下に正確な理由が表示されます。通常は Claude Code がログインしていない、または OpenAI キーが欠落しているためです。
  • ポート競合または空白のページ。pnpm dev:doctor を実行して、どのプロセスが必要なポートを占有しているかを特定し、解放方法を確認してください。

アーキテクチャ概要

UIレイヤー

Panel は Vuedockview を使用して、柔軟でドッキング可能なパネルシステムを提供しています。パネルは画像、データファイル、コード、チャットセッションをレンダリングでき、研究者が常にコンテキストを切り替える作業フローを模倣しています。

モジュールプロトコル

モジュールは「スキル」の概念を拡張し、型指定された InputsOutputs、および Intermediates を持ちます。Intermediates は観測可能な状態(例:思考の連鎖、下書き)を公開し、長時間実行ジョブの進行状況追跡や、下流のコンポジションを可能にします。

データ抽象レイヤー(DAL)

DAL は URI をメモリ内オブジェクトまたはファイルシステム上のファイルにマッピングし、モジュールがストレージの詳細を気にせずに抽象的なデータハンドルで動作できるようにします。


Hacker News からのコミュニティの洞察

"私は趣味で似たようなアイデアを構築しました…AIネイティブなAirtableのようでした。すべてが永続化され、アプリのUIそのものになります。"hellojebus

"このプロジェクトは素晴らしいと思いますが、チェックポイント機能はありますか?エージェントワークフローではこの機能は必須だと感じます。"AdityaK_9999

"エージェントが自分自身のパネルを作ることを許すのは良いアイデアですね。人々はそのエージェントが作成したレイアウトを維持していますか?"quietraster

"私は似たようなものを作りました、名前は slices-ide です…エージェントはIDEの任意の部分を変更でき、カスタムパネルを追加でき、グローバルタイムラインを使って元に戻す/やり直すこともできます。"purple-leafy

これらのコメントは、2つの繰り返しテーマを浮き彫りにしています:永続的で自己修正可能なUIレイアウトの魅力、およびエージェント主導の変更を安全に実験できるためのチェックポイントまたはバージョン管理の必要性です。


ライセンス

Panel は MIT License の下でリリースされています。

Sources

関連

  • プロジェクト
  • Dispatch
  • プロジェクト
  • プロジェクト
  • プロジェクト