Phantom Agent Starter

// app/components/WalletConnectButton.tsx
import { useWallet } from '@solana/wallet-adapter-react';
import { WalletMultiButton } from '@solana/wallet-adapter-react-ui';
import { useEffect, useState } from 'react';

export function WalletConnectButton() {
  const { connected, publicKey } = useWallet();
  const [address, setAddress] = useState<string | null>(null);
  
  useEffect(() => {
    if (publicKey) {
      setAddress(publicKey.toString());
    } else {
      setAddress(null);
    }
  }, [publicKey]);
  
  return (
    <div className="flex items-center gap-4">
      <WalletMultiButton className="phantom-button" />
      {connected && address && (
        <div className="text-sm opacity-75">
          Connected: {address.slice(0, 4)}...{address.slice(-4)}
        </div>
      )}
    </div>
  );
}

// app/utils/agent.ts
import { SolanaAgentKit, createVercelAITools } from 'solana-agent-kit';
import TokenPlugin from '@solana-agent-kit/plugin-token';
import { Connection, PublicKey } from '@solana/web3.js';

export function createSolanaAgent(wallet: any) {
  if (!wallet || !wallet.publicKey) {
    return null;
  }
  
  // Create Solana Agent Kit instance
  const agent = new SolanaAgentKit(
    {
      publicKey: wallet.publicKey,
      signTransaction: async (tx) => {
        return await wallet.signTransaction(tx);
      },
      signMessage: async (msg) => {
        const encodedMessage = new TextEncoder().encode(msg);
        const signedMessage = await wallet.signMessage(encodedMessage);
        return signedMessage;
      },
      sendTransaction: async (tx) => {
        const connection = new Connection(
          process.env.NEXT_PUBLIC_RPC_URL!,
          'confirmed'
        );
        return await wallet.sendTransaction(tx, connection);
      },
    },
    process.env.NEXT_PUBLIC_RPC_URL!,
    {}
  ).use(TokenPlugin);
  
  // Create AI tools
  const tools = createVercelAITools(agent, agent.actions);
  
  return { agent, tools };
}

// app/providers.tsx
import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';
import { PhantomWalletAdapter } from '@solana/wallet-adapter-phantom';
import { WalletProvider, ConnectionProvider } from '@solana/wallet-adapter-react';
import { WalletModalProvider } from '@solana/wallet-adapter-react-ui';
import { clusterApiUrl } from '@solana/web3.js';
import { useMemo } from 'react';

// Import the wallet adapter CSS
import '@solana/wallet-adapter-react-ui/styles.css';

export function Providers({ children }: { children: React.ReactNode }) {
  // Set up network and endpoint
  const network = WalletAdapterNetwork.Mainnet;
  const endpoint = useMemo(() => 
    process.env.NEXT_PUBLIC_RPC_URL || clusterApiUrl(network), 
    [network]
  );
  
  // Set up wallets
  const wallets = useMemo(() => [
    new PhantomWalletAdapter(),
  ], []);
  
  return (
    <ConnectionProvider endpoint={endpoint}>
      <WalletProvider wallets={wallets} autoConnect>
        <WalletModalProvider>
          {children}
        </WalletModalProvider>
      </WalletProvider>
    </ConnectionProvider>
  );
}

// app/chat/page.tsx
import { Chat } from '@/components/Chat';
import { WalletConnectButton } from '@/components/WalletConnectButton';

export default function ChatPage() {
  return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <h1 className="text-2xl font-bold">Solana AI Assistant</h1>
        <WalletConnectButton />
      </div>
      
      <div className="border rounded-lg shadow-sm overflow-hidden">
        <Chat />
      </div>
    </div>
  );
}

// app/utils/ai.ts
import { generateText } from 'ai';
import { createSolanaAgent } from './agent';

export async function processUserMessage(message, wallet) {
  if (!wallet || !wallet.publicKey) {
    return {
      role: 'assistant',
      content: 'Please connect your Phantom wallet first.',
    };
  }
  
  // Create Solana agent and tools
  const { tools } = createSolanaAgent(wallet);
  
  // Generate AI response
  const response = await generateText({
    model: 'openai/gpt-4o',
    system: `You are a helpful Solana blockchain assistant. 
    You can help users check their balances, send tokens, and more.
    The user's wallet address is ${wallet.publicKey.toString()}.`,
    messages: [{ role: 'user', content: message }],
    tools,
  });
  
  return {
    role: 'assistant',
    content: response.text,
  };
}