[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",45,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","e771d80c-279e-11f0-9d52-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { AppBskyActorDefs, AppBskyFeedDefs, AtpAgent, RichText } from \"https://esm.sh/@atproto/api@0.13.15\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.3.1/client\";\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react@18.3.1\";\n\nfunction App() {\n const [agent, setAgent] = useState(null);\n const [posts, setPosts] = useState([]);\n const [newPost, setNewPost] = useState(\"\");\n const [handle, setHandle] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [profile, setProfile] = useState(null);\n const [cursor, setCursor] = useState(undefined);\n const [replyingTo, setReplyingTo] = useState(null);\n const [viewingProfile, setViewingProfile] = useState(null);\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [searchResults, setSearchResults] = useState([]);\n const [trendingTopics, setTrendingTopics] = useState([]);\n const [lastUserPost, setLastUserPost] = useState(null);\n const [activeTab, setActiveTab] = useState(\"timeline\");\n const [showLogoutConfirmation, setShowLogoutConfirmation] = useState(false);\n const [showInstallPrompt, setShowInstallPrompt] = useState(false);\n const [deferredPrompt, setDeferredPrompt] = useState(null);\n\n const saveSession = (session: any) => {\n localStorage.setItem(\n \"bskySession\",\n JSON.stringify({\n accessJwt: session.accessJwt,\n refreshJwt: session.refreshJwt,\n handle: session.handle,\n did: session.did,\n }),\n );\n };\n\n const loadSession = () => {\n const savedSession = localStorage.getItem(\"bskySession\");\n if (savedSession) {\n return JSON.parse(savedSession);\n }\n return null;\n };\n\n const login = async () => {\n setLoading(true);\n setError(\"\");\n const service = \"https://bsky.social\";\n const newAgent = new AtpAgent({ service });\n try {\n await newAgent.login({ identifier: handle, password });\n setAgent(newAgent);\n saveSession(newAgent.session);\n await fetchProfile(newAgent);\n await fetchTimeline(newAgent);\n await fetchTrendingTopics(newAgent);\n } catch (error) {\n console.error(\"Login failed:\", error);\n setError(\"Login failed. Please check your credentials and try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const logout = () => {\n setAgent(null);\n setPosts([]);\n setProfile(null);\n setCursor(undefined);\n setReplyingTo(null);\n setViewingProfile(null);\n setSearchResults([]);\n setLastUserPost(null);\n setShowLogoutConfirmation(false);\n localStorage.removeItem(\"bskySession\");\n };\n\n const fetchProfile = async (currentAgent: AtpAgent, handle?: string) => {\n try {\n const { data } = await currentAgent.getProfile({ actor: handle || currentAgent.session?.did });\n if (handle) {\n setViewingProfile(data);\n await fetchUserPosts(currentAgent, data.did);\n } else {\n setProfile(data);\n }\n } catch (error) {\n console.error(\"Failed to fetch profile:\", error);\n setError(\"Failed to fetch profile. Please try again.\");\n }\n };\n\n const fetchTimeline = async (currentAgent: AtpAgent, append = false) => {\n setLoading(true);\n setError(\"\");\n try {\n const response = await currentAgent.getTimeline({ limit: 20, cursor: append ? cursor : undefined });\n setPosts(prev => append ? [...prev, ...response.data.feed] : response.data.feed);\n setCursor(response.data.cursor);\n } catch (error) {\n console.error(\"Failed to fetch timeline:\", error);\n setError(\"Failed to load posts. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n const createPost = async () => {\n if (!agent) return;\n setLoading(true);\n setError(\"\");\n try {\n const richText = new RichText({ text: newPost });\n await richText.detectFacets(agent);\n const postToCreate: any = {\n text: richText.text,\n facets: richText.facets,\n };\n if (replyingTo) {\n postToCreate.reply = {\n root: { uri: replyingTo.post.uri, cid: replyingTo.post.cid },\n parent: { uri: replyingTo.post.uri, cid: replyingTo.post.cid },\n };\n }\n await agent.post(postToCreate);\n setNewPost(\"\");\n setReplyingTo(null);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to create post:\", error);\n setError(\"Failed to create post. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const likePost = async (uri: string, cid: string) => {\n if (!agent) return;\n try {\n await agent.like(uri, cid);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to like post:\", error);\n setError(\"Failed to like post. Please try again.\");\n }\n };\n\n const repostPost = async (uri: string, cid: string) => {\n if (!agent) return;\n try {\n await agent.repost(uri, cid);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to repost:\", error);\n setError(\"Failed to repost. Please try again.\");\n }\n };\n\n const followUser = async (did: string) => {\n if (!agent) return;\n try {\n await agent.follow(did);\n if (viewingProfile) {\n await fetchProfile(agent, viewingProfile.handle);\n }\n } catch (error) {\n console.error(\"Failed to follow user:\", error);\n setError(\"Failed to follow user. Please try again.\");\n }\n };\n\n const unfollowUser = async (did: string) => {\n if (!agent) return;\n try {\n await agent.deleteFollow(did);\n if (viewingProfile) {\n await fetchProfile(agent, viewingProfile.handle);\n }\n } catch (error) {\n console.error(\"Failed to unfollow user:\", error);\n setError(\"Failed to unfollow user. Please try again.\");\n }\n };\n\n const searchUsers = async () => {\n if (!agent || !searchQuery.trim()) return;\n setLoading(true);\n setError(\"\");\n try {\n const { data } = await agent.searchActors({ term: searchQuery, limit: 10 });\n setSearchResults(data.actors);\n } catch (error) {\n console.error(\"Failed to search users:\", error);\n setError(\"Failed to search users. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const fetchTrendingTopics = async (currentAgent: AtpAgent) => {\n try {\n const mockTrendingTopics = [\"#BlueSkyDoesNotHaveATrendingTabYet\", \"#TryNova.dev\"];\n setTrendingTopics(mockTrendingTopics);\n } catch (error) {\n console.error(\"Failed to fetch trending topics:\", error);\n }\n };\n\n const fetchUserPosts = async (currentAgent: AtpAgent, did: string) => {\n setLoading(true);\n setError(\"\");\n try {\n const response = await currentAgent.getAuthorFeed({ actor: did, limit: 1 });\n setLastUserPost(response.data.feed[0] || null);\n } catch (error) {\n console.error(\"Failed to fetch user posts:\", error);\n setError(\"Failed to load user posts. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n const loadMore = useCallback(() => {\n if (agent && cursor) {\n fetchTimeline(agent, true);\n }\n }, [agent, cursor]);\n\n useEffect(() => {\n const savedSession = loadSession();\n if (savedSession) {\n const restoredAgent = new AtpAgent({ service: \"https://bsky.social\" });\n restoredAgent.resumeSession(savedSession)\n .then(() => {\n setAgent(restoredAgent);\n fetchProfile(restoredAgent);\n fetchTimeline(restoredAgent);\n fetchTrendingTopics(restoredAgent);\n })\n .catch((error: any) => {\n console.error(\"Failed to resume session:\", error);\n setError(\"Failed to resume session. Please log in again.\");\n localStorage.removeItem(\"bskySession\");\n });\n }\n }, []);\n\n useEffect(() => {\n if (agent) {\n fetchTimeline(agent);\n }\n }, [agent]);\n\n useEffect(() => {\n const handleScroll = () => {\n if (window.innerHeight + document.documentElement.scrollTop !== document.documentElement.offsetHeight) return;\n loadMore();\n };\n\n window.addEventListener(\"scroll\", handleScroll);\n return () => window.removeEventListener(\"scroll\", handleScroll);\n }, [loadMore]);\n\n useEffect(() => {\n window.addEventListener(\"beforeinstallprompt\", (e) => {\n e.preventDefault();\n setDeferredPrompt(e);\n setShowInstallPrompt(true);\n });\n }, []);\n\n const installPWA = () => {\n if (deferredPrompt) {\n deferredPrompt.prompt();\n deferredPrompt.userChoice.then((choiceResult: { outcome: string }) => {\n if (choiceResult.outcome === \"accepted\") {\n console.log(\"User accepted the install prompt\");\n } else {\n console.log(\"User dismissed the install prompt\");\n }\n setDeferredPrompt(null);\n setShowInstallPrompt(false);\n });\n }\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleString();\n };\n\n const ProfileModal = ({ profile }: { profile: AppBskyActorDefs.ProfileViewDetailed }) => (\n

User Profile

\n setViewingProfile(null)}\n className=\"text-xl flex items-center justify-center w-6 h-6 bg-[#FF0000] hover:bg-[#FF6666] rounded\"\n >\n ×\n \n

