#!/bin/bash

echo "========================================="
echo "简单解决方案 - 跳过认证检查"
echo "========================================="

cd /home/ubuntu/vf_react/src/views/AgentChat/neuratalk

# 临时方案：先跳过认证，直接测试功能
cat > components/Chat/MCPChatSimple.tsx << 'EOF'
'use client';

import React, { useState, useRef, useEffect } from 'react';
import { mcpService } from '../../services/mcp-real';

export default function MCPChatSimple() {
  const [messages, setMessages] = useState([]);
  const [input, setInput] = useState('');
  const [isLoading, setIsLoading] = useState(false);

  const handleSend = async () => {
    if (!input.trim() || isLoading) return;

    const userMessage = {
      id: Date.now().toString(),
      role: 'user',
      content: input,
      timestamp: new Date(),
    };

    setMessages(prev => [...prev, userMessage]);
    setInput('');
    setIsLoading(true);

    try {
      // 直接调用 MCP
      const response = await fetch('/mcp/chat', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          messages: [{ role: 'user', content: input }],
          stream: false,
        }),
      });

      const data = await response.json();

      setMessages(prev => [
        ...prev,
        {
          id: (Date.now() + 1).toString(),
          role: 'assistant',
          content: data.response || data.message || '没有回复',
          timestamp: new Date(),
        },
      ]);
    } catch (error) {
      console.error('Error:', error);
      setMessages(prev => [
        ...prev,
        {
          id: Date.now().toString(),
          role: 'system',
          content: '错误: ' + error.message,
          timestamp: new Date(),
        },
      ]);
    } finally {
      setIsLoading(false);
    }
  };

  return (
    <div className="flex h-screen bg-gray-50">
      <div className="flex-1 flex flex-col">
        <div className="flex-1 overflow-y-auto p-4 space-y-4">
          <h2 className="text-2xl font-bold">AI Chat (测试模式 - 无认证)</h2>
          {messages.map(msg => (
            <div
              key={msg.id}
              className={\`flex \${msg.role === 'user' ? 'justify-end' : 'justify-start'}\`}
            >
              <div
                className={\`max-w-2xl px-4 py-2 rounded-lg \${
                  msg.role === 'user'
                    ? 'bg-blue-600 text-white'
                    : 'bg-white text-gray-900'
                }\`}
              >
                <div className="whitespace-pre-wrap">{msg.content}</div>
              </div>
            </div>
          ))}
        </div>

        <div className="border-t p-4">
          <div className="flex space-x-2">
            <input
              type="text"
              value={input}
              onChange={e => setInput(e.target.value)}
              onKeyPress={e => e.key === 'Enter' && handleSend()}
              disabled={isLoading}
              placeholder="输入消息..."
              className="flex-1 px-4 py-2 border rounded-lg"
            />
            <button
              onClick={handleSend}
              disabled={!input.trim() || isLoading}
              className="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50"
            >
              {isLoading ? '发送中...' : '发送'}
            </button>
          </div>
        </div>
      </div>
    </div>
  );
}
EOF

# 修改 page.tsx 使用简单版本
cat > app/page.tsx << 'EOF'
// 临时使用简单版本，跳过认证
import MCPChatSimple from "@/components/Chat/MCPChatSimple";

export default function Page() {
    return (
        <main className="h-screen">
            <MCPChatSimple />
        </main>
    );
}
EOF

echo "✓ 创建了简单版本（无认证）"
echo ""
echo "重启 Next.js 后访问："
echo "- http://49.232.185.254:3000"
echo "- https://valuefrontier.cn/ai-chat"
echo ""
echo "这个版本跳过认证，直接测试 MCP 功能"