<turbo-stream action="replace" target="activities_list"><template>
  <div aria-busy="false" aria-live="polite" class="feed-timeline space-y-4" data-controller="feed-particles" id="activities_list"><canvas aria-hidden="true" class="feed-particles-canvas" data-feed-particles-target="canvas" width="16"></canvas><div class="feed-timeline-node" style="--node-color: rgb(139,92,246)"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all overflow-hidden" data-activity-id="464"><div class="flex gap-3"><a href="/u/i2RK48Vs"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Michael C." loading="lazy" decoding="async" src="/default_avatars/1454?size=48&amp;v=ffe8c9e84654" /></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/i2RK48Vs">Michael C.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for J. S. Bach enthusiasts in Montgomery County, Maryland area</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Gaithersburg Bach Society" aria-label="Visit group: Gaithersburg Bach Society" href="/groups/gaithersburg-bach-society"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(34, 197, 94, 0.6), rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6));" role="img" aria-label="Gaithersburg Bach Society — Gaithersburg community on Radius"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Gaithersburg Bach Society</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 flex-shrink-0 ring-2 ring-zinc-800 rounded-full overflow-hidden [&amp;&gt;*]:!w-5 [&amp;&gt;*]:!h-5"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Michael C." loading="lazy" decoding="async" src="/default_avatars/1454?size=48&amp;v=ffe8c9e84654" /></div></div></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=music">Music</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">MD, USA</span><span class="hidden sm:inline truncate">Gaithersburg, MD, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2026-01-15T00:44:35Z" class="text-zinc-500">9 months ago</time></div></div></div></div></div></article></div><div class="feed-timeline-node" style="--node-color: rgb(139,92,246)"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all overflow-hidden" data-activity-id="250"><div class="flex gap-3"><a href="/u/ET1aRRmX"><div class="rounded-full w-10 h-10  box-border overflow-hidden"><img class="w-full h-full object-cover" alt="Avatar for K G." loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NjkxLCJwdXIiOiJibG9iX2lkIn19--35a01b7cd647cdfcf05f4d6d69c8a4eecedac81c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/1000052237.png" /></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/ET1aRRmX">K G.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Malagasy Dubai events</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: DXB" aria-label="Visit group: DXB" href="/groups/dxb"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(34, 197, 94, 0.6), rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6));" role="img" aria-label="DXB — Dubai community on Radius"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">DXB</h3></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=music">Music</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">UAE, Dubai</span><span class="hidden sm:inline truncate">UAE, Dubai</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2025-05-11T22:17:23Z" class="text-zinc-500">over 1 year ago</time></div></div></div></div></div></article></div><div class="feed-timeline-node" style="--node-color: rgb(139,92,246)"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all overflow-hidden" data-activity-id="137"><div class="flex gap-3"><a href="/u/oKRNNxnK"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Adam S." loading="lazy" decoding="async" src="/default_avatars/353?size=48&amp;v=c85a70e4ebb3" /></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/oKRNNxnK">Adam S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A community music organization </p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Mandolin New England " aria-label="Visit group: Mandolin New England " href="/groups/mandolin-new-england"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6));" role="img" aria-label="Mandolin New England  — Granby community on Radius"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Mandolin New England </h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 flex-shrink-0 ring-2 ring-zinc-800 rounded-full overflow-hidden [&amp;&gt;*]:!w-5 [&amp;&gt;*]:!h-5"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Adam S." loading="lazy" decoding="async" src="/default_avatars/353?size=48&amp;v=c85a70e4ebb3" /></div></div></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=music">Music</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">MA, USA</span><span class="hidden sm:inline truncate">Granby, MA, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-20T13:00:41Z" class="text-zinc-500">over 2 years ago</time></div></div></div></div></div></article></div><div class="feed-timeline-node" style="--node-color: rgb(139,92,246)"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all overflow-hidden" data-activity-id="110"><div class="flex gap-3"><a href="/u/yT6ahgFQ"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Brian L." loading="lazy" decoding="async" src="/default_avatars/246?size=48&amp;v=8a8dca9be6a6" /></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/yT6ahgFQ">Brian L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">An all-skill-levels group for sharing and playing songs with others </p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Casual Jam Session" aria-label="Visit group: Casual Jam Session" href="/groups/casual-jam-session"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="Casual Jam Session — Claremont community on Radius" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NjUsInB1ciI6ImJsb2JfaWQifX0=--fb3ee383de85f93fef9e4e95d8a73d7d65226289/android-chrome-192x192.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Casual Jam Session</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 flex-shrink-0 ring-2 ring-zinc-800 rounded-full overflow-hidden [&amp;&gt;*]:!w-5 [&amp;&gt;*]:!h-5"><div class="rounded-full w-10 h-10  box-border overflow-hidden bg-zinc-800"><img class="w-full h-full object-cover" alt="Avatar for Brian L." loading="lazy" decoding="async" src="/default_avatars/246?size=48&amp;v=8a8dca9be6a6" /></div></div></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=music">Music</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">CA, USA</span><span class="hidden sm:inline truncate">Claremont, CA, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-19T20:32:56Z" class="text-zinc-500">over 2 years ago</time></div></div></div></div></div></article></div></div>
</template></turbo-stream>
  <turbo-stream action="remove" target="activities_more"></turbo-stream>
