プロジェクト

全般

プロフィール

バグ #698

未完了

リモートMCP - ブラウザ対応Web UIダッシュボード実装

Redmine Admin さんが1日前に追加. 1日前に更新.

ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-24
期日:
進捗率:

0%

予定工数:

説明

問題

現在のmcp-gateway (https://mcp.call2arm.com/) はClaude Desktop向けのAPI + 基本説明ページのみ。
ブラウザからMCPサービスを確認・利用できるWeb UIが不足。

解決方針

  1. MCPサービス一覧表示 - 利用可能なMCPツール・機能の可視化
  2. ブラウザベースMCPクライアント - Web経由でのMCP操作
  3. インタラクティブダッシュボード - リアルタイム状況表示

実装内容

  • /dashboard - MCP利用可能サービス一覧
  • /tools - ブラウザベースMCPツール実行
  • /status - システム状況リアルタイム表示
  • OAuth認証統合

技術仕様

  • React + TailwindCSS + LINEデザイン言語
  • WebSocket リアルタイム通信
  • MCP Protocol over HTTP統合

Redmine Admin さんが1日前に更新

実装状況

✅ 完了済み

  1. MCPダッシュボードHTML作成完了

    • /root/mcp-gateway/public/dashboard.html 作成
    • /root/mcp-gateway/public/index.html 更新
    • レスポンシブ対応、TailwindCSS使用
  2. 確認済みMCPサービス一覧

    • MCP Gateway (Port: 3009) ✅ 稼働中
    • Redmine MCP (Port: 3002) ✅ 稼働中
    • Ubuntu MCP (Port: 3001) ✅ 稼働中
    • WebSocket MCP (Port: 3007) ✅ 稼働中

🔧 現在の問題

Express サーバーの静的ファイル配信設定が不完全

  • /dashboard.html → "Cannot GET /dashboard.html"
  • 静的ファイルルーティングが API エンドポイントと競合

🎯 解決方法

  1. Express 静的ファイル設定修正
  2. Nginx リバースプロキシ経由の静的配信
  3. 専用Web UIコンテナ追加

暫定対応策

現在でもアクセス可能:

次のアクション: Express静的ファイル設定修正実装

他の形式にエクスポート: Atom PDF