\n {images.map((image, index) => (\n

{\n e.currentTarget.style.transform = 'scale(1.05)';\n e.currentTarget.style.boxShadow = '0 8px 15px rgba(0,0,0,0.2)';\n }}\n onMouseOut={(e) => {\n e.currentTarget.style.transform = 'scale(1)';\n e.currentTarget.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)';\n }}\n >\n

\n {image.title && (\n

\n {image.title}\n

\n )}\n

\n ))}\n

\n );\n });\n\n // Video grid similar to image grid\n const VideoGrid = React.memo(({ videos }) => {\n return (\n

\n {videos.map((video, index) => (\n

\n ▶️ Video\n

\n {video.title && (\n

\n {video.title}\n

\n )}\n \n

\n ))}\n

\n );\n });\n\n const { fullDate, time } = formatDateTime(currentDateTime);\n\n return (\n

\n HTKhan AI\n

{fullDate}

{time}

\n\n

\n setQuery(e.target.value)}\n placeholder={webSearchEnabled \n ? \"What's happening right now?\" \n : \"Ask anything...\"\n }\n style={{ \n flex: 1, \n padding: '12px 15px', \n fontSize: '16px', \n borderRadius: '8px',\n border: '1px solid #333',\n backgroundColor: '#1a1a1a',\n color: '#ffffff',\n boxShadow: '0 2px 5px rgba(0,0,0,0.2)'\n }}\n onKeyPress={(e) => e.key === 'Enter' && handleSearch()}\n />\n \n

\n\n

\n \n {webSearchEnabled ? 'Real-Time Search ON' : 'Real-Time Search OFF'}\n \n \n setWebSearchEnabled(!webSearchEnabled)}\n style={{ opacity: 0, width: 0, height: 0 }}\n />\n \n \n

\n\n {loading && (\n

\n )}\n\n {aiSummary && (\n

\n AI Summary\n

\n {aiSummary}\n

\n )}\n\n {webResults.length > 0 && (\n

\n Web Results\n

\n {webResults.map((result, index) => (\n

\n \n {result.title}\n \n

\n {result.snippet}\n

\n ))}\n

\n )}\n\n

\n {imageResults.length > 0 && (\n

\n Images\n

\n \n

\n )}\n\n {videoResults.length > 0 && (\n

\n Videos\n

\n \n

\n )}\n

\n );\n}\n\nfunction client() {\n const style = document.createElement('style');\n style.textContent = `\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n body { \n background-color: #0a0a0a; \n margin: 0;\n color: #ffffff;\n }\n * {\n scrollbar-width: thin;\n scrollbar-color: #2575fc #1a1a1a;\n }\n *::-webkit-scrollbar {\n width: 8px;\n }\n *::-webkit-scrollbar-track {\n background: #1a1a1a;\n }\n *::-webkit-scrollbar-thumb {\n background-color: #2575fc;\n border-radius: 20px;\n }\n `;\n document.head.appendChild(style);\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST') {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const body = await request.json();\n const { query, webSearchEnabled } = body;\n\n try {\n // Simulated search results\n const searchResults = [\n {\n title: `Top Results for ${query}`,\n link: `https://www.google.com/search?q=${encodeURIComponent(query)}`,\n snippet: \"Comprehensive overview of the latest information and resources.\"\n },\n {\n title: `Wikipedia: ${query}`,\n link: `https://en.wikipedia.org/wiki/${encodeURIComponent(query)}`,\n snippet: \"Detailed encyclopedic information about the topic.\"\n }\n ];\n\n // AI Summary Generation\n const aiCompletion = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: \"You are an advanced AI search assistant providing comprehensive information synthesis.\" \n },\n { \n role: \"user\", \n content: `Synthesize a comprehensive summary for: ${query}. \n Provide a concise, informative overview that captures the most important aspects of the topic.`\n }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 350,\n });\n\n return new Response(JSON.stringify({ \n aiSummary: aiCompletion.choices[0].message.content,\n webResults: searchResults,\n imageResults: searchResults.slice(0, 6).map(result => ({\n url: `https://maxm-imggenurl.web.val.run/${encodeURIComponent(result.title)}`,\n title: result.title\n })),\n videoResults: searchResults.slice(0, 6).map(result => ({\n title: result.title,\n thumbnail: `https://maxm-imggenurl.web.val.run/${encodeURIComponent(result.title + ' video')}`,\n link: `https://www.youtube.com/results?search_query=${encodeURIComponent(result.title)}`\n }))\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n error: 'Failed to generate response' \n }), { \n status: 500,\n headers: { 'Content-Type': 'application/json' } \n });\n }\n }\n\n return new Response(`\n \n \n HTKhan AI\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/Htkhan5/ultimateGraySailfish/code/main.tsx","extension","actionData","errors"]