メインコンテンツへスキップ

v1.4.0 — AgentCore ダッシュボード + CloudWatch メトリクス統合

· 約3分で読めます

AgentCore ダッシュボードページの新規追加、4 サービスの CloudWatch メトリクステーブル、Resource Inventory(PR #1)を含むリリースです。

主要追加

AgentCore ダッシュボード · Sign Out · 4 つの CloudWatch メトリクス API · Resource Inventory · S3 Bucket Map

AgentCore ダッシュボード (/agentcore)

Bedrock AgentCore Runtime と 8 つの Gateway のステータスを一目で把握できる専用ダッシュボードです。

  • Runtime ステータス: data/config.jsonagentRuntimeArn でステータスを照会
  • 8 Gateway カード: 各 Gateway のステータス、ツール数、主要機能を表示
  • 125 ツールの全一覧: 検索、Gateway 別フィルターに対応
  • アーキテクチャ図: Runtime → Gateway → Lambda の関係を可視化
API エンドポイント

/api/agentcore (src/app/api/agentcore/route.ts) は data/config.json から ARN を読み取り、AWS API でステータスを照会します。ハードコーディングされたアカウント情報がないため、config を変更するだけでどの環境でも動作します。

Sign Out 機能

Header にログアウトボタンを追加し、Cognito セッションを安全に終了します。

項目BeforeAfter
ログアウト不可能 (ブラウザを閉じるのみ)Header のログアウトボタン
クッキー削除document.cookie (HttpOnly にアクセス不可)POST /api/auth サーバーサイド削除
認証状態ブラウザキャッシュに依存Cognito 再認証を強制
HttpOnly クッキーの削除

document.cookie では HttpOnly クッキーを削除できません。 必ずサーバーサイド API (src/app/api/auth/route.ts) を通じて Set-Cookie: token=; Max-Age=0 を返す必要があります。

CloudWatch メトリクステーブル (4 サービス)

4 つのサービスに対して専用 API ルートと CloudWatch メトリクステーブルを追加しました。すべて同一パターン(cloudwatch get-metric-data → プログレスバー + 数値)を使用します。

サービスAPI ルートメトリクス
MSK/api/mskブローカー別 CPU、Memory、BytesIn、BytesOut
RDS/api/rdsインスタンス別 CPU、Memory、Connections、IOPS
ElastiCache/api/elasticacheノード別 CPU、Memory、Network、Connections + Valkey エンジンカード
OpenSearch/api/opensearchドメイン別 CPU、JVM Memory、Cluster Status、Search Rate

Resource Inventory (PR #1)

/inventory ページで 18 種のリソース数量推移をモニタリングします。

  • マルチラインチャート: リソース別数量変化の時系列
  • コスト影響の推定: リソース変化に応じた予想コストを表示
  • src/lib/resource-inventory.ts: スナップショットベース (data/inventory/)、追加クエリ 0 件
  • Cost Explorer 可用性: checkCostAvailability() で MSP Payer を自動判別

S3 / RDS / ElastiCache の強化

サービス追加機能
S3Bucket Map (TreeMap 可視化)、検索/フィルター、IAM Roles 表示
RDSSecurity Groups タブ、CloudWatch ミニチャート、Features 詳細
ElastiCacheSecurity Groups タブ、CloudWatch メトリクス、Valkey エンジン対応

Monitoring の強化

  • インスタンス詳細メトリクスビュー: Date Range 選択 (1h ~ 30d)
  • Resource Topology: Graph/Map View 切り替え (React Flow)