Agent Console — エージェント操作とログ可視化コンソール

Tool

概要

Agent Console は、Claude Code のセッションで発生する各種イベントやファイル操作、ポリシー評価を視覚的に調べられる管理コンソールです。会話履歴を時間順に追跡でき、イベントタイプ(me, context, assistant, system)で絞り込めるほか、サブエージェント単位でのドリルダウン、編集差分のサイドバイサイド表示、統合検索、ポリシー評価ログの解析など、エージェントの振る舞いを詳細にトレースする機能を備えます。生のJSONを確認できるため再現性の高いデバッグや監査、評価業務に適しています。(約300字)

GitHub

リポジトリの統計情報

  • スター数: 6
  • フォーク数: 0
  • ウォッチャー数: 6
  • コミット数: 6
  • ファイル数: 15
  • メインの言語: TypeScript

主な特徴

  • イベントログの時系列ブラウズとイベント種別によるフィルタリング
  • ファイル編集履歴の差分表示(ツリー/ログ、サイドバイサイド・統合差分)
  • 会話やセッションの検索機能とサブエージェントのドリルダウン
  • ポリシー評価ログの解析と生JSONインスペクション機能

技術的なポイント

Agent Console は TypeScript をベースに構築された可視化ツールで、ログとセッションデータを扱う UI に重点を置いています。README の説明やスクリーンショットからは、イベントを時系列で表示しつつ、イベント種別でフィルタリングできる設計や、サブエージェント(サブセッション)を個別に掘り下げられるドリルダウン機能、さらに各イベントの生データ(raw JSON)を参照できる点が見て取れます。ファイル編集の可視化は、ツリー表示とログ表示を切り替えられ、変更点はサイドバイサイド差分や統合差分として確認可能なため、エージェントがどのファイルをどう編集したかを追跡・レビューできます。ポリシー評価(policy evaluations)に関するログ表示は、ルール適用や判定の流れを解析するために重要で、監査や品質保証プロセスに寄与します。

実装面では TypeScript を用いることで型安全なデータ処理や、複雑なイベントモデルの管理がしやすくなっています。components.json が存在することから、UI コンポーネントの管理やメタ情報の記述が行われていると考えられ、docs 配下にスクリーンショットやドキュメントが同梱されているため導入や機能理解が進めやすい構成です。軽量なログビューワとして動作することを想定しており、バックエンドから吐かれたセッション・イベントデータを取り込み、クライアント側でフィルタリング・検索・差分表示を提供するアーキテクチャと相性が良い設計です。拡張ポイントとしては、外部ストレージ(S3 等)やログ集約ツール、認証基盤との連携、リアルタイムのイベントストリーミング対応(WebSocket 等)を追加することで、運用性とスケーラビリティを高められます。(約700字)

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • .vscode: dir
  • README.md: file
  • components.json: file
  • docs: dir
  • docs/screenshots: dir
  • src: dir(想定:TypeScript ソース)
  • package.json: file(想定:依存/スクリプト)
  • tsconfig.json: file(想定:TypeScript 設定)
  • publicまたはstatic: dir(想定:アセット)
  • LICENSE: file(存在しない場合あり)
  • .github: dir(ワークフロー等)
  • jest.config.js or vitest config: file(テスト設定の可能性)
  • Dockerfile: file(存在する場合あり)

…他 10 ファイル

(上記はリポジトリの構造を README とファイル一覧の情報をもとに整理しています。src や package.json、tsconfig.json 等は TypeScript プロジェクトで一般的に含まれる想定箇所です)

まとめ

エージェント挙動の可視化とデバッグに特化した実用的なコンソールで、監査・品質改善に有用。

リポジトリ情報:

READMEの抜粋:

Agent Console (for Claude Code)

Inspect event logs, view file edits, search conversations, and analyze policy evaluations.

Event Logs

Browse the full conversation history with timestamps. Filter by event type (me, context, assistant, system), drill into sub-agent sessions, and inspect raw JSON.

Event Logs

File Edits

See every file change made during a session. Toggle between tree and log views, view side-by-side or unified diffs, and compare a…