27:T6d56,
/** Profiles as data, read once by each platform's fetcher (fetchTelegramProfile,
 *  fetchGithubProfile, fetchYoutubeChannel) on 2026-10-14. Nothing here fetched. */
const TELEGRAM: ProfileFacts = {
  platform: "telegram",
  url: "https://t.me/adriangalilea",
  handle: "adriangalilea",
  name: "Adrian Galilea",
  kind: "person",
  bio: "https://adriangalilea.com",
  photo: "/adriangalilea.jpg",
  counts: [],
}
const GITHUB: ProfileFacts = {
  platform: "github",
  url: "https://github.com/adriangalilea",
  handle: "adriangalilea",
  name: "Adrian Galilea",
  kind: "person",
  bio: "✨",
  photo: "/adriangalilea.jpg",
  counts: [
    { value: 52, unit: "followers" },
    { value: 98, unit: "repositories" },
  ],
}
const YOUTUBE: ProfileFacts = {
  platform: "youtube",
  url: "https://www.youtube.com/@mkbhd",
  handle: "mkbhd",
  name: "Marques Brownlee",
  kind: "channel",
  bio: "MKBHD: Quality Tech Videos | YouTuber | Geek | Consumer Electronics | Tech Head | Internet Personality!\n\nbusiness@MKBHD.com\n\nNYC",
  photo:
    "https://yt3.googleusercontent.com/qu4TmIaYUlS41-dJ9gZ7DUR3nilvmB5_11i6OKSdvNnBNiyOusZP1bMN6ICnuxtjFBb6ioKgRQ=s176-c-k-c0x00ffffff-no-rj",
  verified: true,
  counts: [
    { value: 21_400_000, unit: "subscribers" },
    { value: 1800, unit: "videos" },
  ],
}
const ORG: ProfileFacts = {
  platform: "github",
  url: "https://github.com/vercel",
  handle: "vercel",
  name: "Vercel",
  kind: "organization",
  bio: "Agentic infrastructure for every app and agent.",
  photo: "https://avatars.githubusercontent.com/u/14985020?v=4&s=128",
  counts: [{ value: 238, unit: "repositories" }],
}
const CHANNEL: ProfileFacts = {
  platform: "telegram",
  url: "https://t.me/telegram",
  handle: "telegram",
  name: "Telegram News",
  kind: "channel",
  bio: "The official Telegram on Telegram. Much recursion. Very Telegram. Wow.",
  verified: true,
  counts: [{ value: 9_343_606, unit: "subscribers" }],
}

/** A person's places as their marks, each opening its profile, its compact view
 *  behind it while the hand rests there. */
function Places({ profiles }: { profiles: ProfileFacts[] }) {
  return (
    <div className="flex items-center gap-1">
      {profiles.map((p) => (
        <HoverCard key={p.platform}>
          <Button
            variant="ghost"
            size="icon"
            aria-label={`${p.name} on ${p.platform}`}
            icon={<SocialMark platform={p.platform} />}
            render={<HoverCardTrigger href={p.url} delay={300} />}
          />
          <HoverCardContent className="w-80 p-3">
            <SocialProfile facts={p} form="compact" />
          </HoverCardContent>
        </HoverCard>
      ))}
    </div>
  )
}

<div className="grid gap-4 lg:grid-cols-2">
  <div className="grid place-items-center p-6">
    <Places profiles={[TELEGRAM, GITHUB, YOUTUBE]} />
  </div>
  <MaterialProvider material="glass" scheme="dark">
    <div className="grid place-items-center rounded-xl bg-[url(/lightbox/field.jpg)] bg-cover bg-center p-6">
      <Places profiles={[TELEGRAM, GITHUB, YOUTUBE]} />
    </div>
  </MaterialProvider>
</div>
26:["$","div",null,{"className":"ag-code-scroll ag-edge-fade-xy","dangerouslySetInnerHTML":{"__html":"$27"}}]