function MainComponent() { const [searchResults, setSearchResults] = React.useState([]); const [loading, setLoading] = React.useState(false); const [chatResponse, setChatResponse] = React.useState(''); React.useEffect(()=>{ setLoading(true); fetch('/integrations/google-search/search?q=hello+world', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ setSearchResults(data.items); return fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "system", content: `Navigate to ${window.encodeURIComponent('https://pso2ngs.swiki.jp/')}` } ], system_prompt: 'Please provide navigation instructions to the provided URL' }) }); }).then((response)=>response.json()).then((data)=>{ setChatResponse(data.choices[0].message.content); setLoading(false); }).catch((error)=>{ console.error('Error:', error); setLoading(false); }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl w-full bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Search Results"), loading ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b pb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "text-lg font-medium text-[#0074cc] hover:underline", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, result.snippet), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, result.displayLink)))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Navigation Instructions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, chatResponse))))); }