デュアルネットワークUI実装

UI追加:
- 2つのデモボタン
  1. Start Demo (Fuji) - Avalanche、Phase 1
  2. EIP-7702 Demo (Sepolia) - EIP-7702完全実装
- ネットワーク状態管理
- network.ts: ネットワーク設定型定義

次のステップ:
- ネットワーク切り替えロジック実装
- Sepolia版テスト実行
- 両方の動作確認

Author: Mameta29

src/app/agent/page.tsx

@@ -26,6 +26,7 @@ export default function AgentDashboard() {
 
   const [demoStep, setDemoStep] = useState<string>('ready');
   const [negotiationResult, setNegotiationResult] = useState<any>(null);
+  const [selectedNetwork, setSelectedNetwork] = useState<'fuji' | 'sepolia'>('fuji');
 
   // JPYC残高をリアルタイム更新
   const [agentBalances, setAgentBalances] = useState<Record<string, string>>({});
@@ -149,12 +150,20 @@ export default function AgentDashboard() {
     });
   };
 
-  // フルデモシナリオ実行
-  const handleStartFullDemo = async () => {
-    console.log('[Dashboard] Starting full demo scenario...');
+  // フルデモシナリオ実行（Avalanche Fuji）
+  const handleStartFujiDemo = async () => {
+    console.log('[Dashboard] Starting Fuji demo (Phase 1)...');
+    setSelectedNetwork('fuji');
     setDemoStep('running');
-    
-    // シミュレーション開始（2秒後にコリジョン発生）
+    await simulation.start();
+  };
+
+  // Sepoliaデモ実行（EIP-7702完全実装）
+  const handleStartSepoliaDemo = async () => {
+    console.log('[Dashboard] Starting Sepolia demo (Phase 2 - EIP-7702)...');
+    setSelectedNetwork('sepolia');
+    setDemoStep('running');
+    // TODO: Sepolia用のsimulation実装
     await simulation.start();
   };
 
@@ -198,15 +207,28 @@ export default function AgentDashboard() {
 
         {/* コントロールボタン */}
         <div className="ml-auto flex items-center gap-2">
+          {/* Fujiデモボタン */}
           <Button 
             variant="primary" 
             size="sm" 
-            onClick={handleStartFullDemo}
+            onClick={handleStartFujiDemo}
             disabled={simulation.isRunning || simulation.isLoading}
           >
             <Play className="w-4 h-4 mr-2" />
-            Start Full Demo
+            Start Demo (Fuji)
           </Button>
+          
+          {/* Sepoliaデモボタン */}
+          <Button 
+            variant="secondary" 
+            size="sm" 
+            onClick={handleStartSepoliaDemo}
+            disabled={simulation.isRunning || simulation.isLoading}
+          >
+            <Zap className="w-4 h-4 mr-2" />
+            EIP-7702 Demo (Sepolia)
+          </Button>
+          
           <Button 
             variant="ghost" 
             size="sm" 

src/types/network.ts

@@ -0,0 +1,43 @@
+/**
+ * ネットワーク設定の型定義
+ */
+
+export type Network = 'fuji' | 'sepolia';
+
+export interface NetworkConfig {
+  name: string;
+  displayName: string;
+  chainId: number;
+  rpcUrl: string;
+  explorerUrl: string;
+  jpycContract: string;
+  agentRegistry: string;
+  trafficContract: string;
+  supportsEIP7702: boolean;
+}
+
+export const NETWORK_CONFIGS: Record<Network, NetworkConfig> = {
+  fuji: {
+    name: 'fuji',
+    displayName: 'Avalanche Fuji',
+    chainId: 43113,
+    rpcUrl: 'https://api.avax-test.network/ext/bc/C/rpc',
+    explorerUrl: 'https://testnet.snowtrace.io',
+    jpycContract: '0xE50b2A73eCf5D93D1c885C2F676f8921F3CaCdcd',
+    agentRegistry: '0xD41DBe68a4aBe9CcA352400Ba1240E27865cD1c1',
+    trafficContract: '0xC196330F11B18973274419E7Fa2cf954Aff98BE8',
+    supportsEIP7702: false,
+  },
+  sepolia: {
+    name: 'sepolia',
+    displayName: 'Ethereum Sepolia',
+    chainId: 11155111,
+    rpcUrl: 'https://ethereum-sepolia-rpc.publicnode.com',
+    explorerUrl: 'https://sepolia.etherscan.io',
+    jpycContract: '0x48EDb73F9C584A38Da43A6Ec9F39eF6D14E4A557',
+    agentRegistry: '0x169d90cE2A7ccbF67e1B20752339eBc1a068dbb3',
+    trafficContract: '0x1a61a82Ab9874FFFBE9aC6F00479d5c8ae2EC142',
+    supportsEIP7702: true,
+  },
+};
+