{profile.displayName}

@{profile.handle}

\n {profile.avatar && (\n

\n )}\n

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n Posts: {profile.postsCount}\n

\n {agent && profile.did !== agent.session?.did && (\n profile.viewer?.following ? unfollowUser(profile.did) : followUser(profile.did)}\n className=\"w-full p-2 bg-gradient-to-r from-[#E1E1E1] to-[#C1C1C1] hover:from-[#E5F1FB] hover:to-[#B5D3F2] text-[#000000] rounded border border-[#7F9DB9]\"\n >\n {profile.viewer?.following ? \"Unfollow\" : \"Follow\"}\n \n )}\n

Last Post

\n {lastUserPost\n ? (\n

\n {(lastUserPost.post.record as { text?: string })?.text || \"No content\"}\n

\n {formatDate(lastUserPost.post.indexedAt)}\n

\n )\n :

No posts available.

}\n

\n );\n\n const ErrorDialog = ({ message, onClose }: { message: string; onClose: () => void }) => (\n

Error

\n \n ×\n \n

\n ❌\n

{message}

\n \n OK\n \n

\n );\n\n const LogoutConfirmation = ({ onConfirm, onCancel }: { onConfirm: () => void; onCancel: () => void }) => (\n

Confirm Logout

\n \n ×\n \n

Are you sure you want to log out?

\n \n Cancel\n \n \n Logout\n \n

\n );\n\n return (\n

\n {/* Start menu-like sidebar */}\n

\n {activeTab}\n

\n setActiveTab(\"timeline\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"timeline\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🏠 Timeline\n \n setActiveTab(\"search\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"search\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🔍 Search\n \n setActiveTab(\"trending\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"trending\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 📈 Trending\n \n {agent && (\n setShowLogoutConfirmation(true)}\n className=\"w-full text-left p-2 bg-[#FF6A6A] text-white hover:bg-[#FF4040]\"\n >\n 🚪 Logout\n \n )}\n

\n {/* Main content area */}\n

{activeTab}

\n {showInstallPrompt && (\n \n Install App\n \n )}\n

\n {!agent\n ? (\n

\n setHandle(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n setPassword(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n {loading ? \"Logging in...\" : \"Login\"}\n \n

\n )\n : (\n

\n {profile && (\n

{profile.displayName}

@{profile.handle}

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n

\n )}\n {activeTab === \"timeline\" && (\n <>\n

\n setNewPost(e.target.value)}\n placeholder={replyingTo ? \"Write your reply...\" : \"What's on your mind?\"}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded resize-none\"\n rows={3}\n />\n {replyingTo && (\n

\n Replying to: {replyingTo.post.author.displayName || replyingTo.post.author.handle}\n setReplyingTo(null)}\n className=\"ml-2 text-[#0000FF] hover:underline\"\n >\n Cancel\n \n

\n )}\n \n {replyingTo ? \"Reply\" : \"Post\"}\n \n

\n {posts.map((post) => (\n

\n \n fetchProfile(agent, post.post.author.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {post.post.author.displayName}\n \n @{post.post.author.handle}\n

\n {formatDate(post.post.indexedAt)}\n

\n {(post.post.record as { text?: string })?.text || \"No content\"}\n

\n {post.post.embed?.images && (\n

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

\n )}\n

\n \n likePost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 👍\n {post.post.likeCount > 0 && {post.post.likeCount}}\n \n repostPost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 🔁\n {post.post.repostCount > 0 && {post.post.repostCount}}\n \n setReplyingTo(post)}\n className=\"flex items-center space-x-1\"\n >\n 💬\n {post.post.replyCount > 0 && {post.post.replyCount}}\n \n

\n ))}\n

\n {loading &&

Loading more posts...

}\n {cursor && (\n \n Load More\n \n )}\n \n )}\n {activeTab === \"search\" && (\n

\n setSearchQuery(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n Search\n \n {searchResults.length > 0 && (\n

Search Results

\n {searchResults.map((user) => (\n

\n fetchProfile(agent, user.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {user.displayName || user.handle}\n \n @{user.handle}\n

\n ))}\n

\n )}\n

\n )}\n {activeTab === \"trending\" && (\n

Trending Topics

\n {trendingTopics.map((topic, index) => (\n \n {topic}\n \n ))}\n

\n )}\n

\n {viewingProfile && }\n {error && setError(\"\")} />}\n {showLogoutConfirmation && (\n setShowLogoutConfirmation(false)}\n />\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nconst manifest = {\n name: \"WinSky XP\",\n short_name: \"WinSky\",\n description: \"A Windows XP-styled BlueSky client\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#ECE9D8\",\n theme_color: \"#3A6EA5\",\n icons: [],\n};\n\nconst serviceWorkerCode = `\nself.addEventListener('install', (event) => {\n event.waitUntil(\n caches.open('winsky-cache-v1').then((cache) => {\n return cache.addAll([\n '/',\n '/index.html',\n '/manifest.json',\n 'https://cdn.tailwindcss.com',\n ]);\n })\n );\n});\n\nself.addEventListener('fetch', (event) => {\n event.respondWith(\n caches.match(event.request).then((response) => {\n return response || fetch(event.request);\n })\n );\n});\n`;\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/manifest.json\") {\n return new Response(JSON.stringify(manifest), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (url.pathname === \"/service-worker.js\") {\n return new Response(serviceWorkerCode, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n }\n\n return new Response(\n `\n \n \n \n \n \n WinSky XP\n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","/** @jsxImportSource https://esm.sh/react */\nimport { AppBskyActorDefs, AppBskyFeedDefs, AtpAgent, RichText } from \"https://esm.sh/@atproto/api@0.13.15\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.3.1/client\";\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react@18.3.1\";\n\nfunction App() {\n const [agent, setAgent] = useState(null);\n const [posts, setPosts] = useState([]);\n const [newPost, setNewPost] = useState(\"\");\n const [handle, setHandle] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [profile, setProfile] = useState(null);\n const [cursor, setCursor] = useState(undefined);\n const [replyingTo, setReplyingTo] = useState(null);\n const [viewingProfile, setViewingProfile] = useState(null);\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [searchResults, setSearchResults] = useState([]);\n const [trendingTopics, setTrendingTopics] = useState([]);\n const [lastUserPost, setLastUserPost] = useState(null);\n const [activeTab, setActiveTab] = useState(\"timeline\");\n const [showLogoutConfirmation, setShowLogoutConfirmation] = useState(false);\n const [showInstallPrompt, setShowInstallPrompt] = useState(false);\n const [deferredPrompt, setDeferredPrompt] = useState(null);\n\n const saveSession = (session: any) => {\n localStorage.setItem(\n \"bskySession\",\n JSON.stringify({\n accessJwt: session.accessJwt,\n refreshJwt: session.refreshJwt,\n handle: session.handle,\n did: session.did,\n }),\n );\n };\n\n const loadSession = () => {\n const savedSession = localStorage.getItem(\"bskySession\");\n if (savedSession) {\n return JSON.parse(savedSession);\n }\n return null;\n };\n\n const login = async () => {\n setLoading(true);\n setError(\"\");\n const service = \"https://bsky.social\";\n const newAgent = new AtpAgent({ service });\n try {\n await newAgent.login({ identifier: handle, password });\n setAgent(newAgent);\n saveSession(newAgent.session);\n await fetchProfile(newAgent);\n await fetchTimeline(newAgent);\n await fetchTrendingTopics(newAgent);\n } catch (error) {\n console.error(\"Login failed:\", error);\n setError(\"Login failed. Please check your credentials and try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const logout = () => {\n setAgent(null);\n setPosts([]);\n setProfile(null);\n setCursor(undefined);\n setReplyingTo(null);\n setViewingProfile(null);\n setSearchResults([]);\n setLastUserPost(null);\n setShowLogoutConfirmation(false);\n localStorage.removeItem(\"bskySession\");\n };\n\n const fetchProfile = async (currentAgent: AtpAgent, handle?: string) => {\n try {\n const { data } = await currentAgent.getProfile({ actor: handle || currentAgent.session?.did });\n if (handle) {\n setViewingProfile(data);\n await fetchUserPosts(currentAgent, data.did);\n } else {\n setProfile(data);\n }\n } catch (error) {\n console.error(\"Failed to fetch profile:\", error);\n setError(\"Failed to fetch profile. Please try again.\");\n }\n };\n\n const fetchTimeline = async (currentAgent: AtpAgent, append = false) => {\n setLoading(true);\n setError(\"\");\n try {\n const response = await currentAgent.getTimeline({ limit: 20, cursor: append ? cursor : undefined });\n setPosts(prev => append ? [...prev, ...response.data.feed] : response.data.feed);\n setCursor(response.data.cursor);\n } catch (error) {\n console.error(\"Failed to fetch timeline:\", error);\n setError(\"Failed to load posts. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n const createPost = async () => {\n if (!agent) return;\n setLoading(true);\n setError(\"\");\n try {\n const richText = new RichText({ text: newPost });\n await richText.detectFacets(agent);\n const postToCreate: any = {\n text: richText.text,\n facets: richText.facets,\n };\n if (replyingTo) {\n postToCreate.reply = {\n root: { uri: replyingTo.post.uri, cid: replyingTo.post.cid },\n parent: { uri: replyingTo.post.uri, cid: replyingTo.post.cid },\n };\n }\n await agent.post(postToCreate);\n setNewPost(\"\");\n setReplyingTo(null);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to create post:\", error);\n setError(\"Failed to create post. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const likePost = async (uri: string, cid: string) => {\n if (!agent) return;\n try {\n await agent.like(uri, cid);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to like post:\", error);\n setError(\"Failed to like post. Please try again.\");\n }\n };\n\n const repostPost = async (uri: string, cid: string) => {\n if (!agent) return;\n try {\n await agent.repost(uri, cid);\n await fetchTimeline(agent);\n } catch (error) {\n console.error(\"Failed to repost:\", error);\n setError(\"Failed to repost. Please try again.\");\n }\n };\n\n const followUser = async (did: string) => {\n if (!agent) return;\n try {\n await agent.follow(did);\n if (viewingProfile) {\n await fetchProfile(agent, viewingProfile.handle);\n }\n } catch (error) {\n console.error(\"Failed to follow user:\", error);\n setError(\"Failed to follow user. Please try again.\");\n }\n };\n\n const unfollowUser = async (did: string) => {\n if (!agent) return;\n try {\n await agent.deleteFollow(did);\n if (viewingProfile) {\n await fetchProfile(agent, viewingProfile.handle);\n }\n } catch (error) {\n console.error(\"Failed to unfollow user:\", error);\n setError(\"Failed to unfollow user. Please try again.\");\n }\n };\n\n const searchUsers = async () => {\n if (!agent || !searchQuery.trim()) return;\n setLoading(true);\n setError(\"\");\n try {\n const { data } = await agent.searchActors({ term: searchQuery, limit: 10 });\n setSearchResults(data.actors);\n } catch (error) {\n console.error(\"Failed to search users:\", error);\n setError(\"Failed to search users. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n const fetchTrendingTopics = async (currentAgent: AtpAgent) => {\n try {\n const mockTrendingTopics = [\"#BlueSkyDoesNotHaveATrendingTabYet\", \"#TryNova.dev\"];\n setTrendingTopics(mockTrendingTopics);\n } catch (error) {\n console.error(\"Failed to fetch trending topics:\", error);\n }\n };\n\n const fetchUserPosts = async (currentAgent: AtpAgent, did: string) => {\n setLoading(true);\n setError(\"\");\n try {\n const response = await currentAgent.getAuthorFeed({ actor: did, limit: 1 });\n setLastUserPost(response.data.feed[0] || null);\n } catch (error) {\n console.error(\"Failed to fetch user posts:\", error);\n setError(\"Failed to load user posts. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n const loadMore = useCallback(() => {\n if (agent && cursor) {\n fetchTimeline(agent, true);\n }\n }, [agent, cursor]);\n\n useEffect(() => {\n const savedSession = loadSession();\n if (savedSession) {\n const restoredAgent = new AtpAgent({ service: \"https://bsky.social\" });\n restoredAgent.resumeSession(savedSession)\n .then(() => {\n setAgent(restoredAgent);\n fetchProfile(restoredAgent);\n fetchTimeline(restoredAgent);\n fetchTrendingTopics(restoredAgent);\n })\n .catch((error: any) => {\n console.error(\"Failed to resume session:\", error);\n setError(\"Failed to resume session. Please log in again.\");\n localStorage.removeItem(\"bskySession\");\n });\n }\n }, []);\n\n useEffect(() => {\n if (agent) {\n fetchTimeline(agent);\n }\n }, [agent]);\n\n useEffect(() => {\n const handleScroll = () => {\n if (window.innerHeight + document.documentElement.scrollTop !== document.documentElement.offsetHeight) return;\n loadMore();\n };\n\n window.addEventListener(\"scroll\", handleScroll);\n return () => window.removeEventListener(\"scroll\", handleScroll);\n }, [loadMore]);\n\n useEffect(() => {\n window.addEventListener(\"beforeinstallprompt\", (e) => {\n e.preventDefault();\n setDeferredPrompt(e);\n setShowInstallPrompt(true);\n });\n }, []);\n\n const installPWA = () => {\n if (deferredPrompt) {\n deferredPrompt.prompt();\n deferredPrompt.userChoice.then((choiceResult: { outcome: string }) => {\n if (choiceResult.outcome === \"accepted\") {\n console.log(\"User accepted the install prompt\");\n } else {\n console.log(\"User dismissed the install prompt\");\n }\n setDeferredPrompt(null);\n setShowInstallPrompt(false);\n });\n }\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleString();\n };\n\n const ProfileModal = ({ profile }: { profile: AppBskyActorDefs.ProfileViewDetailed }) => (\n

User Profile

\n setViewingProfile(null)}\n className=\"text-xl flex items-center justify-center w-6 h-6 bg-[#FF0000] hover:bg-[#FF6666] rounded\"\n >\n ×\n \n

{profile.displayName}

@{profile.handle}

\n {profile.avatar && (\n

\n )}\n

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n Posts: {profile.postsCount}\n

Last Post

\n {lastUserPost\n ? (\n

\n {(lastUserPost.post.record as { text?: string })?.text || \"No content\"}\n

\n {formatDate(lastUserPost.post.indexedAt)}\n

\n )\n :

No posts available.

}\n

\n );\n\n const ErrorDialog = ({ message, onClose }: { message: string; onClose: () => void }) => (\n

Error

\n \n ×\n \n

\n ❌\n

{message}

\n \n OK\n \n

\n );\n\n const LogoutConfirmation = ({ onConfirm, onCancel }: { onConfirm: () => void; onCancel: () => void }) => (\n

Confirm Logout

\n \n ×\n \n

Are you sure you want to log out?

\n \n Cancel\n \n \n Logout\n \n

\n );\n\n return (\n

\n {/* Start menu-like sidebar */}\n

\n {/* Main content area */}\n

{activeTab}

\n {showInstallPrompt && (\n \n Install App\n \n )}\n

\n {!agent\n ? (\n

\n )\n : (\n

\n {profile && (\n

{profile.displayName}

@{profile.handle}

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n

\n )}\n {activeTab === \"timeline\" && (\n <>\n

\n Replying to: {replyingTo.post.author.displayName || replyingTo.post.author.handle}\n setReplyingTo(null)}\n className=\"ml-2 text-[#0000FF] hover:underline\"\n >\n Cancel\n \n

\n )}\n \n {replyingTo ? \"Reply\" : \"Post\"}\n \n

\n {posts.map((post) => (\n

\n \n fetchProfile(agent, post.post.author.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {post.post.author.displayName}\n \n @{post.post.author.handle}\n

\n {formatDate(post.post.indexedAt)}\n

\n {(post.post.record as { text?: string })?.text || \"No content\"}\n

\n {post.post.embed?.images && (\n

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

\n )}\n

\n ))}\n

\n {loading &&

Loading more posts...

}\n {cursor && (\n \n Load More\n \n )}\n \n )}\n {activeTab === \"search\" && (\n

\n setSearchQuery(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n Search\n \n {searchResults.length > 0 && (\n

Search Results

\n {searchResults.map((user) => (\n

\n fetchProfile(agent, user.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {user.displayName || user.handle}\n \n @{user.handle}\n

\n ))}\n

\n )}\n

\n )}\n {activeTab === \"trending\" && (\n

Diff · v45