\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}","createdAt",["D",1739676754077],"version",9,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Htkhan5","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0NmJCY00weEtIQkxBb1BHcEt5b0syZDMwSCJ9","forkedVal","interval","slug","Htkhan5/ultimateGraySailfish","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,160,164,168,171,174],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1739676754077],{"_117":145,"_142":-5,"_115":146,"_112":147},8,["D",1739676593876],"4989011a-ec16-11ef-9df4-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},7,["D",1739676480113],"05ba0d1c-ec16-11ef-a51a-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},6,["D",1739676370736],"c4886aaa-ec15-11ef-84b9-e6cdfca9ef9f",{"_117":157,"_142":-5,"_115":158,"_112":159},5,["D",1739676221176],"6b63057a-ec15-11ef-a25c-e6cdfca9ef9f",{"_117":161,"_142":-5,"_115":162,"_112":163},4,["D",1739676151197],"41acfa24-ec15-11ef-b213-e6cdfca9ef9f",{"_117":165,"_142":-5,"_115":166,"_112":167},3,["D",1739675982477],"dd1c7a12-ec14-11ef-a42e-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":169,"_112":170},["D",1739675797641],"6ef188ca-ec14-11ef-b7b8-e6cdfca9ef9f",{"_117":124,"_142":-5,"_115":172,"_112":173},["D",1739675560717],"e1b8fdb2-ec13-11ef-a121-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":175,"_112":176},["D",1739675400505],"823bab3c-ec13-11ef-95ef-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":184,"_129":130,"_137":138,"_98":99,"_208":31,"_209":31,"_50":51,"_210":211},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":185,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":124,"_125":31,"_126":31,"_127":-5,"_20":186,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":187},["D",1739676754077],{"_129":130,"_131":132},[188,190,192,194,196,198,200,202,204,206],{"_117":118,"_142":-5,"_115":189,"_112":110},["D",1739676754077],{"_117":145,"_142":-5,"_115":191,"_112":147},["D",1739676593876],{"_117":149,"_142":-5,"_115":193,"_112":151},["D",1739676480113],{"_117":153,"_142":-5,"_115":195,"_112":155},["D",1739676370736],{"_117":157,"_142":-5,"_115":197,"_112":159},["D",1739676221176],{"_117":161,"_142":-5,"_115":199,"_112":163},["D",1739676151197],{"_117":165,"_142":-5,"_115":201,"_112":167},["D",1739675982477],{"_117":90,"_142":-5,"_115":203,"_112":170},["D",1739675797641],{"_117":124,"_142":-5,"_115":205,"_112":173},["D",1739675560717],{"_117":31,"_142":-5,"_115":207,"_112":176},["D",1739675400505],"page","count","prs",[],"routes/_app","actionData","errors"]