\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}",["D",1739676754077],"version",9,"currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","@jsxImportSource https://esm.sh/react@18.2.0","latestEvaluation","slug","Htkhan5/ultimateGraySailfish","versions",[157,161,165,169,173,177,181,185,188,191],{"_98":158,"_139":140,"_159":160},["D",1739676754077],"n","1",{"_98":162,"_139":163,"_159":164},["D",1739676593876],8,"2",{"_98":166,"_139":167,"_159":168},["D",1739676480113],7,"3",{"_98":170,"_139":171,"_159":172},["D",1739676370736],6,"4",{"_98":174,"_139":175,"_159":176},["D",1739676221176],5,"5",{"_98":178,"_139":179,"_159":180},["D",1739676151197],4,"6",{"_98":182,"_139":183,"_159":184},["D",1739675982477],3,"7",{"_98":186,"_139":90,"_159":187},["D",1739675797641],"8",{"_98":189,"_139":107,"_159":190},["D",1739675560717],"9",{"_98":192,"_139":31,"_159":193},["D",1739675400505],"10","hasNext","filters",{"_197":198,"_199":200,"_128":129},"sort","newest","type","all","routes/_app","actionData","errors"]