playwright-mcp

import React from 'react'; import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs'; import Context from './context'; import Execute from './execute'; const App: React.FC = () => { return ( <div className="fixed top-0 right-0 w-full h-screen bg-gray-100 border-l border-zinc-200 z-[999999] flex flex-col overflow-hidden"> <div className="p-4 bg-white border-b border-zinc-200 flex items-center justify-center"> <h3 className="m-0 text-base font-medium text-gray-900"> Playwright MCP </h3> </div> <Tabs defaultValue="context" className="flex-1 flex flex-col"> <div className="p-4 bg-white border-b border-zinc-200"> <TabsList> <TabsTrigger value="context">Context</TabsTrigger> <TabsTrigger value="execute">Execute</TabsTrigger> </TabsList> </div> <TabsContent value="context" className="flex-1"> <Context /> </TabsContent> <TabsContent value="execute" className="flex-1"> <Execute /> </TabsContent> </Tabs> </div> ); }; export default App;