diff --git a/src/routes/(pages)/(lp)/+page.svelte b/src/routes/(pages)/(lp)/+page.svelte
index 80449f161..11bef697e 100644
--- a/src/routes/(pages)/(lp)/+page.svelte
+++ b/src/routes/(pages)/(lp)/+page.svelte
@@ -6,6 +6,7 @@
   import LpFooter from './components/lp-footer.svelte';
   import LpHiwEntrypoint from './components/lp-hiw-entrypoint.svelte';
   import LpSectionHeader from './components/lp-section-header.svelte';
+  import LpWaveFeatureCard from './components/lp-wave-feature-card.svelte';
   import UsecaseSection from './components/usecase-section.svelte';
   import TrustedBy from './components/trusted-by.svelte';
   import LpIllustrationFlyingCoins from '$lib/components/illustrations/lp-illustration-flying-coins.svelte';
@@ -37,6 +38,10 @@
     </div>
   </section>
 
+  <section class="wave-band">
+    <LpWaveFeatureCard />
+  </section>
+
   <section>
     <UsecaseSection />
   </section>
diff --git a/src/routes/(pages)/(lp)/components/lp-wave-feature-card.svelte b/src/routes/(pages)/(lp)/components/lp-wave-feature-card.svelte
new file mode 100644
index 000000000..774a18ed3
--- /dev/null
+++ b/src/routes/(pages)/(lp)/components/lp-wave-feature-card.svelte
@@ -0,0 +1,372 @@
+<script lang="ts">
+  import Button from '$lib/components/button/button.svelte';
+  import ArrowRight from '$lib/components/icons/ArrowRight.svelte';
+  import File from '$lib/components/icons/File.svelte';
+  import WaveMockApplicantCard from '../solutions/wave/components/mocks/wave-mock-applicant-card.svelte';
+  import WaveMockIssueCard from '../solutions/wave/components/mocks/wave-mock-issue-card.svelte';
+  import { MOCK_CONTRIBUTORS, MOCK_REPOS } from '../solutions/wave/components/mocks/mock-fixtures';
+  import WaveSceneBg from '../solutions/wave/components/wave-scene-bg.svelte';
+  import WaveMockWithdrawCard from '../solutions/wave/components/mocks/wave-mock-withdraw-card.svelte';
+
+  // ---- LANE DATA ----
+
+  // Top lane: issue cards (Maintainers add issues)
+  const issueLane = [
+    {
+      number: 847,
+      title: 'Add cross-pool token swap routing to the AMM contract',
+      repo: MOCK_REPOS[0],
+      points: 200,
+      state: 'new-applications' as const,
+    },
+    {
+      number: 612,
+      title: 'Fix XDR decoding edge case in indexer ingestion',
+      repo: MOCK_REPOS[3],
+      points: 150,
+      state: 'open' as const,
+    },
+    {
+      number: 743,
+      title: 'Document new transaction-builder helpers in the wallet SDK',
+      repo: MOCK_REPOS[2],
+      points: 150,
+      state: 'pr-submitted' as const,
+    },
+    {
+      number: 409,
+      title: 'Add retry-with-backoff to Horizon client subscriptions',
+      repo: MOCK_REPOS[1],
+      points: 200,
+      state: 'open' as const,
+    },
+    {
+      number: 158,
+      title: 'Surface validation errors in the transaction builder UI',
+      repo: MOCK_REPOS[2],
+      points: 150,
+      state: 'open' as const,
+    },
+  ];
+
+  // Middle lane: applicant cards (Contributors solve issues)
+  const applicantLane = [
+    {
+      user: MOCK_CONTRIBUTORS[0],
+      text: 'Shipped a similar Soroban router last Wave with full test coverage.',
+      metrics: {
+        ossActivity: 'good' as const,
+        mergedPRs: { value: 184, bin: 'good' as const },
+        mergeRate: { value: '92%', bin: 'good' as const },
+      },
+    },
+    {
+      user: MOCK_CONTRIBUTORS[2],
+      text: 'Strong Rust + Soroban background. Will follow up on slippage design.',
+      metrics: {
+        ossActivity: 'good' as const,
+        mergedPRs: { value: 312, bin: 'good' as const },
+        mergeRate: { value: '88%', bin: 'good' as const },
+      },
+    },
+    {
+      user: MOCK_CONTRIBUTORS[3],
+      text: 'Have written 3-hop routers on EVM. The Soroban version should be similar.',
+      metrics: {
+        ossActivity: 'good' as const,
+        mergedPRs: { value: 167, bin: 'good' as const },
+        mergeRate: { value: '85%', bin: 'good' as const },
+      },
+    },
+    {
+      user: MOCK_CONTRIBUTORS[4],
+      text: 'Could do this over the weekend. I have a working router locally.',
+      metrics: {
+        ossActivity: 'mid' as const,
+        mergedPRs: { value: 58, bin: 'mid' as const },
+        mergeRate: { value: '71%', bin: 'mid' as const },
+      },
+    },
+  ];
+
+  // Bottom lane: withdraw cards (Rewards are distributed)
+  const withdrawLane = [
+    { programName: 'Stellar', waveNumber: 5, amount: 4280, status: 'withdrawable' as const },
+    { programName: 'Stellar', waveNumber: 5, amount: 3150, status: 'withdrawable' as const },
+    { programName: 'Stellar', waveNumber: 4, amount: 2840, status: 'complete' as const },
+    { programName: 'Stellar', waveNumber: 4, amount: 1720, status: 'complete' as const },
+    { programName: 'Stellar', waveNumber: 5, amount: 1180, status: 'withdrawable' as const },
+  ];
+</script>
+
+<section class="wave-feature">
+  <div class="bg-frame">
+    <WaveSceneBg />
+  </div>
+
+  <div class="content">
+    <div class="text">
+      <div class="kicker">
+        <span class="dot"></span>
+        Drips Wave
+      </div>
+      <h2 class="pixelated">Fix. Merge. Earn — every month.</h2>
+      <p>
+        Wave turns an ecosystem's funding into a recurring sprint of merged pull requests.
+        Maintainers clear their backlog, contributors get paid for shipping, ecosystems get
+        measurable progress.
+      </p>
+      <div class="ctas">
+        <Button variant="primary" icon={ArrowRight} href="/solutions/wave">
+          Learn how Wave works
+        </Button>
+        <Button
+          icon={File}
+          href="https://docs.drips.network/wave"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Read the docs
+        </Button>
+      </div>
+    </div>
+
+    <div class="lanes" aria-hidden="true">
+      <!-- Lane 1: Issues drifting left -->
+      <div class="lane lane-issues">
+        <div class="track track-left">
+          {#each [...issueLane, ...issueLane] as issue, i (i)}
+            <div class="card-slot card-slot-issue">
+              <WaveMockIssueCard
+                number={issue.number}
+                title={issue.title}
+                repo={issue.repo}
+                points={issue.points}
+                state={issue.state}
+                width="100%"
+              />
+            </div>
+          {/each}
+        </div>
+      </div>
+
+      <!-- Lane 2: Applicants drifting right -->
+      <div class="lane lane-applicants">
+        <div class="track track-right">
+          {#each [...applicantLane, ...applicantLane] as applicant, i (i)}
+            <div class="card-slot card-slot-applicant">
+              <WaveMockApplicantCard
+                user={applicant.user}
+                text={applicant.text}
+                metrics={applicant.metrics}
+                width="100%"
+              />
+            </div>
+          {/each}
+        </div>
+      </div>
+
+      <!-- Lane 3: Withdrawals drifting left -->
+      <div class="lane lane-withdraws">
+        <div class="track track-left track-left-slow">
+          {#each [...withdrawLane, ...withdrawLane] as grant, i (i)}
+            <div class="card-slot card-slot-withdraw">
+              <WaveMockWithdrawCard
+                programName={grant.programName}
+                waveNumber={grant.waveNumber}
+                amount={grant.amount}
+                status={grant.status}
+                width="100%"
+                showAction={false}
+              />
+            </div>
+          {/each}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+  .wave-feature {
+    position: relative;
+    width: 100%;
+    border-radius: 2rem 0 2rem 2rem;
+    overflow: hidden;
+    isolation: isolate;
+    border: 1px solid var(--color-primary-level-2);
+  }
+
+  .bg-frame {
+    position: absolute;
+    inset: 0;
+  }
+
+  .content {
+    position: relative;
+    z-index: 1;
+    display: grid;
+    grid-template-columns: minmax(280px, 420px) 1fr;
+    gap: 2.5rem;
+    align-items: center;
+    padding: 3rem;
+    min-height: 460px;
+  }
+
+  /* ---- Text column ---- */
+  .text {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+  }
+
+  .kicker {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.375rem 0.875rem;
+    background: var(--color-background);
+    color: var(--color-primary);
+    border-radius: 2rem 0 2rem 2rem;
+    width: fit-content;
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+
+  .kicker .dot {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--color-primary);
+  }
+
+  h2 {
+    font-size: clamp(2rem, 3.5vw, 2.75rem);
+    line-height: 1.05;
+    letter-spacing: -0.02em;
+    margin: 0;
+  }
+
+  .text p {
+    color: var(--color-foreground-level-6);
+    font-size: 1rem;
+    line-height: 1.5;
+    max-width: 460px;
+  }
+
+  .ctas {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.625rem;
+    margin-top: 0.5rem;
+  }
+
+  /* ---- Lanes (right column) ---- */
+  .lanes {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    /* Mask the lane edges so cards fade in/out at the column boundaries */
+    -webkit-mask-image: linear-gradient(
+      to right,
+      transparent 0,
+      black 4%,
+      black 96%,
+      transparent 100%
+    );
+    mask-image: linear-gradient(to right, transparent 0, black 4%, black 96%, transparent 100%);
+  }
+
+  .lane {
+    overflow: hidden;
+    height: 120px;
+    display: flex;
+    align-items: center;
+  }
+
+  /* Applicant cards are taller; give that lane a bit more room */
+  .lane-applicants {
+    height: 200px;
+  }
+
+  .track {
+    display: flex;
+    gap: 0.75rem;
+    width: max-content;
+    will-change: transform;
+  }
+
+  /* Tracks always contain 2× the data set so the loop is seamless at -50% */
+  .track-left {
+    animation: scroll-left 38s linear infinite;
+  }
+  .track-left-slow {
+    animation-duration: 52s;
+  }
+  .track-right {
+    animation: scroll-right 44s linear infinite;
+  }
+
+  @keyframes scroll-left {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-50%);
+    }
+  }
+  @keyframes scroll-right {
+    from {
+      transform: translateX(-50%);
+    }
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  /* Card slot sizes — fixed widths so the loop math (2× content, translate -50%)
+     produces a seamless wrap */
+  .card-slot {
+    flex-shrink: 0;
+  }
+  .card-slot-issue {
+    width: 280px;
+  }
+  .card-slot-applicant {
+    width: 280px;
+  }
+  .card-slot-withdraw {
+    width: 280px;
+  }
+
+  /* ---- Responsive ---- */
+  @media (max-width: 882px) {
+    .content {
+      grid-template-columns: 1fr;
+      gap: 1.5rem;
+      padding: 2rem 1.5rem;
+      min-height: 0;
+    }
+    h2 {
+      font-size: clamp(1.625rem, 5vw, 2.25rem);
+    }
+    .lane {
+      height: 100px;
+    }
+    .lane-applicants {
+      height: 180px;
+    }
+    .card-slot-issue,
+    .card-slot-applicant,
+    .card-slot-withdraw {
+      width: 240px;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .track {
+      animation: none;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/+page.svelte b/src/routes/(pages)/(lp)/solutions/wave/+page.svelte
index 38f617ec5..627b8ea3e 100644
--- a/src/routes/(pages)/(lp)/solutions/wave/+page.svelte
+++ b/src/routes/(pages)/(lp)/solutions/wave/+page.svelte
@@ -1,106 +1,573 @@
-<script>
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+  import Button from '$lib/components/button/button.svelte';
   import HeadMeta from '$lib/components/head-meta/head-meta.svelte';
-  import Ecosystem from '$lib/components/icons/Ecosystem.svelte';
-  import Git from '$lib/components/icons/Git.svelte';
-  import Github from '$lib/components/icons/Github.svelte';
-  import TokenStreams from '$lib/components/icons/TokenStreams.svelte';
-  import User from '$lib/components/icons/User.svelte';
-  import Wave from '$lib/components/icons/Wave.svelte';
-  import SolutionsWavesWhoItsFor from '$lib/components/illustrations/solutions-waves-who-its-for.svelte';
-  import SolutionsWavesWhyItMatters from '$lib/components/illustrations/solutions-waves-why-it-matters.svelte';
-  import SolutionCard from '$lib/components/solutions/solution-card.svelte';
-  import SolutionHeader from '$lib/components/solutions/solution-header.svelte';
-  import SolutionInterstitial from '$lib/components/solutions/solution-interstitial.svelte';
-  import SolutionLineItem from '$lib/components/solutions/solution-line-item.svelte';
-  import ThemedRasterImage from '$lib/components/themed-raster-image/themed-raster-image.svelte';
+  import File from '$lib/components/icons/File.svelte';
+  import Ledger from '$lib/components/icons/Ledger.svelte';
+  import PulsatingCircle from '$lib/components/pulsating-circle/pulsating-circle.svelte';
+  import formatDate from '$lib/utils/format-date';
+  import type { WaveDto, WaveProgramDto } from '$lib/utils/wave/types/waveProgram';
+  import { getWavePrograms, getWaves } from '$lib/utils/wave/wavePrograms';
+  import WaveAudienceFunnel from './components/wave-audience-funnel.svelte';
+  import WaveFlowExplainer from './components/wave-flow-explainer.svelte';
+  import WaveHeroVisual from './components/wave-hero-visual.svelte';
+
+  type LiveWave = { program: WaveProgramDto; wave: WaveDto };
+
+  let liveWave = $state<LiveWave | null>(null);
+  let loadingLive = $state(true);
+
+  onMount(async () => {
+    if (!browser) return;
+    try {
+      const programs = await getWavePrograms(fetch, { limit: 10 });
+      for (const program of programs.data) {
+        const waves = await getWaves(fetch, program.id, { limit: 5 });
+        const wave =
+          waves.data.find((w) => w.status === 'active' || w.status === 'upcoming') ?? null;
+        if (wave) {
+          liveWave = { program, wave };
+          break;
+        }
+      }
+    } catch {
+      // Silently fail — the live strip is non-essential; the rest of the page is fine without it.
+    } finally {
+      loadingLive = false;
+    }
+  });
+
+  const faqItems = [
+    {
+      q: 'Who runs a Wave Program?',
+      a: 'An ecosystem foundation or organization commits a recurring reward budget and works with us to launch a program. Stellar Development Foundation runs the first Wave Program; we partner with one or two ecosystems at a time.',
+    },
+    {
+      q: 'How long is a Wave?',
+      a: 'A typical Wave runs for one week, on a monthly cadence — long enough for substantial work, short enough to keep contributors focused. The exact cycle can be tuned per program.',
+    },
+    {
+      q: 'How are contributors rewarded?',
+      a: "Each issue is worth Points based on complexity (100 / 150 / 200). At the end of a Wave, the pool is divided proportionally by each contributor's Points share. Payouts are sent on-chain.",
+    },
+    {
+      q: 'What does it cost?',
+      a: "For maintainers and contributors, participation is free. Ecosystems running a Wave Program pay for the platform — get in touch and we'll walk you through commercials.",
+    },
+  ];
 </script>
 
 <HeadMeta
-  title="Wave"
-  description="Waves turn open-source sprints into on-chain funding cycles. Ecosystems launch recurring Waves to reward measurable impact — all tracked from issue to fund distribution."
+  title="Wave — recurring contribution sprints for open source"
+  description="Drips Wave turns ecosystem budgets into a monthly rhythm of merged PRs. Maintainers clear backlog, contributors earn on-chain rewards, ecosystems get measurable progress."
 />
 
-<SolutionHeader>
-  {#snippet usecase_badge()}
-    Wave
-  {/snippet}
-  {#snippet headline()}
-    Reward open-source contributions fairly and transparently
-  {/snippet}
-  {#snippet description()}
-    Waves turn open-source sprints into on-chain funding cycles. Ecosystems launch recurring Waves
-    to reward measurable impact — all tracked from issue to fund distribution.
-  {/snippet}
-</SolutionHeader>
-
-<SolutionCard illustrationScale="1.1">
-  {#snippet illustration()}
-    <ThemedRasterImage
-      srcLight="/assets/solutions/wave/what-it-enables/light.png"
-      srcDark="/assets/solutions/wave/what-it-enables/dark.png"
-      alt="Wave solution illustration"
-    />
-  {/snippet}
-  {#snippet headline()}
-    What It Enables
-  {/snippet}
-  {#snippet line_items()}
-    <SolutionLineItem icon={Wave}>
-      Launch monthly “Waves” with a USD-denominated reward pool tied to approved repositories.
-    </SolutionLineItem>
-    <SolutionLineItem icon={Github}>
-      Vet and sync GitHub projects through transparent onboarding.
-    </SolutionLineItem>
-    <SolutionLineItem icon={Git}>
-      Contributors earn points for merged PRs, and every point translates into a share of the
-      reward.
-    </SolutionLineItem>
-    <SolutionLineItem icon={TokenStreams}>
-      At the end of each cycle funds are distributed to contributors on-chain.
-    </SolutionLineItem>
-  {/snippet}
-</SolutionCard>
-
-<SolutionInterstitial>
-  {#snippet headline()}
-    Want fair, on-chain rewards for your community?
-  {/snippet}
-  {#snippet description()}
-    Our team can walk you through how Drips fits into your workflow, help you design repeatable
-    funding cycles, and show you how to reward meaningful work with full on-chain accountability.
-  {/snippet}
-</SolutionInterstitial>
-
-<SolutionCard reverse illustrationScale="1.1">
-  {#snippet illustration()}
-    <SolutionsWavesWhoItsFor />
-  {/snippet}
-  {#snippet headline()}
-    Who It's For
-  {/snippet}
-
-  {#snippet line_items()}
-    <SolutionLineItem icon={Ecosystem}>
-      Ecosystems: Drive developer activity, launch recurring funding cycles, manage applicants and
-      distributions in a unified flow.
-    </SolutionLineItem>
-    <SolutionLineItem icon={User}>
-      Maintainers: Attract high-quality contributors, grow the community, set issue priorities, sync
-      repos, and track contribution transparently.
-    </SolutionLineItem>
-  {/snippet}
-</SolutionCard>
-
-<SolutionCard illustrationScale="1.1">
-  {#snippet illustration()}
-    <SolutionsWavesWhyItMatters />
-  {/snippet}
-  {#snippet headline()}
-    Why It Matters
-  {/snippet}
-  {#snippet description()}
-    Drips Wave captures the entire funding lifecycle. From proposal to contribution, verification,
-    and fund allocation. Built on the Drips protocol, it’s engineered for open ecosystems committed
-    to fair, transparent rewarding of public goods.
-  {/snippet}
-</SolutionCard>
+<!-- HERO -->
+<section class="hero">
+  <div class="hero-text">
+    <div class="kicker">
+      <span class="kicker-dot"></span>
+      Drips Wave
+    </div>
+    <h1 class="pixelated">Fix. Merge. Earn — every month.</h1>
+    <p class="lead">
+      Wave turns an ecosystem's funding into a recurring sprint of merged pull requests. Maintainers
+      clear their backlog. Contributors get paid for shipping. Ecosystems get measurable progress,
+      not promises.
+    </p>
+    <div class="hero-actions">
+      <Button variant="primary" size="large" icon={Ledger} href="/wave">Browse active Waves</Button>
+      <Button size="large" icon={File} href="https://docs.drips.network/wave" target="_blank"
+        >Read the docs</Button
+      >
+    </div>
+  </div>
+
+  <div class="hero-visual-wrap">
+    <WaveHeroVisual />
+  </div>
+</section>
+
+<!-- LIVE STRIP -->
+<section class="live-strip" aria-live="polite">
+  <div class="live-strip-inner" class:loading={loadingLive && !liveWave}>
+    {#if liveWave}
+      <div class="live-left">
+        {#if liveWave.wave.status === 'active'}
+          <PulsatingCircle />
+          <span class="typo-text-bold"
+            >{liveWave.program.name} Wave {liveWave.wave.waveNumber} is live</span
+          >
+          <span class="typo-text" style:color="var(--color-foreground-level-6)">
+            until {formatDate(liveWave.wave.endDate, 'standardWithoutYear')}
+          </span>
+        {:else}
+          <span class="dot" aria-hidden="true"></span>
+          <span class="typo-text-bold"
+            >{liveWave.program.name} Wave {liveWave.wave.waveNumber} starts {formatDate(
+              liveWave.wave.startDate,
+              'standardWithoutYear',
+            )}</span
+          >
+        {/if}
+      </div>
+      <div class="live-right">
+        <div class="stat">
+          <span class="stat-label typo-all-caps">Reward pool</span>
+          <span class="stat-value tnum"
+            >${liveWave.wave.budgetUSD?.toLocaleString?.() ?? liveWave.wave.budgetUSD}</span
+          >
+        </div>
+        <Button variant="primary" href="/wave/{liveWave.program.slug}">View Wave</Button>
+      </div>
+    {:else if loadingLive}
+      <!-- Skeleton: keep the strip height steady so the page doesn't jump on hydration -->
+      <div class="live-left">
+        <div class="skel skel-dot"></div>
+        <div class="skel skel-line" style:width="320px"></div>
+      </div>
+      <div class="live-right">
+        <div class="skel skel-line" style:width="120px"></div>
+      </div>
+    {:else}
+      <!-- No active or upcoming Wave at the moment (rare) -->
+      <div class="live-left">
+        <span class="dot" aria-hidden="true"></span>
+        <span class="typo-text" style:color="var(--color-foreground-level-6)"
+          >No active Waves right now — check back soon.</span
+        >
+      </div>
+      <div class="live-right">
+        <Button href="/wave">Browse Wave Programs</Button>
+      </div>
+    {/if}
+  </div>
+</section>
+
+<!-- ANATOMY / FLOW -->
+<section class="anatomy">
+  <div class="section-header">
+    <span class="kicker-pill">How it works</span>
+    <h2 class="pixelated">The anatomy of a Wave</h2>
+    <p>
+      One predictable rhythm. Three roles, each with their own job to do. Most Waves run on a
+      monthly cycle.
+    </p>
+  </div>
+
+  <WaveFlowExplainer />
+</section>
+
+<!-- AUDIENCE FUNNEL -->
+<section class="audience">
+  <WaveAudienceFunnel
+    title="Three ways to get involved"
+    description="Whether you're funding a Wave, running a repo in one, or shipping PRs to earn — start here."
+  />
+</section>
+
+<!-- PROOF / STELLAR WAVE -->
+<section class="proof">
+  <div class="proof-inner">
+    <div class="proof-header">
+      <span class="kicker-pill">Live on Stellar</span>
+      <h2 class="pixelated">The first Wave Program runs on Stellar</h2>
+      <p>
+        Stellar Development Foundation runs a monthly Wave across the Stellar open-source ecosystem.
+        Maintainers across the network apply their repos, contributors ship issues, and the pool
+        pays out at the end of each cycle.
+      </p>
+    </div>
+
+    <div class="proof-stats">
+      <div class="proof-stat">
+        <span class="proof-value pixelated">$250k+</span>
+        <span class="proof-label">Distributed to contributors</span>
+      </div>
+      <div class="proof-stat">
+        <span class="proof-value pixelated">50k+</span>
+        <span class="proof-label">Issues resolved across Waves</span>
+      </div>
+      <div class="proof-stat">
+        <span class="proof-value pixelated">200+</span>
+        <span class="proof-label">Repos in the program</span>
+      </div>
+    </div>
+
+    <div class="proof-cta">
+      <Button variant="primary" size="large" href="/wave/stellar">Explore the Stellar Wave</Button>
+    </div>
+  </div>
+</section>
+
+<!-- MINI FAQ -->
+<section class="faq">
+  <div class="section-header">
+    <span class="kicker-pill">FAQ</span>
+    <h2 class="pixelated">Common questions</h2>
+  </div>
+
+  <div class="faq-list">
+    {#each faqItems as item (item.q)}
+      <details class="faq-item">
+        <summary>
+          <span class="typo-text-bold">{item.q}</span>
+          <span class="chev" aria-hidden="true">+</span>
+        </summary>
+        <p>{item.a}</p>
+      </details>
+    {/each}
+  </div>
+
+  <div class="faq-cta">
+    <Button href="https://docs.drips.network/wave" target="_blank" icon={File}
+      >Read the full docs</Button
+    >
+  </div>
+</section>
+
+<style>
+  /* ---------- shared section primitives ---------- */
+  .section-header {
+    max-width: 640px;
+    margin: 0 auto 2.5rem;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    align-items: center;
+  }
+
+  .section-header h2 {
+    font-size: clamp(1.75rem, 3vw, 2.5rem);
+    line-height: 1.1;
+  }
+
+  .section-header p {
+    color: var(--color-foreground-level-6);
+  }
+
+  .kicker-pill {
+    background: var(--color-primary-level-1);
+    color: var(--color-primary);
+    padding: 0.375rem 0.875rem;
+    border-radius: 2rem 0 2rem 2rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    width: fit-content;
+  }
+
+  .tnum {
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* ---------- HERO ---------- */
+  .hero {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 3rem;
+    align-items: center;
+    margin-top: -2rem;
+  }
+
+  .hero-text {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+    max-width: 560px;
+  }
+
+  .kicker {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.375rem 0.875rem;
+    background: var(--color-primary-level-1);
+    color: var(--color-primary);
+    border-radius: 2rem 0 2rem 2rem;
+    width: fit-content;
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+
+  .kicker-dot {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--color-primary);
+  }
+
+  .hero h1 {
+    font-size: clamp(2.5rem, 5vw, 4rem);
+    line-height: 1.05;
+    letter-spacing: -0.02em;
+  }
+
+  .lead {
+    color: var(--color-foreground-level-6);
+    font-size: 1.125rem;
+    line-height: 1.5;
+  }
+
+  .hero-actions {
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+    margin-top: 0.5rem;
+  }
+
+  .hero-visual-wrap {
+    width: 100%;
+    height: 540px;
+  }
+
+  /* ---------- LIVE STRIP ---------- */
+  .live-strip {
+    width: 100%;
+  }
+
+  .live-strip-inner {
+    background: var(--color-background);
+    border: 1px solid var(--color-foreground-level-2);
+    border-radius: 1.5rem 0 1.5rem 1.5rem;
+    padding: 1.25rem 1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+    min-height: 4.5rem;
+    box-sizing: border-box;
+  }
+
+  .live-left {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .live-left .dot {
+    width: 0.625rem;
+    height: 0.625rem;
+    border-radius: 50%;
+    background: var(--color-primary-level-3);
+  }
+
+  .live-right {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+  }
+
+  .stat {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    align-items: flex-end;
+  }
+
+  .stat-label {
+    color: var(--color-foreground-level-6);
+  }
+
+  .stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1;
+  }
+
+  /* Skeleton placeholders for client-hydrated content */
+  .skel {
+    background: linear-gradient(
+      90deg,
+      var(--color-foreground-level-2) 0%,
+      var(--color-foreground-level-1) 50%,
+      var(--color-foreground-level-2) 100%
+    );
+    background-size: 200% 100%;
+    animation: shimmer 1.4s infinite;
+    border-radius: 0.5rem;
+  }
+  .skel-dot {
+    width: 0.75rem;
+    height: 0.75rem;
+    border-radius: 50%;
+  }
+  .skel-line {
+    height: 1rem;
+    max-width: 100%;
+  }
+  @keyframes shimmer {
+    0% {
+      background-position: 100% 0;
+    }
+    100% {
+      background-position: -100% 0;
+    }
+  }
+
+  /* ---------- ANATOMY ---------- */
+  .anatomy {
+    width: 100%;
+    padding-top: 2rem;
+  }
+
+  /* ---------- AUDIENCE ---------- */
+  .audience {
+    width: 100%;
+  }
+
+  /* ---------- PROOF ---------- */
+  .proof {
+    width: 100%;
+  }
+
+  .proof-inner {
+    background: linear-gradient(
+      135deg,
+      var(--color-primary-level-1) 0%,
+      var(--color-foreground-level-1) 100%
+    );
+    border-radius: 2rem 0 2rem 2rem;
+    padding: 3rem 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    align-items: center;
+  }
+
+  .proof-header {
+    text-align: center;
+    max-width: 680px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    align-items: center;
+  }
+
+  .proof-header h2 {
+    font-size: clamp(1.75rem, 3vw, 2.5rem);
+    line-height: 1.1;
+  }
+
+  .proof-header p {
+    color: var(--color-foreground-level-6);
+  }
+
+  .proof-stats {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 2rem;
+    width: 100%;
+    max-width: 800px;
+    margin: 0.5rem 0;
+  }
+
+  .proof-stat {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    align-items: center;
+    text-align: center;
+  }
+
+  .proof-value {
+    font-size: clamp(2rem, 4vw, 3rem);
+    line-height: 1;
+    color: var(--color-primary);
+  }
+
+  .proof-label {
+    color: var(--color-foreground-level-6);
+    font-size: 0.875rem;
+  }
+
+  /* ---------- FAQ ---------- */
+  .faq {
+    width: 100%;
+    max-width: 720px;
+    margin: 0 auto;
+  }
+
+  .faq-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .faq-item {
+    background: var(--color-background);
+    border: 1px solid var(--color-foreground-level-2);
+    border-radius: 1rem 0 1rem 1rem;
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .faq-item summary {
+    list-style: none;
+    cursor: pointer;
+    padding: 1rem 1.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+  }
+
+  .faq-item summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .faq-item .chev {
+    color: var(--color-foreground-level-5);
+    font-size: 1.25rem;
+    transition: transform 0.2s;
+    line-height: 1;
+  }
+
+  .faq-item[open] .chev {
+    transform: rotate(45deg);
+  }
+
+  .faq-item p {
+    padding: 0 1.25rem 1.25rem;
+    color: var(--color-foreground-level-6);
+  }
+
+  .faq-cta {
+    margin-top: 1.5rem;
+    display: flex;
+    justify-content: center;
+  }
+
+  /* ---------- Responsive ---------- */
+  @media (max-width: 882px) {
+    .hero {
+      grid-template-columns: 1fr;
+      gap: 2rem;
+      margin-top: 0;
+    }
+    .hero-visual-wrap {
+      height: 420px;
+    }
+    .proof-inner {
+      padding: 2rem 1.25rem;
+    }
+    .proof-stats {
+      grid-template-columns: 1fr;
+      gap: 1.25rem;
+    }
+    .live-strip-inner {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .live-right {
+      width: 100%;
+      justify-content: space-between;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/mock-fixtures.ts b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/mock-fixtures.ts
new file mode 100644
index 000000000..d90987e74
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/mock-fixtures.ts
@@ -0,0 +1,36 @@
+// Shared placeholder data used across the Wave LP mocks.
+// All names/repos/numbers here are illustrative — not real applicants or issues.
+
+// All names below are fully fictional placeholders — do not use real GitHub usernames
+// or real people's avatars in marketing mocks. Avatars are AI-generated illustrations
+// from DiceBear's `notionists` style, pre-downloaded under /assets/wave/mock-avatars/.
+export const MOCK_CONTRIBUTORS = [
+  { name: 'meridian-dev', avatarUrl: '/assets/wave/mock-avatars/meridian-dev.svg', verified: true },
+  { name: 'horizon42', avatarUrl: '/assets/wave/mock-avatars/horizon42.svg', verified: false },
+  { name: 'mira-codes', avatarUrl: '/assets/wave/mock-avatars/mira-codes.svg', verified: true },
+  { name: 'kovri-h', avatarUrl: '/assets/wave/mock-avatars/kovri-h.svg', verified: true },
+  { name: 'orbit-jay', avatarUrl: '/assets/wave/mock-avatars/orbit-jay.svg', verified: true },
+  {
+    name: 'pasta-stream',
+    avatarUrl: '/assets/wave/mock-avatars/pasta-stream.svg',
+    verified: false,
+  },
+];
+
+// Fully fictional ecosystem projects building ON Stellar — never use the real
+// stellar/* org repos here; Wave is for third-party projects, not foundation
+// infrastructure.
+export const MOCK_REPOS = [
+  { name: 'lumenflow/amm-contracts' },
+  { name: 'lumenflow/sdk-js' },
+  { name: 'stelka-wallet/app' },
+  { name: 'horizonpath/indexer' },
+  { name: 'novamint/soroban-mint' },
+  { name: 'kelpie-finance/lending' },
+];
+
+export const STELLAR_WAVE_PROGRAM = {
+  name: 'Stellar Wave',
+  slug: 'stellar',
+  avatarUrl: '/assets/wave/stellar-wave-logo.png',
+};
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-applicant-card.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-applicant-card.svelte
new file mode 100644
index 000000000..19f6195e7
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-applicant-card.svelte
@@ -0,0 +1,156 @@
+<script lang="ts">
+  import Button from '$lib/components/button/button.svelte';
+  import Check from '$lib/components/icons/Check.svelte';
+  import WaveMockBinBadge from './wave-mock-bin-badge.svelte';
+  import WaveMockUserBadge from './wave-mock-user-badge.svelte';
+
+  let {
+    user,
+    text,
+    metrics,
+    pointsThisWave,
+    assignmentsThisWave,
+    highlighted = false,
+    width,
+    showActions = false,
+    status = 'pending',
+    acceptVariant = 'normal',
+    acceptButtonRef = $bindable<HTMLElement | null>(null),
+  }: {
+    user: { name: string; avatarUrl?: string; verified?: boolean };
+    text: string;
+    metrics: {
+      ossActivity: 'good' | 'mid' | 'bad';
+      mergedPRs: { value: number; bin: 'good' | 'mid' | 'bad' };
+      mergeRate: { value: string; bin: 'good' | 'mid' | 'bad' };
+    };
+    pointsThisWave?: number;
+    assignmentsThisWave?: number;
+    highlighted?: boolean;
+    width?: string;
+    showActions?: boolean;
+    /** When 'accepted', the action area shows the disabled "Applicant assigned" pill */
+    status?: 'pending' | 'accepted';
+    /** Visual variant of the Accept & assign button. Used by callers to highlight one card */
+    acceptVariant?: 'normal' | 'primary';
+    /** Bound to the Accept & assign button wrapper so the parent can target it (e.g. cursor anim) */
+    acceptButtonRef?: HTMLElement | null;
+  } = $props();
+</script>
+
+<div class="applicant" class:highlighted style:width>
+  <WaveMockUserBadge name={user.name} avatarUrl={user.avatarUrl} verified={user.verified} />
+
+  <p class="text typo-text-small">{text}</p>
+
+  <hr class="divider" />
+
+  <div class="metrics">
+    {#if assignmentsThisWave !== undefined}
+      <div class="metric">
+        <span class="label typo-text-small">Assignments this Wave</span>
+        <span class="value typo-text-small-bold">{assignmentsThisWave}</span>
+      </div>
+    {/if}
+    {#if pointsThisWave !== undefined}
+      <div class="metric">
+        <span class="label typo-text-small">Points earned this Wave</span>
+        <span class="value typo-text-small-bold">{pointsThisWave}</span>
+      </div>
+    {/if}
+    <div class="metric">
+      <span class="label typo-text-small">OSS Activity Score</span>
+      <WaveMockBinBadge bin={metrics.ossActivity} />
+    </div>
+    <div class="metric">
+      <span class="label typo-text-small">Total Merged PRs</span>
+      <WaveMockBinBadge bin={metrics.mergedPRs.bin} label={String(metrics.mergedPRs.value)} />
+    </div>
+    <div class="metric">
+      <span class="label typo-text-small">PR Merge Rate</span>
+      <WaveMockBinBadge bin={metrics.mergeRate.bin} label={metrics.mergeRate.value} />
+    </div>
+  </div>
+
+  {#if showActions}
+    <hr class="divider" />
+
+    <div class="actions">
+      <Button>View details</Button>
+      {#if status === 'pending'}
+        <div class="accept-wrap" bind:this={acceptButtonRef}>
+          <Button variant={acceptVariant} icon={Check}>Accept & assign</Button>
+        </div>
+      {:else}
+        <Button icon={Check} disabled>Applicant assigned</Button>
+      {/if}
+    </div>
+  {/if}
+</div>
+
+<style>
+  .applicant {
+    padding: 1rem;
+    background-color: var(--color-background);
+    border: 1px solid var(--color-foreground-level-3);
+    border-radius: 1rem 0 1rem 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    box-sizing: border-box;
+  }
+
+  .applicant.highlighted {
+    background-color: var(--color-primary-level-1);
+    border-color: var(--color-primary-level-2);
+  }
+
+  .text {
+    color: var(--color-foreground-level-7);
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    /* Don't let the line-clamped box collapse to 0 inside a flex column parent
+       under any height pressure — the 2-line height must be honored. */
+    flex-shrink: 0;
+  }
+
+  .divider {
+    border: none;
+    border-top: 1px solid var(--color-foreground-level-2);
+    margin: 0;
+  }
+
+  .metrics {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .metric {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+  }
+
+  .metric .label {
+    color: var(--color-foreground-level-6);
+  }
+
+  .actions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  /* Wrapper exists only to give the cursor animation a stable bindable element.
+     It needs to be display: flex so the Button inside stretches to full width
+     like its (non-wrapped) siblings. */
+  .accept-wrap {
+    display: flex;
+    flex-direction: column;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-bin-badge.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-bin-badge.svelte
new file mode 100644
index 000000000..91c201d6f
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-bin-badge.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  type Bin = 'good' | 'mid' | 'bad';
+
+  let { bin, label }: { bin: Bin; label?: string } = $props();
+
+  const COLORS: Record<Bin, [string, string]> = {
+    good: ['var(--color-positive-level-6)', 'var(--color-positive-level-1)'],
+    mid: ['var(--color-foreground-level-6)', 'var(--color-foreground-level-2)'],
+    bad: ['var(--color-caution-level-6)', 'var(--color-caution-level-1)'],
+  };
+
+  const DEFAULT_LABEL: Record<Bin, string> = {
+    good: 'High',
+    mid: 'Medium',
+    bad: 'Low',
+  };
+
+  let [color, backgroundColor] = $derived(COLORS[bin]);
+</script>
+
+<span class="bin typo-text-small" style:color style:background-color={backgroundColor}>
+  {label ?? DEFAULT_LABEL[bin]}
+</span>
+
+<style>
+  .bin {
+    padding: 0.125rem 0.5rem;
+    border: 1px solid var(--color-foreground-level-2);
+    border-radius: 1rem 0 1rem 1rem;
+    display: inline-block;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-card.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-card.svelte
new file mode 100644
index 000000000..602154f60
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-card.svelte
@@ -0,0 +1,126 @@
+<script lang="ts">
+  import WaveMockPointsPill from './wave-mock-points-pill.svelte';
+  import WaveMockRepoBadge from './wave-mock-repo-badge.svelte';
+
+  type State =
+    | 'open'
+    | 'new-applications'
+    | 'assigned'
+    | 'assigned-to-you'
+    | 'pr-submitted'
+    | 'resolved';
+
+  let {
+    number,
+    title,
+    repo,
+    points,
+    multiplier,
+    state = 'open',
+    width,
+    highlighted = false,
+  }: {
+    number: number | string;
+    title: string;
+    repo: { name: string; avatarUrl?: string };
+    points: number;
+    multiplier?: number;
+    state?: State;
+    width?: string;
+    highlighted?: boolean;
+  } = $props();
+
+  type Badge = {
+    text: string;
+    variant: 'primary' | 'caution' | 'positive' | 'neutral';
+    bold?: boolean;
+  };
+
+  let extraBadges = $derived.by<Badge[]>(() => {
+    switch (state) {
+      case 'new-applications':
+        return [{ text: 'New applications', variant: 'caution', bold: true }];
+      case 'assigned':
+        return [{ text: 'Assigned', variant: 'caution', bold: true }];
+      case 'assigned-to-you':
+        return [{ text: 'Assigned to you', variant: 'positive', bold: true }];
+      case 'pr-submitted':
+        return [{ text: 'PR submitted', variant: 'caution', bold: true }];
+      case 'resolved':
+        return [{ text: 'Points earned', variant: 'positive', bold: true }];
+      default:
+        return [];
+    }
+  });
+
+  let displayPoints = $derived(multiplier && multiplier > 1 ? points * multiplier : points);
+</script>
+
+<div class="issue" class:highlighted class:shiny={multiplier && multiplier > 1} style:width>
+  <div class="badges">
+    <WaveMockPointsPill points={displayPoints} {multiplier} />
+    {#each extraBadges as badge (badge.text)}
+      <WaveMockPointsPill points={badge.text} label="" variant={badge.variant} bold={badge.bold} />
+    {/each}
+  </div>
+
+  <h3 class="typo-text title">
+    <span class="number">#{number}</span>
+    {title}
+  </h3>
+
+  <div class="repo-row">
+    <WaveMockRepoBadge name={repo.name} avatarUrl={repo.avatarUrl} size="small" />
+  </div>
+</div>
+
+<style>
+  .issue {
+    padding: 1rem;
+    background-color: var(--color-background);
+    border: 1px solid var(--color-foreground-level-2);
+    border-radius: 1rem 0 1rem 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    box-sizing: border-box;
+  }
+
+  .issue.highlighted {
+    background-color: var(--color-primary-level-1);
+    border-color: var(--color-primary-level-2);
+  }
+
+  .issue.shiny:not(.highlighted) {
+    background: linear-gradient(
+      135deg,
+      var(--color-caution-level-1) 0%,
+      var(--color-background) 60%
+    );
+  }
+
+  .badges {
+    display: flex;
+    gap: 0.25rem;
+    flex-wrap: wrap;
+  }
+
+  .title {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  .number {
+    color: var(--color-foreground-level-5);
+  }
+
+  .repo-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.25rem;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-list-row.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-list-row.svelte
new file mode 100644
index 000000000..0b0eaa2d2
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-issue-list-row.svelte
@@ -0,0 +1,167 @@
+<script lang="ts">
+  import Checkbox from '$lib/components/checkbox/checkbox.svelte';
+  import WaveMockPointsPill from './wave-mock-points-pill.svelte';
+  import WaveMockRepoBadge from './wave-mock-repo-badge.svelte';
+
+  type State =
+    | 'open'
+    | 'new-applications'
+    | 'assigned'
+    | 'assigned-to-you'
+    | 'pr-submitted'
+    | 'resolved';
+
+  let {
+    number,
+    title,
+    repo,
+    points,
+    multiplier,
+    state = 'open',
+    selectable = false,
+    selected = false,
+    highlighted = false,
+  }: {
+    number: number | string;
+    title: string;
+    repo: { name: string; avatarUrl?: string };
+    points: number;
+    multiplier?: number;
+    state?: State;
+    selectable?: boolean;
+    selected?: boolean;
+    highlighted?: boolean;
+  } = $props();
+
+  type Badge = {
+    text: string;
+    variant: 'primary' | 'caution' | 'positive' | 'neutral';
+    bold?: boolean;
+  };
+
+  let extraBadges = $derived.by<Badge[]>(() => {
+    switch (state) {
+      case 'new-applications':
+        return [{ text: 'New applications', variant: 'caution', bold: true }];
+      case 'assigned':
+        return [{ text: 'Assigned', variant: 'caution', bold: true }];
+      case 'assigned-to-you':
+        return [{ text: 'Assigned to you', variant: 'positive', bold: true }];
+      case 'pr-submitted':
+        return [{ text: 'PR submitted', variant: 'caution', bold: true }];
+      case 'resolved':
+        return [{ text: 'Points earned', variant: 'positive', bold: true }];
+      default:
+        return [];
+    }
+  });
+
+  let displayPoints = $derived(multiplier && multiplier > 1 ? points * multiplier : points);
+</script>
+
+<div class="row" class:highlighted class:selected>
+  {#if selectable}
+    <div class="checkbox-wrap">
+      <Checkbox checked={selected} />
+    </div>
+  {/if}
+
+  <div class="details">
+    <div class="badges">
+      <WaveMockPointsPill points={displayPoints} {multiplier} />
+      {#each extraBadges as badge (badge.text)}
+        <WaveMockPointsPill
+          points={badge.text}
+          label=""
+          variant={badge.variant}
+          bold={badge.bold}
+        />
+      {/each}
+    </div>
+
+    <h3 class="typo-text title">
+      <span class="number">#{number}</span>
+      {title}
+    </h3>
+
+    <div class="repo-row">
+      <WaveMockRepoBadge name={repo.name} avatarUrl={repo.avatarUrl} size="small" />
+    </div>
+  </div>
+</div>
+
+<style>
+  .row {
+    position: relative;
+    padding: 1rem;
+    border-bottom: 1px solid var(--color-foreground-level-2);
+    display: flex;
+    gap: 0.5rem;
+    box-sizing: border-box;
+    background-color: var(--color-background);
+  }
+
+  /* Selection state is communicated by the checkbox alone — matches the real app.
+     Only the "active" (currently-viewed) row gets the blue background. */
+  .row.highlighted {
+    background-color: var(--color-primary-level-1);
+  }
+
+  /* When a row enters the selected state (its checkbox animates in),
+     give the whole row a small synchronized pop. Z-index sits it above
+     neighbors so the brief overlap reads cleanly. */
+  .row.selected {
+    z-index: 1;
+    animation: row-pop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+  }
+
+  @keyframes row-pop {
+    0% {
+      transform: scale(1);
+    }
+    40% {
+      transform: scale(1.025);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+
+  .checkbox-wrap {
+    padding-top: 0.125rem;
+    pointer-events: none;
+  }
+
+  .details {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    min-width: 0;
+    flex: 1;
+  }
+
+  .badges {
+    display: flex;
+    gap: 0.25rem;
+    flex-wrap: wrap;
+  }
+
+  .title {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  .number {
+    color: var(--color-foreground-level-5);
+  }
+
+  .repo-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.25rem;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-leaderboard-row.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-leaderboard-row.svelte
new file mode 100644
index 000000000..5fe6c3f48
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-leaderboard-row.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+  import WaveMockUserBadge from './wave-mock-user-badge.svelte';
+
+  let {
+    rank,
+    user,
+    points,
+    share,
+    payout,
+    highlighted = false,
+  }: {
+    rank: number;
+    user: { name: string; avatarUrl?: string };
+    points: number;
+    share: string;
+    payout?: string;
+    highlighted?: boolean;
+  } = $props();
+</script>
+
+<div class="row" class:highlighted>
+  <span class="rank typo-text-small-bold">#{rank}</span>
+  <div class="user">
+    <WaveMockUserBadge name={user.name} avatarUrl={user.avatarUrl} size={28} />
+  </div>
+  <div class="points">
+    <span class="typo-text-bold tnum">{points.toLocaleString()}</span>
+    <span class="typo-text-small label">pts</span>
+  </div>
+  <div class="share typo-text-small">{share}</div>
+  {#if payout}
+    <div class="payout typo-text-bold tnum">{payout}</div>
+  {/if}
+</div>
+
+<style>
+  .row {
+    display: grid;
+    grid-template-columns: 2rem 1fr auto auto auto;
+    align-items: center;
+    gap: 1rem;
+    padding: 0.625rem 1rem;
+    background-color: var(--color-background);
+    border-bottom: 1px solid var(--color-foreground-level-2);
+  }
+
+  .row.highlighted {
+    background-color: var(--color-primary-level-1);
+  }
+
+  .rank {
+    color: var(--color-foreground-level-6);
+  }
+
+  .points {
+    display: flex;
+    align-items: baseline;
+    gap: 0.25rem;
+  }
+
+  .points .label {
+    color: var(--color-foreground-level-5);
+  }
+
+  .share {
+    color: var(--color-foreground-level-6);
+    min-width: 3rem;
+    text-align: right;
+  }
+
+  .payout {
+    color: var(--color-positive-level-6);
+    min-width: 4.5rem;
+    text-align: right;
+  }
+
+  @media (max-width: 600px) {
+    .row {
+      grid-template-columns: 2rem 1fr auto auto;
+      gap: 0.5rem;
+    }
+    .share {
+      display: none;
+    }
+  }
+
+  .tnum {
+    font-variant-numeric: tabular-nums;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-maintainer-issues-scene.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-maintainer-issues-scene.svelte
new file mode 100644
index 000000000..cd8186926
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-maintainer-issues-scene.svelte
@@ -0,0 +1,328 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { fade } from 'svelte/transition';
+  import Button from '$lib/components/button/button.svelte';
+  import Plus from '$lib/components/icons/Plus.svelte';
+  import WaveMockRepoBadge from './wave-mock-repo-badge.svelte';
+  import { MOCK_REPOS } from './mock-fixtures';
+  import WaveMockIssueListRow from './wave-mock-issue-list-row.svelte';
+
+  // How many of the first three issues are "currently selected" in the animation.
+  // Starts at 0; ramps to 3 when the scene enters viewport, resets on exit.
+  let revealedCount = $state(0);
+  let timeouts: ReturnType<typeof setTimeout>[] = [];
+  let sceneEl = $state<HTMLDivElement | null>(null);
+
+  // Total selectable issues that should reveal (first 3 in the array).
+  const SELECTABLE_INDICES = [0, 1, 2];
+  const STAGGER_MS = 250;
+  const INITIAL_DELAY_MS = 200;
+
+  function clearAll() {
+    timeouts.forEach((t) => clearTimeout(t));
+    timeouts = [];
+  }
+
+  function play() {
+    clearAll();
+    revealedCount = 0;
+    SELECTABLE_INDICES.forEach((_, i) => {
+      timeouts.push(
+        setTimeout(
+          () => {
+            revealedCount = i + 1;
+          },
+          INITIAL_DELAY_MS + i * STAGGER_MS,
+        ),
+      );
+    });
+  }
+
+  function reset() {
+    clearAll();
+    revealedCount = 0;
+  }
+
+  onMount(() => {
+    if (!sceneEl) return;
+    // The .page being observed is intentionally tall (~1500px) — content
+    // overflows the outer scene-scoping container which clips it. The IO
+    // doesn't know about the parent's overflow, so it always measures the
+    // full bounding rect.
+    //
+    // Lower threshold (0.15) + horizontally-expanded rootMargin keep this
+    // working across all viewport sizes. Without the rootMargin, narrow
+    // viewports cap horizontal intersection ratio. Without the lower
+    // threshold, medium-width viewports get a peak vertical-ratio close to
+    // 0.3 and can miss the threshold crossing in some scroll positions.
+    let hasPlayed = false;
+    const io = new IntersectionObserver(
+      ([entry]) => {
+        const ratio = entry.intersectionRatio;
+        if (ratio >= 0.15 && !hasPlayed) {
+          play();
+          hasPlayed = true;
+        } else if (ratio === 0 && hasPlayed) {
+          reset();
+          hasPlayed = false;
+        }
+      },
+      { threshold: [0, 0.15], rootMargin: '0px 9999px 0px 9999px' },
+    );
+    io.observe(sceneEl);
+    return () => {
+      io.disconnect();
+      clearAll();
+    };
+  });
+
+  // Enough rows that the list visibly extends past the scene's bottom edge.
+  const issues = [
+    {
+      number: 847,
+      title: 'Add cross-pool token swap routing to the AMM contract',
+      repo: MOCK_REPOS[0],
+      points: 200,
+      state: 'open' as const,
+      selected: true,
+      active: true,
+    },
+    {
+      number: 612,
+      title: 'Fix XDR decoding edge case in indexer ingestion pipeline',
+      repo: MOCK_REPOS[3],
+      points: 150,
+      state: 'open' as const,
+      selected: true,
+    },
+    {
+      number: 743,
+      title: 'Document the new transaction-builder helpers in the wallet SDK',
+      repo: MOCK_REPOS[2],
+      points: 150,
+      state: 'open' as const,
+      selected: true,
+    },
+    {
+      number: 409,
+      title: 'Typo in README install snippet',
+      repo: MOCK_REPOS[1],
+      points: 100,
+      state: 'open' as const,
+      selected: false,
+    },
+    {
+      number: 921,
+      title: 'Add retry-with-backoff to Horizon client subscriptions',
+      repo: MOCK_REPOS[1],
+      points: 200,
+      state: 'open' as const,
+      selected: false,
+    },
+    {
+      number: 158,
+      title: 'Surface validation errors in the transaction builder UI',
+      repo: MOCK_REPOS[2],
+      points: 150,
+      state: 'open' as const,
+      selected: false,
+    },
+  ];
+
+  const activeIssue = issues.find((i) => i.active) ?? issues[0];
+</script>
+
+<div class="page" bind:this={sceneEl}>
+  <!-- LEFT column: issues sidebar (batch-actions + list) — clipped at bottom -->
+  <div class="left-col">
+    <!-- Reserve the batch-actions row's height even when empty, so the list
+         doesn't shift up when the bar appears. -->
+    <div class="batch-actions-slot">
+      {#if revealedCount > 0}
+        <div class="batch-actions" in:fade={{ duration: 150 }}>
+          <span class="tnum">{revealedCount} issue{revealedCount === 1 ? '' : 's'}</span>
+          <Button variant="primary" icon={Plus}>Add to Wave Program</Button>
+        </div>
+      {/if}
+    </div>
+
+    <div class="list-card">
+      {#each issues as issue, i (issue.number)}
+        <WaveMockIssueListRow
+          number={issue.number}
+          title={issue.title}
+          repo={issue.repo}
+          points={issue.points}
+          state={issue.state}
+          selectable
+          selected={issue.selected && i < revealedCount}
+          highlighted={issue.active}
+        />
+      {/each}
+    </div>
+  </div>
+
+  <!-- RIGHT column: detail panel — clipped on the right -->
+  <div class="detail-col">
+    <div class="detail-card">
+      <div class="detail-header">
+        <h3 class="detail-title">
+          <span class="num">#{activeIssue.number}</span>
+          {activeIssue.title}
+        </h3>
+        <WaveMockRepoBadge name={activeIssue.repo.name} size="small" />
+      </div>
+
+      <div class="detail-body">
+        <p>
+          Today the AMM only supports single-pool swaps. To compete with other DEXs on Soroban, we
+          need a router that finds the best path across two or three pools and atomically executes
+          the trade in a single transaction.
+        </p>
+        <p>
+          Implementation should live alongside the existing pool contract under
+          <code>contracts/router/</code>, with TypeScript bindings regenerated so the frontend can
+          call it through our existing SDK without ceremony.
+        </p>
+        <p>
+          <strong>Scope</strong>
+        </p>
+        <ul>
+          <li>A Rust router contract supporting up to 3-hop paths between SAC pairs.</li>
+          <li>Slippage protection (min-out parameter) with a clear revert reason.</li>
+          <li>A test harness covering happy path, deep slippage, and price-impact edge cases.</li>
+        </ul>
+        <p>
+          Bonus points for benchmarking against a single-pool swap to confirm the routing overhead
+          is acceptable, and updating the docs with a short trader-facing walkthrough.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .page {
+    display: flex;
+    gap: 1rem;
+    align-items: flex-start;
+    /* Total width deliberately exceeds the scene container so the right edge clips. */
+    width: 1100px;
+    max-width: none;
+    flex-shrink: 0;
+  }
+
+  /* ----- LEFT COLUMN ----- */
+  .left-col {
+    flex-shrink: 0;
+    width: 400px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  /* Reserve the bar's slot height so the list doesn't jump on first reveal */
+  .batch-actions-slot {
+    height: 2.5rem;
+    position: relative;
+  }
+
+  /* batch-actions bar — copied 1:1 from real issues-page styles */
+  .batch-actions {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 2.5rem;
+    padding: 0 0.125rem 0 1rem;
+    border-radius: 1.25rem 0 1.25rem 1.25rem;
+    background-color: var(--color-primary-level-1);
+    color: var(--color-primary-level-6);
+    font-weight: 500;
+  }
+
+  /* Card containing the list */
+  .list-card {
+    position: relative;
+    background-color: var(--color-background);
+    border-radius: 1rem 0 1rem 1rem;
+    border: 1px solid var(--color-foreground-level-3);
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .list-card :global(.row:last-of-type) {
+    border-bottom: none;
+  }
+
+  /* ----- RIGHT COLUMN: detail panel ----- */
+  /* De-emphasized so visual focus stays on the issue list + batch-actions.
+     Fixed (narrower) width so content wraps more → card becomes taller. */
+  .detail-col {
+    flex-shrink: 0;
+    width: 560px;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    opacity: 0.55;
+  }
+
+  .detail-card {
+    background-color: var(--color-background);
+    border: 1px solid var(--color-foreground-level-3);
+    border-radius: 1rem 0 1rem 1rem;
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .detail-header {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .detail-title {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+    font-weight: 500;
+    color: var(--color-foreground);
+    margin: 0;
+  }
+
+  .detail-title .num {
+    color: var(--color-foreground-level-5);
+  }
+
+  .detail-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    color: var(--color-foreground-level-7);
+  }
+
+  .detail-body p {
+    margin: 0;
+  }
+
+  .detail-body ul {
+    margin: 0;
+    padding-left: 1.25rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+
+  .detail-body strong {
+    color: var(--color-foreground);
+    font-weight: 600;
+  }
+
+  .detail-body code {
+    background-color: var(--color-foreground-level-1);
+    padding: 0.125rem 0.375rem;
+    border-radius: 0.25rem;
+    font-family: var(--typeface-mono);
+    font-size: 0.875rem;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-points-pill.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-points-pill.svelte
new file mode 100644
index 000000000..c9930024f
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-points-pill.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+  import Multiplier from '$lib/components/icons/Multiplier.svelte';
+
+  type Variant = 'primary' | 'caution' | 'positive' | 'neutral';
+
+  let {
+    points,
+    label = 'Points',
+    multiplier,
+    variant = 'primary',
+    bold = false,
+  }: {
+    points: number | string;
+    label?: string;
+    multiplier?: number;
+    variant?: Variant;
+    bold?: boolean;
+  } = $props();
+
+  const COLORS: Record<Variant, [string, string]> = {
+    primary: ['var(--color-primary-level-7)', 'var(--color-primary-level-2)'],
+    caution: ['var(--color-caution-level-6)', 'var(--color-caution-level-1)'],
+    positive: ['var(--color-positive-level-6)', 'var(--color-positive-level-1)'],
+    neutral: ['var(--color-foreground-level-6)', 'var(--color-foreground-level-2)'],
+  };
+
+  let [color, backgroundColor] = $derived(
+    COLORS[multiplier && multiplier > 1 ? 'caution' : variant],
+  );
+</script>
+
+<span class="pill" class:bold style:color style:background-color={backgroundColor}>
+  {#if multiplier && multiplier > 1}
+    <Multiplier style="width: 0.875rem; height: 0.875rem; fill: currentColor;" />
+  {/if}
+  {points}
+  {#if label}<span>{label}</span>{/if}
+</span>
+
+<style>
+  .pill {
+    border-radius: 1rem 0 1rem 1rem;
+    padding: 0 0.5rem;
+    height: 20px;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.8rem;
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  .pill.bold {
+    font-weight: 600;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-repo-badge.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-repo-badge.svelte
new file mode 100644
index 000000000..daa1f5b10
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-repo-badge.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import GithubIcon from '$lib/components/icons/Github.svelte';
+
+  let {
+    name,
+    avatarUrl,
+    size = 'small',
+  }: {
+    name: string;
+    avatarUrl?: string;
+    size?: 'tiny' | 'small' | 'normal';
+  } = $props();
+
+  const SIZES = { tiny: 16, small: 24, normal: 32 } as const;
+</script>
+
+<div class="repo-badge">
+  {#if avatarUrl}
+    <img class="avatar" src={avatarUrl} alt="" width={SIZES[size]} height={SIZES[size]} />
+  {:else}
+    <div class="avatar placeholder" style="width: {SIZES[size]}px; height: {SIZES[size]}px;">
+      <GithubIcon style="width: 75%; height: 75%;" />
+    </div>
+  {/if}
+  <span class={size === 'normal' ? 'typo-text' : 'typo-text-small'}>{name}</span>
+</div>
+
+<style>
+  .repo-badge {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    white-space: nowrap;
+    min-width: 0;
+  }
+
+  .avatar {
+    border-radius: 50%;
+    object-fit: cover;
+    flex-shrink: 0;
+  }
+
+  .avatar.placeholder {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--color-foreground-level-2);
+  }
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-reward-scene.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-reward-scene.svelte
new file mode 100644
index 000000000..aea770993
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-reward-scene.svelte
@@ -0,0 +1,385 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { Tween } from 'svelte/motion';
+  import { cubicOut } from 'svelte/easing';
+  import WaveMockUserBadge from './wave-mock-user-badge.svelte';
+
+  // ------- data -------
+  // 48 fictional recipients in random order with per-contributor grants in
+  // the $10–$120 range. Names are placeholders; never use real people here.
+  const REWARD_RECIPIENTS = [
+    { name: 'mira-codes', amount: 42 },
+    { name: 'meridian-dev', amount: 18 },
+    { name: 'horizon42', amount: 95 },
+    { name: 'kovri-h', amount: 25 },
+    { name: 'orbit-jay', amount: 67 },
+    { name: 'pasta-stream', amount: 12 },
+    { name: 'sora-builds', amount: 88 },
+    { name: 'lattice-rs', amount: 34 },
+    { name: 'velorum', amount: 52 },
+    { name: 'nyx-eth', amount: 110 },
+    { name: 'spire-dev', amount: 22 },
+    { name: 'kepler-77', amount: 45 },
+    { name: 'aurorae', amount: 15 },
+    { name: 'ophelia.dev', amount: 73 },
+    { name: 'wren-rs', amount: 28 },
+    { name: 'nodemonk', amount: 56 },
+    { name: 'cinder-x', amount: 38 },
+    { name: 'reverb-dev', amount: 11 },
+    { name: 'okto-codes', amount: 82 },
+    { name: 'helio-77', amount: 30 },
+    { name: 'corvid', amount: 48 },
+    { name: 'fern-net', amount: 14 },
+    { name: 'tinder-rs', amount: 105 },
+    { name: 'lattice-fox', amount: 36 },
+    { name: 'zephyr-stack', amount: 17 },
+    { name: 'mantle-rs', amount: 62 },
+    { name: 'drift-codes', amount: 26 },
+    { name: 'nexa-77', amount: 91 },
+    { name: 'prism-dev', amount: 41 },
+    { name: 'basilisk', amount: 20 },
+    { name: 'vortex-x', amount: 78 },
+    { name: 'ember-cs', amount: 13 },
+    { name: 'photon-9', amount: 54 },
+    { name: 'citrine', amount: 33 },
+    { name: 'glade-rs', amount: 70 },
+    { name: 'mango-builds', amount: 19 },
+    { name: 'aspen-rs', amount: 86 },
+    { name: 'crimson', amount: 24 },
+    { name: 'indigo-dev', amount: 60 },
+    { name: 'helix-77', amount: 16 },
+    { name: 'lumen-codes', amount: 47 },
+    { name: 'mosaic', amount: 102 },
+    { name: 'nettle', amount: 29 },
+    { name: 'omega-z', amount: 39 },
+    { name: 'parallax', amount: 21 },
+    { name: 'quill-rs', amount: 75 },
+    { name: 'raven-codes', amount: 31 },
+    { name: 'sterling-dev', amount: 50 },
+  ];
+
+  // The visible recipients are an illustrative sampling. The headline pool
+  // size is the program total, not the sum of just these 24 cards.
+  const POOL_TOTAL = 50000;
+
+  // Avatars are pre-downloaded from DiceBear's `notionists` style, keyed by
+  // recipient name. See /static/assets/wave/mock-avatars/.
+  function avatarFor(i: number) {
+    return `/assets/wave/mock-avatars/${REWARD_RECIPIENTS[i].name}.svg`;
+  }
+
+  // Card layout: mirrors the CSS `grid-template-columns: repeat(6, 180px)`.
+  // Used for the diagonal-stagger calc on the card pop / badge reveal.
+  const CARDS_PER_ROW = 6;
+
+  // ------- animation state -------
+  let sceneEl = $state<HTMLDivElement | null>(null);
+
+  let cardsVisible = $state(false);
+  let cardsDimmed = $state(true); // start dimmed; flips false when cards "come into view"
+  let poolVisible = $state(false);
+  let withdrawableShown = $state(false);
+
+  const amounts = REWARD_RECIPIENTS.map(() => new Tween(0, { duration: 1200, easing: cubicOut }));
+
+  // Pool amount that counts DOWN from POOL_TOTAL → 0 as drips distribute.
+  const poolRemaining = new Tween(POOL_TOTAL, { duration: 2200, easing: cubicOut });
+
+  let timeouts: ReturnType<typeof setTimeout>[] = [];
+
+  function clearAll() {
+    timeouts.forEach((t) => clearTimeout(t));
+    timeouts = [];
+  }
+
+  function reset() {
+    clearAll();
+    cardsVisible = false;
+    cardsDimmed = true;
+    poolVisible = false;
+    withdrawableShown = false;
+    amounts.forEach((a) => a.set(0, { duration: 0 }));
+    poolRemaining.set(POOL_TOTAL, { duration: 0 });
+  }
+
+  // Timing constants (all in ms from the start of `play()`)
+  const POOL_DRAIN_MS = 2200; // pool tween duration
+  const DISTRIBUTION_START = 800; // slight pause after pool appears
+
+  function play() {
+    reset();
+
+    // Phase 1: cards appear in background (dimmed + blurred)
+    timeouts.push(setTimeout(() => (cardsVisible = true), 150));
+
+    // Phase 2: pool appears prominently in the center
+    timeouts.push(setTimeout(() => (poolVisible = true), 500));
+
+    // Phase 3: recipient counters start ticking up; pool amount counts down to 0.
+    timeouts.push(
+      setTimeout(() => {
+        poolRemaining.set(0);
+        REWARD_RECIPIENTS.forEach((r, i) => {
+          timeouts.push(setTimeout(() => amounts[i].set(r.amount), i * 25));
+        });
+      }, DISTRIBUTION_START),
+    );
+
+    // Phase 4: pool fades out (after it's drained), cards come into focus.
+    const cardsFocusAt = DISTRIBUTION_START + POOL_DRAIN_MS + 350;
+    timeouts.push(
+      setTimeout(() => {
+        poolVisible = false;
+        cardsDimmed = false;
+      }, cardsFocusAt),
+    );
+
+    // Phase 5: "Withdrawable" badges animate in (staggered via CSS)
+    timeouts.push(setTimeout(() => (withdrawableShown = true), cardsFocusAt + 400));
+  }
+
+  onMount(() => {
+    if (!sceneEl) return;
+    let hasPlayed = false;
+    const io = new IntersectionObserver(
+      ([entry]) => {
+        const ratio = entry.intersectionRatio;
+        if (ratio >= 0.3 && !hasPlayed) {
+          play();
+          hasPlayed = true;
+        } else if (ratio === 0 && hasPlayed) {
+          reset();
+          hasPlayed = false;
+        }
+      },
+      { threshold: [0, 0.3] },
+    );
+    io.observe(sceneEl);
+    return () => {
+      io.disconnect();
+      clearAll();
+    };
+  });
+
+  function fmt(n: number) {
+    return `$${Math.round(n).toLocaleString()}`;
+  }
+
+  // Pool format: zero-padded so the digit count stays constant as it counts down.
+  // Width matches POOL_TOTAL's digit count + a thousands-separator comma.
+  const POOL_DIGITS = String(POOL_TOTAL).length; // 5 for 50000
+  function fmtPool(n: number) {
+    const padded = Math.round(n).toString().padStart(POOL_DIGITS, '0');
+    // Insert thousands comma 3 from the right.
+    const head = padded.slice(0, POOL_DIGITS - 3);
+    const tail = padded.slice(POOL_DIGITS - 3);
+    return `$${head},${tail}`;
+  }
+</script>
+
+<div class="scene" bind:this={sceneEl}>
+  <!-- GRANT GRID (background layer; oversized, spills past scene edges) -->
+  <div
+    class="grid"
+    class:visible={cardsVisible}
+    class:dimmed={cardsDimmed}
+    class:popping={withdrawableShown}
+  >
+    {#each REWARD_RECIPIENTS as recipient, i (recipient.name)}
+      {@const col = i % CARDS_PER_ROW}
+      {@const row = Math.floor(i / CARDS_PER_ROW)}
+      <!-- Diagonal cascade (top-left → bottom-right): cards on the same
+           anti-diagonal (col + row = constant) pop together. -->
+      {@const diagonalDelay = (col + row) * 70}
+      <div
+        class="grant-card"
+        style:--reveal-delay="{i * 25}ms"
+        style:--badge-delay="{diagonalDelay}ms"
+      >
+        <WaveMockUserBadge name={recipient.name} avatarUrl={avatarFor(i)} size={24} />
+        <div class="amount-row">
+          <span class="amount tnum">{fmt(amounts[i].current)}</span>
+        </div>
+        <span class="status typo-text-small-bold" class:shown={withdrawableShown}>
+          Withdrawable
+        </span>
+      </div>
+    {/each}
+  </div>
+
+  <!-- POOL (foreground; fades + scales out when cards come into focus) -->
+  <div class="pool" class:visible={poolVisible}>
+    <span class="pool-label typo-all-caps">Reward pool</span>
+    <span class="pool-amount mono">{fmtPool(poolRemaining.current)}</span>
+  </div>
+</div>
+
+<style>
+  .scene {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /* Shorter than the grid's natural height so the top + bottom rows clip,
+       implying "infinite" recipients on all sides. */
+    min-height: 460px;
+    overflow: hidden;
+    isolation: isolate;
+  }
+
+  /* ===== GRANT GRID (background layer) ===== */
+  .grid {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) rotate(-2deg);
+    display: grid;
+    grid-template-columns: repeat(6, 180px);
+    grid-template-rows: repeat(4, auto);
+    gap: 12px;
+    z-index: 1;
+    transition:
+      opacity 0.7s ease,
+      filter 0.7s ease;
+  }
+
+  .grid.dimmed {
+    opacity: 0.45;
+    filter: blur(2px);
+  }
+
+  .grant-card {
+    background-color: var(--color-background);
+    border: 1px solid var(--color-foreground-level-3);
+    border-radius: 0.875rem 0 0.875rem 0.875rem;
+    padding: 0.625rem 0.75rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    opacity: 0;
+    transform: translateY(8px) scale(0.96);
+    transition:
+      opacity 0.5s ease-out,
+      transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+  }
+
+  .grid.visible .grant-card {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+
+  /* When the Withdrawable badge fades in on each card, the card itself
+     gives a small synchronized "pop" — scale 1 → 1.05 → 1 over ~500ms,
+     staggered per card via --badge-delay so it cascades across the grid. */
+  .grid.popping .grant-card {
+    animation: card-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) var(--badge-delay, 0ms) both;
+  }
+
+  @keyframes card-pop {
+    0% {
+      transform: translateY(0) scale(1);
+    }
+    40% {
+      transform: translateY(0) scale(1.05);
+    }
+    100% {
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  .amount-row {
+    display: flex;
+    align-items: baseline;
+  }
+
+  .amount {
+    font-size: 1.125rem;
+    font-weight: 600;
+    line-height: 1;
+    color: var(--color-foreground);
+  }
+
+  /* "Withdrawable" badge — invisible by default, slides + fades in once
+     `withdrawableShown` is true, staggered per card via --badge-delay. */
+  .status {
+    width: fit-content;
+    padding: 0 0.375rem;
+    font-size: 0.7rem;
+    border-radius: 1rem 0 1rem 1rem;
+    background: var(--color-positive-level-1);
+    color: var(--color-positive-level-6);
+    height: 16px;
+    display: flex;
+    align-items: center;
+    opacity: 0;
+    transform: translateY(-4px) scale(0.85);
+    transition:
+      opacity 0.35s ease,
+      transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--badge-delay, 0ms);
+  }
+
+  .status.shown {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+
+  /* ===== POOL (centered, fades/scales out after the drips finish) ===== */
+  .pool {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) scale(0.85);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 1.25rem 2.5rem;
+    background: var(--color-primary-level-1);
+    border: 1px solid var(--color-primary-level-2);
+    border-radius: 1.75rem 0 1.75rem 1.75rem;
+    color: var(--color-primary-level-9);
+    z-index: 3;
+    opacity: 0;
+    pointer-events: none;
+    box-shadow: 0 24px 60px -20px rgba(85, 85, 255, 0.35);
+    transition:
+      opacity 0.6s ease,
+      transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
+  }
+
+  .pool.visible {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+
+  .pool-label {
+    color: var(--color-primary);
+    font-size: 0.75rem;
+  }
+
+  .pool-amount {
+    /* Monospace so the digits don't dance as the value counts down. */
+    font-family: var(--typeface-mono, ui-monospace, 'SF Mono', Menlo, monospace);
+    font-weight: 600;
+    font-variant-numeric: tabular-nums;
+    font-size: clamp(2rem, 3.5vw, 2.75rem);
+    line-height: 1;
+    color: var(--color-primary);
+    letter-spacing: -0.02em;
+  }
+
+  /* Responsive: keep the desktop 6-col grid on mobile. The flow-explainer
+     applies `transform: scale(...)` on mobile to shrink the whole grid to fit
+     the smaller frame — at scaled size the 6 cols overflow horizontally on
+     all sides (the "infinite recipients" effect) without leaving side gaps. */
+
+  @media (prefers-reduced-motion: reduce) {
+    .grant-card,
+    .status,
+    .pool,
+    .grid {
+      transition: none;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-sprint-scene.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-sprint-scene.svelte
new file mode 100644
index 000000000..899593621
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-sprint-scene.svelte
@@ -0,0 +1,465 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { fade } from 'svelte/transition';
+  import { MOCK_CONTRIBUTORS } from './mock-fixtures';
+  import WaveMockApplicantCard from './wave-mock-applicant-card.svelte';
+
+  // ------- animation state -------
+  let sceneEl = $state<HTMLDivElement | null>(null);
+  let acceptButtonRef = $state<HTMLElement | null>(null);
+
+  // Per-card visibility (staggered grid populate). Same length as `cards`.
+  let visible = $state<boolean[]>(Array(9).fill(false));
+  // Phase 2: main grows, others fade + blur, main's action buttons fade in
+  let promoted = $state(false);
+
+  // Cursor state
+  let cursorVisible = $state(false);
+  let cursorX = $state(0);
+  let cursorY = $state(0);
+  let cursorClicking = $state(false);
+  let mainStatus = $state<'pending' | 'accepted'>('pending');
+
+  let timeouts: ReturnType<typeof setTimeout>[] = [];
+
+  function clearAll() {
+    timeouts.forEach((t) => clearTimeout(t));
+    timeouts = [];
+  }
+
+  function reset() {
+    clearAll();
+    visible = visible.map(() => false);
+    promoted = false;
+    cursorVisible = false;
+    cursorClicking = false;
+    mainStatus = 'pending';
+  }
+
+  function play() {
+    reset();
+
+    // Phase 1: grid populates from the center outward.
+    // Order: center (main) → adjacent (N/E/S/W) → corners.
+    const REVEAL_ORDER = [4, 1, 5, 7, 3, 0, 2, 8, 6];
+    const stagger = 90;
+    REVEAL_ORDER.forEach((cellIdx, n) => {
+      timeouts.push(
+        setTimeout(
+          () => {
+            visible[cellIdx] = true;
+          },
+          100 + n * stagger,
+        ),
+      );
+    });
+    const allVisibleAt = 100 + REVEAL_ORDER.length * stagger;
+
+    // Phase 2: promote main (others fade + blur, main scales up, actions fade in)
+    const promoteAt = allVisibleAt + 350;
+    timeouts.push(
+      setTimeout(() => {
+        promoted = true;
+      }, promoteAt),
+    );
+
+    // Phase 3: cursor enters from bottom-right of the visible scene
+    const cursorEnterAt = promoteAt + 850;
+    timeouts.push(
+      setTimeout(() => {
+        if (!sceneEl) return;
+        const sceneRect = sceneEl.getBoundingClientRect();
+        cursorX = sceneRect.width * 0.82;
+        cursorY = sceneRect.height * 0.88;
+        cursorVisible = true;
+      }, cursorEnterAt),
+    );
+
+    // Cursor moves to the Accept button. Hotspot at rendered (16.8, 13.2) px.
+    timeouts.push(
+      setTimeout(() => {
+        if (!sceneEl || !acceptButtonRef) return;
+        const sceneRect = sceneEl.getBoundingClientRect();
+        const buttonRect = acceptButtonRef.getBoundingClientRect();
+        cursorX = buttonRect.left - sceneRect.left + buttonRect.width / 2 - 16.8;
+        cursorY = buttonRect.top - sceneRect.top + buttonRect.height / 2 - 13.2;
+      }, cursorEnterAt + 200),
+    );
+
+    // Click pulse + state flip
+    timeouts.push(
+      setTimeout(() => {
+        cursorClicking = true;
+      }, cursorEnterAt + 1100),
+    );
+    timeouts.push(
+      setTimeout(() => {
+        mainStatus = 'accepted';
+        cursorClicking = false;
+      }, cursorEnterAt + 1300),
+    );
+
+    // Linger then fade cursor out
+    timeouts.push(
+      setTimeout(() => {
+        cursorVisible = false;
+      }, cursorEnterAt + 2400),
+    );
+  }
+
+  onMount(() => {
+    if (!sceneEl) return;
+    let hasPlayed = false;
+    const io = new IntersectionObserver(
+      ([entry]) => {
+        const ratio = entry.intersectionRatio;
+        if (ratio >= 0.3 && !hasPlayed) {
+          play();
+          hasPlayed = true;
+        } else if (ratio === 0 && hasPlayed) {
+          reset();
+          hasPlayed = false;
+        }
+      },
+      { threshold: [0, 0.3] },
+    );
+    io.observe(sceneEl);
+    return () => {
+      io.disconnect();
+      clearAll();
+    };
+  });
+
+  // ------- data -------
+  // 3×3 grid; main lives at index 4 (the dead-center cell).
+  // Cells 0..8 (row-major):
+  //   0 [TL]   1 [T]    2 [TR]
+  //   3 [L]    4 [MAIN] 5 [R]
+  //   6 [BL]   7 [B]    8 [BR]
+  type Card = {
+    user: { name: string; avatarUrl?: string; verified?: boolean };
+    text: string;
+    metrics: {
+      ossActivity: 'good' | 'mid' | 'bad';
+      mergedPRs: { value: number; bin: 'good' | 'mid' | 'bad' };
+      mergeRate: { value: string; bin: 'good' | 'mid' | 'bad' };
+    };
+    isMain?: boolean;
+  };
+
+  const cards: Card[] = [
+    // 0 TL
+    {
+      user: MOCK_CONTRIBUTORS[1],
+      text: 'Done a few similar things in side projects. Should be doable within the Wave.',
+      metrics: {
+        ossActivity: 'mid',
+        mergedPRs: { value: 42, bin: 'mid' },
+        mergeRate: { value: '78%', bin: 'mid' },
+      },
+    },
+    // 1 Top-middle
+    {
+      user: MOCK_CONTRIBUTORS[2],
+      text: 'Strong Rust + Soroban background. Will follow up on slippage design first.',
+      metrics: {
+        ossActivity: 'good',
+        mergedPRs: { value: 312, bin: 'good' },
+        mergeRate: { value: '88%', bin: 'good' },
+      },
+    },
+    // 2 TR
+    {
+      user: MOCK_CONTRIBUTORS[3],
+      text: 'Have written 3-hop routers on EVM. The Soroban version should be similar in shape.',
+      metrics: {
+        ossActivity: 'good',
+        mergedPRs: { value: 167, bin: 'good' },
+        mergeRate: { value: '85%', bin: 'good' },
+      },
+    },
+    // 3 Left
+    {
+      user: MOCK_CONTRIBUTORS[4],
+      text: 'Could do this over the weekend. I have a working slippage-protected router locally.',
+      metrics: {
+        ossActivity: 'mid',
+        mergedPRs: { value: 58, bin: 'mid' },
+        mergeRate: { value: '71%', bin: 'mid' },
+      },
+    },
+    // 4 CENTER = MAIN
+    {
+      user: MOCK_CONTRIBUTORS[0],
+      text: 'Shipped a similar Soroban router last Wave with full test coverage. Can wrap this in 2 days — slippage math sketched out already.',
+      metrics: {
+        ossActivity: 'good',
+        mergedPRs: { value: 184, bin: 'good' },
+        mergeRate: { value: '92%', bin: 'good' },
+      },
+      isMain: true,
+    },
+    // 5 Right
+    {
+      user: MOCK_CONTRIBUTORS[5],
+      text: 'First time touching Soroban but built a Uniswap V2 router clone in Rust last year.',
+      metrics: {
+        ossActivity: 'mid',
+        mergedPRs: { value: 21, bin: 'bad' },
+        mergeRate: { value: '64%', bin: 'bad' },
+      },
+    },
+    // 6 BL
+    {
+      user: MOCK_CONTRIBUTORS[1],
+      text: 'Familiar with the AMM space — wrote a fee-on-transfer router fork last quarter.',
+      metrics: {
+        ossActivity: 'mid',
+        mergedPRs: { value: 96, bin: 'mid' },
+        mergeRate: { value: '80%', bin: 'mid' },
+      },
+    },
+    // 7 Bottom-middle
+    {
+      user: MOCK_CONTRIBUTORS[3],
+      text: 'I can pair on this with my colleague — we’d split research and implementation cleanly.',
+      metrics: {
+        ossActivity: 'good',
+        mergedPRs: { value: 220, bin: 'good' },
+        mergeRate: { value: '90%', bin: 'good' },
+      },
+    },
+    // 8 BR
+    {
+      user: MOCK_CONTRIBUTORS[2],
+      text: 'I’ve audited two Soroban DEXs already. Would prefer to start with the test harness.',
+      metrics: {
+        ossActivity: 'good',
+        mergedPRs: { value: 410, bin: 'good' },
+        mergeRate: { value: '94%', bin: 'good' },
+      },
+    },
+  ];
+</script>
+
+<div class="scene" bind:this={sceneEl}>
+  <div class="grid">
+    {#each cards as card, i (i)}
+      <div
+        class="cell"
+        class:visible={visible[i]}
+        class:main={card.isMain}
+        class:dimmed={promoted && !card.isMain}
+        class:scaled={promoted && card.isMain}
+      >
+        {#if card.isMain}
+          <WaveMockApplicantCard
+            highlighted
+            showActions
+            status={mainStatus}
+            acceptVariant={promoted ? 'primary' : 'normal'}
+            bind:acceptButtonRef
+            user={card.user}
+            text={card.text}
+            metrics={card.metrics}
+            width="100%"
+          />
+        {:else}
+          <WaveMockApplicantCard
+            showActions
+            user={card.user}
+            text={card.text}
+            metrics={card.metrics}
+            width="100%"
+          />
+        {/if}
+      </div>
+    {/each}
+  </div>
+
+  <!-- Animated cursor — authentic macOS default cursor SVG.
+       Source: github.com/daviddarnes/mac-cursors (MIT).
+       Hotspot at rendered (16.8, 13.2) px (SVG viewBox 32 rendered at 64). -->
+  {#if cursorVisible}
+    <div
+      class="cursor"
+      class:clicking={cursorClicking}
+      style:transform="translate({cursorX}px, {cursorY}px)"
+      in:fade={{ duration: 200 }}
+      out:fade={{ duration: 250 }}
+    >
+      <svg width="64" height="64" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+        <g fill="none" fill-rule="evenodd" transform="translate(10 7)">
+          <path
+            d="m6.148 18.473 1.863-1.003 1.615-.839-2.568-4.816h4.332l-11.379-11.408v16.015l3.316-3.221z"
+            fill="#fff"
+          />
+          <path
+            d="m6.431 17 1.765-.941-2.775-5.202h3.604l-8.025-8.043v11.188l2.53-2.442z"
+            fill="#000"
+          />
+        </g>
+      </svg>
+      <span class="ripple"></span>
+    </div>
+  {/if}
+</div>
+
+<style>
+  /* Scene clips the oversized grid on every side. */
+  .scene {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 560px;
+    overflow: hidden;
+    /* Make sure the absolute grid is centered inside */
+    isolation: isolate;
+  }
+
+  /* The grid is intentionally larger than the scene so edge cards spill out
+     on all four sides and get clipped. Main at center stays fully visible. */
+  .grid {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    display: grid;
+    grid-template-columns: repeat(3, 320px);
+    /* Auto rows — every card has the same content structure (badge, 2-line
+       text, 3 metrics, 2 action buttons), so they're all naturally the same
+       height with no trailing whitespace. */
+    grid-auto-rows: auto;
+    gap: 1rem;
+  }
+
+  /* Block layout so the inner applicant card can grow taller than the cell
+     when needed (e.g. the main card after its action buttons fade in).
+     `min-height: 100%` on the card still enforces a uniform "calm-state" height. */
+  .cell {
+    opacity: 0;
+    transform: translateY(12px);
+    transition:
+      opacity 0.5s ease-out,
+      transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
+      filter 0.6s ease;
+    will-change: transform, opacity, filter;
+  }
+
+  .cell.visible {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  /* Equal heights come naturally from `grid-auto-rows: auto` + identical
+     content structure — no min-height needed. */
+  .cell :global(.applicant) {
+    box-sizing: border-box;
+  }
+
+  /* Phase 2: non-main cards fade + blur. */
+  .cell.dimmed {
+    opacity: 0.35;
+    filter: blur(2px);
+    transform: translateY(0) scale(0.96);
+  }
+
+  /* Phase 2: main grows + lifts above neighbors. */
+  .cell.main {
+    z-index: 2;
+  }
+
+  .cell.main.scaled {
+    transform: translateY(0) scale(1.15);
+    filter: drop-shadow(0 18px 38px rgba(85, 85, 255, 0.25));
+    transition:
+      transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
+      filter 0.7s ease;
+  }
+
+  /* When actions fade in inside the main, the card naturally grows taller via
+     min-height. The cell's bounding box stays at 240px; the grown card spills
+     visually past the cell, sitting above dimmed neighbors via z-index. */
+
+  /* Animated mouse cursor. Hotspot at rendered (16.8px, 13.2px). */
+  .cursor {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 64px;
+    height: 64px;
+    z-index: 5;
+    pointer-events: none;
+    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
+    will-change: transform;
+  }
+
+  .cursor.clicking svg {
+    transform: scale(0.85);
+  }
+
+  .cursor svg {
+    transition: transform 0.15s ease-out;
+    transform-origin: 16.8px 13.2px;
+    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
+  }
+
+  .cursor .ripple {
+    position: absolute;
+    top: 13.2px;
+    left: 16.8px;
+    width: 0;
+    height: 0;
+    border-radius: 50%;
+    background: var(--color-primary);
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .cursor.clicking .ripple {
+    animation: ripple 0.55s ease-out;
+  }
+
+  @keyframes ripple {
+    0% {
+      width: 0;
+      height: 0;
+      margin-left: 0;
+      margin-top: 0;
+      opacity: 0.55;
+    }
+    100% {
+      width: 60px;
+      height: 60px;
+      margin-left: -30px;
+      margin-top: -30px;
+      opacity: 0;
+    }
+  }
+
+  @media (max-width: 882px) {
+    .scene {
+      min-height: 700px;
+    }
+    .grid {
+      grid-template-columns: repeat(3, 260px);
+    }
+  }
+
+  @media (max-width: 600px) {
+    .grid {
+      grid-template-columns: repeat(3, 220px);
+      gap: 0.5rem;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .cell,
+    .cell.main.scaled {
+      transition: none;
+    }
+    .cursor {
+      transition: none;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-user-badge.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-user-badge.svelte
new file mode 100644
index 000000000..d45a77b89
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-user-badge.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+  import Registered from '$lib/components/icons/Registered.svelte';
+
+  let {
+    name,
+    avatarUrl,
+    verified = false,
+    hideName = false,
+    size = 24,
+  }: {
+    name: string;
+    avatarUrl?: string;
+    verified?: boolean;
+    hideName?: boolean;
+    size?: number;
+  } = $props();
+</script>
+
+<div class="user-badge">
+  {#if avatarUrl}
+    <img class="avatar" src={avatarUrl} alt="" width={size} height={size} />
+  {:else}
+    <div class="avatar placeholder" style="width: {size}px; height: {size}px;">
+      {name.slice(0, 1).toUpperCase()}
+    </div>
+  {/if}
+  {#if !hideName}
+    <span class="name typo-text">{name}</span>
+  {/if}
+  {#if verified}
+    <Registered style="fill: var(--color-primary); width: 1rem; height: 1rem;" />
+  {/if}
+</div>
+
+<style>
+  .user-badge {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    min-width: 0;
+  }
+
+  .avatar {
+    border-radius: 50%;
+    object-fit: cover;
+    flex-shrink: 0;
+  }
+
+  .avatar.placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-primary-level-2);
+    color: var(--color-primary-level-7);
+    font-weight: 600;
+    font-size: 0.75rem;
+  }
+
+  .name {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-withdraw-card.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-withdraw-card.svelte
new file mode 100644
index 000000000..1beee71c1
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/mocks/wave-mock-withdraw-card.svelte
@@ -0,0 +1,139 @@
+<script lang="ts">
+  import Button from '$lib/components/button/button.svelte';
+  import ChevronRight from '$lib/components/icons/ChevronRight.svelte';
+
+  type Status = 'withdrawable' | 'complete' | 'pending';
+
+  let {
+    programName,
+    waveNumber,
+    amount,
+    status = 'withdrawable',
+    width,
+    showAction = true,
+  }: {
+    programName: string;
+    waveNumber: number;
+    amount: number;
+    status?: Status;
+    width?: string;
+    showAction?: boolean;
+  } = $props();
+
+  const STATUS_LABEL: Record<Status, string> = {
+    withdrawable: 'Withdrawable',
+    complete: 'Complete',
+    pending: 'Pending',
+  };
+
+  const STATUS_COLORS: Record<Status, [string, string]> = {
+    withdrawable: ['var(--color-positive-level-6)', 'var(--color-positive-level-1)'],
+    complete: ['var(--color-positive-level-6)', 'var(--color-positive-level-1)'],
+    pending: ['var(--color-caution-level-6)', 'var(--color-caution-level-1)'],
+  };
+
+  let [statusColor, statusBg] = $derived(STATUS_COLORS[status]);
+</script>
+
+<div class="card" style:width>
+  <div class="info">
+    <div class="header">
+      <span class="program typo-text-bold">{programName} Wave {waveNumber}</span>
+      <span
+        class="status typo-text-small-bold"
+        style:color={statusColor}
+        style:background-color={statusBg}
+      >
+        {STATUS_LABEL[status]}
+      </span>
+    </div>
+
+    <div class="amount-row">
+      <span class="amount tnum">${amount.toLocaleString()}</span>
+      <span class="currency typo-text-small">USD</span>
+    </div>
+  </div>
+
+  <div class="right">
+    {#if showAction}
+      <Button variant={status === 'withdrawable' ? 'primary' : 'normal'}>
+        {status === 'complete' ? 'View receipt' : 'Withdraw'}
+      </Button>
+    {/if}
+    <ChevronRight style="width: 1.25rem; height: 1.25rem; fill: var(--color-foreground-level-4);" />
+  </div>
+</div>
+
+<style>
+  .card {
+    background-color: var(--color-background);
+    border: 1px solid var(--color-foreground-level-3);
+    border-radius: 1rem 0 1rem 1rem;
+    padding: 1rem 1.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    box-sizing: border-box;
+  }
+
+  .info {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    min-width: 0;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+  }
+
+  .program {
+    white-space: nowrap;
+  }
+
+  .status {
+    padding: 0.125rem 0.5rem;
+    border-radius: 1rem 0 1rem 1rem;
+  }
+
+  .amount-row {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+
+  .amount {
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1;
+  }
+
+  .currency {
+    color: var(--color-foreground-level-5);
+  }
+
+  .right {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-shrink: 0;
+  }
+
+  .tnum {
+    font-variant-numeric: tabular-nums;
+  }
+
+  @media (max-width: 600px) {
+    .card {
+      flex-direction: column;
+      align-items: stretch;
+    }
+    .right {
+      justify-content: flex-end;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/wave-audience-funnel.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/wave-audience-funnel.svelte
new file mode 100644
index 000000000..111c0a742
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/wave-audience-funnel.svelte
@@ -0,0 +1,159 @@
+<script lang="ts">
+  import Button from '$lib/components/button/button.svelte';
+  import ArrowRight from '$lib/components/icons/ArrowRight.svelte';
+  import Ecosystem from '$lib/components/icons/Ecosystem.svelte';
+  import Orgs from '$lib/components/icons/Orgs.svelte';
+  import User from '$lib/components/icons/User.svelte';
+  import { INBOUND_LEAD_FORM_URL } from '$lib/constants';
+
+  let {
+    title = 'Three ways to get involved',
+    description,
+  }: {
+    title?: string;
+    description?: string;
+  } = $props();
+
+  const audiences = [
+    {
+      icon: Ecosystem,
+      kicker: 'For ecosystems',
+      headline: 'Run a Wave Program',
+      copy: 'Convert your ecosystem budget into a recurring cycle of merged PRs across approved repos.',
+      cta: 'Talk to us',
+      href: INBOUND_LEAD_FORM_URL,
+      external: true,
+    },
+    {
+      icon: Orgs,
+      kicker: 'For maintainers',
+      headline: 'Clear your backlog',
+      copy: "Apply your Stellar repos to a Wave and let funded contributors ship the issues you've been sitting on.",
+      cta: 'Read the maintainer docs',
+      href: 'https://docs.drips.network/wave/maintainers/participating-in-a-wave',
+      external: true,
+    },
+    {
+      icon: User,
+      kicker: 'For contributors',
+      headline: 'Fix, merge, earn',
+      copy: "Browse curated issues from top-tier ecosystems, merge PRs, and earn a share of every Wave's pool.",
+      cta: 'Browse active Waves',
+      href: '/wave',
+      external: false,
+    },
+  ];
+</script>
+
+<div class="funnel">
+  {#if title}
+    <div class="header">
+      <h2 class="pixelated">{title}</h2>
+      {#if description}<p>{description}</p>{/if}
+    </div>
+  {/if}
+
+  <div class="doors">
+    {#each audiences as audience (audience.href)}
+      {@const Icon = audience.icon}
+      <div class="door">
+        <div class="icon-wrap">
+          <Icon style="width: 1.5rem; height: 1.5rem; fill: var(--color-primary)" />
+        </div>
+        <span class="kicker typo-text-small-bold">{audience.kicker}</span>
+        <h3 class="typo-header-3">{audience.headline}</h3>
+        <p class="copy">{audience.copy}</p>
+        <div class="cta-row">
+          <Button
+            href={audience.href}
+            target={audience.external ? '_blank' : undefined}
+            rel={audience.external ? 'noopener noreferrer' : undefined}
+            icon={ArrowRight}
+          >
+            {audience.cta}
+          </Button>
+        </div>
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .funnel {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+    padding: 2rem 0;
+  }
+
+  .header {
+    text-align: center;
+    max-width: 640px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    align-items: center;
+  }
+
+  .header h2 {
+    font-size: clamp(1.75rem, 3vw, 2.5rem);
+    line-height: 1.1;
+  }
+
+  .header p {
+    color: var(--color-foreground-level-6);
+  }
+
+  .doors {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+  }
+
+  .door {
+    background: var(--color-background);
+    border: 1px solid var(--color-foreground-level-3);
+    border-radius: 1.5rem 0 1.5rem 1.5rem;
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .icon-wrap {
+    width: 3rem;
+    height: 3rem;
+    background: var(--color-primary-level-1);
+    border-radius: 0.75rem 0 0.75rem 0.75rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0.5rem;
+  }
+
+  .kicker {
+    color: var(--color-primary);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    font-size: 0.75rem;
+  }
+
+  .copy {
+    color: var(--color-foreground-level-6);
+    flex: 1;
+    margin-bottom: 1rem;
+  }
+
+  .cta-row {
+    margin-top: auto;
+    display: flex;
+  }
+
+  @media (max-width: 882px) {
+    .doors {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/wave-flow-explainer.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/wave-flow-explainer.svelte
new file mode 100644
index 000000000..53a35baae
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/wave-flow-explainer.svelte
@@ -0,0 +1,282 @@
+<script lang="ts">
+  import WaveMockMaintainerIssuesScene from './mocks/wave-mock-maintainer-issues-scene.svelte';
+  import WaveMockRewardScene from './mocks/wave-mock-reward-scene.svelte';
+  import WaveMockSprintScene from './mocks/wave-mock-sprint-scene.svelte';
+  import WaveSceneBg from './wave-scene-bg.svelte';
+
+  let {
+    compact = false,
+  }: {
+    compact?: boolean;
+  } = $props();
+</script>
+
+{#snippet stageHeader(num: string, title: string, description: string)}
+  <div class="stage-meta">
+    <h3 class="stage-title typo-header-2">
+      <span class="num-circle">{num}</span>
+      <span>{title}</span>
+    </h3>
+    <p>{description}</p>
+  </div>
+{/snippet}
+
+{#snippet connector(direction: 'down' | 'up')}
+  <div class="connector" aria-hidden="true">
+    <svg viewBox="0 0 200 40" preserveAspectRatio="none">
+      {#if direction === 'down'}
+        <path
+          d="M0,20 Q50,0 100,20 T200,20"
+          stroke="var(--color-primary-level-3)"
+          stroke-width="2"
+          fill="none"
+          stroke-dasharray="4 4"
+        />
+      {:else}
+        <path
+          d="M0,20 Q50,40 100,20 T200,20"
+          stroke="var(--color-primary-level-3)"
+          stroke-width="2"
+          fill="none"
+          stroke-dasharray="4 4"
+        />
+      {/if}
+    </svg>
+  </div>
+{/snippet}
+
+<div class="explainer" class:compact>
+  <!-- Stage 1: Scoping (text left, scene right) -->
+  <div class="stage">
+    {@render stageHeader(
+      '1',
+      'Maintainers add issues',
+      'Maintainers pull issues from their backlog into the Wave Program and assign each a complexity — Trivial, Medium, or High — that determines its Points value.',
+    )}
+
+    <div class="scene scene-scoping">
+      <WaveSceneBg />
+      <WaveMockMaintainerIssuesScene />
+    </div>
+  </div>
+
+  {@render connector('down')}
+
+  <!-- Stage 2: Sprint (scene left, text right) -->
+  <div class="stage reverse">
+    {@render stageHeader(
+      '2',
+      'Contributors solve issues',
+      'Contributors browse, apply, and merge PRs over one week. Every resolved issue awards Points and pushes the leaderboard live.',
+    )}
+
+    <div class="scene scene-sprint">
+      <WaveSceneBg />
+      <WaveMockSprintScene />
+    </div>
+  </div>
+
+  {@render connector('up')}
+
+  <!-- Stage 3: Reward (text left, scene right) -->
+  <div class="stage">
+    {@render stageHeader(
+      '3',
+      'Rewards are distributed',
+      'When the Wave closes, the reward pool splits by Points share. Contributors withdraw on-chain — no spreadsheets, no manual accounting.',
+    )}
+
+    <div class="scene scene-reward">
+      <WaveSceneBg />
+      <WaveMockRewardScene />
+    </div>
+  </div>
+</div>
+
+<style>
+  .explainer {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 3rem;
+    width: 100%;
+  }
+
+  .stage {
+    display: grid;
+    grid-template-columns: minmax(320px, 480px) 1fr;
+    gap: 3rem;
+    align-items: center;
+  }
+
+  .stage.reverse {
+    grid-template-columns: 1fr minmax(320px, 480px);
+  }
+
+  .stage.reverse .stage-meta {
+    order: 2;
+  }
+
+  .stage-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .stage-meta :global(p) {
+    color: var(--color-foreground-level-6);
+  }
+
+  .stage-title {
+    display: flex;
+    align-items: center;
+    gap: 0.625rem;
+    margin: 0;
+  }
+
+  /* Number sits inside a primary-tinted circle, inline with the title */
+  .num-circle {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.875rem;
+    height: 1.875rem;
+    border-radius: 50%;
+    background: var(--color-primary-level-1);
+    color: var(--color-primary);
+    font-size: 0.95rem;
+    font-weight: 600;
+    line-height: 1;
+  }
+
+  .scene {
+    position: relative;
+    /* Form a stacking context so WaveSceneBg's z-index: -1 stays scoped */
+    isolation: isolate;
+    border-radius: 2rem 0 2rem 2rem;
+    padding: 2.5rem;
+    overflow: hidden;
+    min-height: 320px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* Scene 1: zoomed-in screenshot of the maintainers > issues page.
+     Anchor content top-left, let it spill past the right + bottom edges
+     so the panel reads as "we're looking at the top-left corner". */
+  .scene-scoping {
+    align-items: flex-start;
+    justify-content: flex-start;
+    padding: 2rem 0 0 2rem;
+    height: 500px;
+  }
+
+  /* Scene 2: sprint — WaveMockSprintScene manages its own canvas internally,
+     so this scene just provides the framed background. Override padding so the
+     scene component can fill the area corner-to-corner. */
+  .scene-sprint {
+    padding: 0;
+    min-height: 540px;
+  }
+
+  /* Scene 3: reward — WaveMockRewardScene manages its own layout. */
+  .scene-reward {
+    padding: 0;
+    min-height: 460px;
+  }
+
+  /* Wavy connector between stages */
+  .connector {
+    height: 40px;
+    width: 60%;
+    margin: -0.5rem auto;
+    opacity: 0.6;
+  }
+
+  .connector svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  /* Compact mode for embedding on homepage band */
+  .explainer.compact {
+    gap: 2rem;
+  }
+  .explainer.compact .scene {
+    padding: 1.5rem;
+    min-height: 240px;
+  }
+  .explainer.compact .stage {
+    gap: 2rem;
+  }
+
+  @media (max-width: 882px) {
+    .stage,
+    .stage.reverse {
+      grid-template-columns: 1fr;
+      gap: 1.5rem;
+    }
+    .stage.reverse .stage-meta {
+      order: 0;
+    }
+    .scene {
+      padding: 1.5rem;
+      min-height: 0;
+    }
+    /* Force each lifecycle illustration into a near-square box on mobile.
+       Inner mock content is also scaled down via transform so cards are
+       smaller and more of the composition fits within the square. */
+    .scene-scoping,
+    .scene-sprint,
+    .scene-reward {
+      height: auto;
+      min-height: 0;
+      aspect-ratio: 1 / 1;
+    }
+    /* Scenes 2 & 3 should fill edge-to-edge — no padding ring inside the bg.
+       (`.scene { padding: 1.5rem }` above wins over per-scene `padding: 0`
+       due to identical specificity + later position, so override explicitly.) */
+    .scene-sprint,
+    .scene-reward {
+      padding: 0;
+    }
+    /* Stop the inner mock's own min-height/padding from creating gaps
+       between the outer aspect-square frame and the content. */
+    .scene-sprint :global(.scene),
+    .scene-reward :global(.scene) {
+      min-height: 0;
+      padding: 0;
+    }
+    /* Scale inner mock content down. For scenes 2/3 we scale the *content*
+       elements (.grid, .pool) — not the inner .scene wrapper — so the wrapper
+       still fills the outer aspect-square box and the centered content reads
+       at its intended scale within that frame.
+       For scenes 2/3, .grid/.pool already use `transform: translate(-50%, -50%)`
+       to center themselves, so the override re-declares both the translate
+       and the scale to compose correctly. */
+    .scene-scoping :global(.page) {
+      transform: scale(0.65);
+      transform-origin: top left;
+    }
+    .scene-sprint :global(.grid) {
+      transform: translate(-50%, -50%) scale(0.6);
+    }
+    .scene-sprint :global(.cursor) {
+      transform-origin: top left;
+    }
+    .scene-reward :global(.grid) {
+      transform: translate(-50%, -50%) scale(0.65) rotate(-2deg);
+    }
+    .scene-reward :global(.pool.visible) {
+      transform: translate(-50%, -50%) scale(0.85);
+    }
+    .connector {
+      width: 30%;
+      height: 30px;
+    }
+    .explainer {
+      gap: 2rem;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/wave-hero-visual.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/wave-hero-visual.svelte
new file mode 100644
index 000000000..6a05c3a41
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/wave-hero-visual.svelte
@@ -0,0 +1,233 @@
+<script lang="ts">
+  import { MOCK_CONTRIBUTORS, MOCK_REPOS } from './mocks/mock-fixtures';
+  import WaveMockApplicantCard from './mocks/wave-mock-applicant-card.svelte';
+  import WaveMockIssueCard from './mocks/wave-mock-issue-card.svelte';
+  import WaveMockPointsPill from './mocks/wave-mock-points-pill.svelte';
+  import WaveMockWithdrawCard from './mocks/wave-mock-withdraw-card.svelte';
+  import WaveSceneBg from './wave-scene-bg.svelte';
+</script>
+
+<div class="hero-visual" aria-hidden="true">
+  <div class="bg-frame">
+    <WaveSceneBg />
+  </div>
+
+  <!-- Floating cards composition -->
+  <div class="floats">
+    <div class="float float-issue-1">
+      <WaveMockIssueCard
+        number="847"
+        title="Add cross-pool token swap routing to the AMM contract"
+        repo={MOCK_REPOS[0]}
+        points={200}
+        state="new-applications"
+        width="100%"
+      />
+    </div>
+
+    <div class="float float-applicant">
+      <WaveMockApplicantCard
+        highlighted
+        user={MOCK_CONTRIBUTORS[0]}
+        text="Shipped a similar Soroban router last Wave. Can wrap this in two days."
+        metrics={{
+          ossActivity: 'good',
+          mergedPRs: { value: 184, bin: 'good' },
+          mergeRate: { value: '92%', bin: 'good' },
+        }}
+      />
+    </div>
+
+    <div class="float float-issue-2">
+      <WaveMockIssueCard
+        number="409"
+        title="Fix XDR decoding edge case in indexer ingestion"
+        repo={MOCK_REPOS[3]}
+        points={150}
+        state="pr-submitted"
+        width="100%"
+      />
+    </div>
+
+    <div class="float float-withdraw">
+      <WaveMockWithdrawCard
+        programName="Stellar"
+        waveNumber={5}
+        amount={98.42}
+        status="withdrawable"
+        width="100%"
+        showAction={false}
+      />
+    </div>
+
+    <div class="float float-pill-1">
+      <WaveMockPointsPill points={150} bold />
+    </div>
+    <div class="float float-pill-2">
+      <WaveMockPointsPill points="Points earned" label="" variant="positive" bold />
+    </div>
+    <div class="float float-pill-3">
+      <WaveMockPointsPill points={200} multiplier={1.5} bold />
+    </div>
+  </div>
+</div>
+
+<style>
+  .hero-visual {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 480px;
+    /* Visible overflow so cards can spill past the background */
+    overflow: visible;
+  }
+
+  /* Inset frame holds the wavy background so some cards extend past its edges.
+     `isolation: isolate` forms a stacking context so WaveSceneBg's z-index: -1
+     stays scoped inside this frame instead of escaping behind the page bg. */
+  .bg-frame {
+    position: absolute;
+    inset: 2.5rem 1.5rem;
+    border-radius: 2rem 0 2rem 2rem;
+    overflow: hidden;
+    isolation: isolate;
+  }
+
+  .floats {
+    position: absolute;
+    inset: 0;
+  }
+
+  .float {
+    position: absolute;
+    animation: float 8s ease-in-out infinite;
+    /* --rot is preserved through keyframes via var() reference */
+    transform: rotate(var(--rot, 0deg));
+  }
+
+  /* Animation preserves the per-card rotation */
+  @keyframes float {
+    0%,
+    100% {
+      transform: translateY(0) rotate(var(--rot, 0deg));
+    }
+    50% {
+      transform: translateY(-10px) rotate(var(--rot, 0deg));
+    }
+  }
+
+  /* Top-left issue — extends past the LEFT bg edge */
+  .float-issue-1 {
+    top: 22%;
+    left: -2%;
+    width: 320px;
+    --rot: -5deg;
+    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
+    animation-delay: 0s;
+  }
+
+  /* Right-side applicant — slightly overflows the RIGHT bg edge */
+  .float-applicant {
+    top: 30%;
+    right: -1%;
+    width: 320px;
+    --rot: 3deg;
+    filter: drop-shadow(0 16px 32px rgba(85, 85, 255, 0.22));
+    animation-delay: -2s;
+    z-index: 2;
+  }
+
+  /* Bottom-left issue — extends past the BOTTOM bg edge */
+  .float-issue-2 {
+    bottom: -2%;
+    left: 14%;
+    width: 300px;
+    --rot: 4deg;
+    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
+    animation-delay: -4s;
+  }
+
+  /* Middle-ish withdraw — fully inside bg */
+  .float-withdraw {
+    top: 52%;
+    left: 10%;
+    width: 320px;
+    --rot: -2deg;
+    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
+    animation-delay: -3s;
+    z-index: 1;
+  }
+
+  .float-pill-1 {
+    top: 30%;
+    right: 30%;
+    --rot: 9deg;
+    animation-delay: -1s;
+  }
+  .float-pill-2 {
+    top: 22%;
+    left: 38%;
+    --rot: -8deg;
+    animation-delay: -5s;
+  }
+  .float-pill-3 {
+    bottom: 14%;
+    right: 14%;
+    --rot: -8deg;
+    animation-delay: -3s;
+  }
+
+  @media (max-width: 1100px) {
+    .float-issue-1 {
+      width: 260px;
+    }
+    .float-applicant {
+      width: 280px;
+    }
+    .float-issue-2 {
+      width: 240px;
+    }
+    .float-withdraw {
+      width: 240px;
+    }
+  }
+
+  @media (max-width: 882px) {
+    .hero-visual {
+      min-height: 380px;
+    }
+    .float-issue-1 {
+      top: 4%;
+      left: 2%;
+      width: 220px;
+    }
+    .float-applicant {
+      top: 36%;
+      right: 2%;
+      width: 220px;
+    }
+    .float-issue-2 {
+      display: none;
+    }
+    .float-withdraw {
+      bottom: 6%;
+      left: 12%;
+      top: auto;
+      width: 220px;
+    }
+    .float-pill-1,
+    .float-pill-2,
+    .float-pill-3 {
+      display: none;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .float {
+      animation: none;
+    }
+    .bg svg :global(animate) {
+      display: none;
+    }
+  }
+</style>
diff --git a/src/routes/(pages)/(lp)/solutions/wave/components/wave-scene-bg.svelte b/src/routes/(pages)/(lp)/solutions/wave/components/wave-scene-bg.svelte
new file mode 100644
index 000000000..14eda0c6c
--- /dev/null
+++ b/src/routes/(pages)/(lp)/solutions/wave/components/wave-scene-bg.svelte
@@ -0,0 +1,98 @@
+<script lang="ts">
+  // Reusable wavy SVG background used on the hub hero + every lifecycle scene.
+  // crypto.randomUUID() keeps gradient IDs unique so multiple instances on the
+  // same page don't share refs.
+  const uid = crypto.randomUUID();
+  const grad1 = `wave-scene-grad-1-${uid}`;
+  const grad2 = `wave-scene-grad-2-${uid}`;
+</script>
+
+<div class="bg">
+  <svg
+    viewBox="0 0 1200 800"
+    preserveAspectRatio="xMidYMid slice"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <linearGradient id={grad1} x1="0" y1="0" x2="1" y2="1">
+        <stop offset="0%" stop-color="var(--color-primary-level-2)" stop-opacity="0.6" />
+        <stop offset="100%" stop-color="var(--color-primary-level-1)" stop-opacity="0" />
+      </linearGradient>
+      <linearGradient id={grad2} x1="0" y1="0" x2="0" y2="1">
+        <stop offset="0%" stop-color="var(--color-primary)" stop-opacity="0.15" />
+        <stop offset="100%" stop-color="var(--color-primary)" stop-opacity="0" />
+      </linearGradient>
+    </defs>
+
+    <path
+      d="M0,500 C200,420 400,580 600,500 C800,420 1000,580 1200,500 L1200,800 L0,800 Z"
+      fill="url(#{grad1})"
+    >
+      <animate
+        attributeName="d"
+        dur="14s"
+        repeatCount="indefinite"
+        values="
+          M0,500 C200,420 400,580 600,500 C800,420 1000,580 1200,500 L1200,800 L0,800 Z;
+          M0,510 C200,580 400,420 600,510 C800,580 1000,420 1200,510 L1200,800 L0,800 Z;
+          M0,500 C200,420 400,580 600,500 C800,420 1000,580 1200,500 L1200,800 L0,800 Z
+        "
+      />
+    </path>
+
+    <path
+      d="M0,620 C300,560 500,700 800,620 C1000,565 1100,650 1200,620 L1200,800 L0,800 Z"
+      fill="url(#{grad2})"
+    >
+      <animate
+        attributeName="d"
+        dur="18s"
+        repeatCount="indefinite"
+        values="
+          M0,620 C300,560 500,700 800,620 C1000,565 1100,650 1200,620 L1200,800 L0,800 Z;
+          M0,640 C300,700 500,560 800,640 C1000,680 1100,580 1200,640 L1200,800 L0,800 Z;
+          M0,620 C300,560 500,700 800,620 C1000,565 1100,650 1200,620 L1200,800 L0,800 Z
+        "
+      />
+    </path>
+
+    <!-- Drifting tiny coin shapes -->
+    <g opacity="0.5">
+      <circle cx="180" cy="180" r="6" fill="var(--color-primary)" opacity="0.4">
+        <animate attributeName="cy" values="180;160;180" dur="6s" repeatCount="indefinite" />
+      </circle>
+      <circle cx="980" cy="240" r="8" fill="var(--color-primary)" opacity="0.3">
+        <animate attributeName="cy" values="240;220;240" dur="8s" repeatCount="indefinite" />
+      </circle>
+      <circle cx="640" cy="120" r="5" fill="var(--color-primary)" opacity="0.5">
+        <animate attributeName="cy" values="120;100;120" dur="5s" repeatCount="indefinite" />
+      </circle>
+    </g>
+  </svg>
+</div>
+
+<style>
+  .bg {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    background: linear-gradient(
+      180deg,
+      var(--color-foreground-level-1) 0%,
+      var(--color-primary-level-1) 100%
+    );
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  .bg svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .bg svg :global(animate) {
+      display: none;
+    }
+  }
+</style>
diff --git a/static/assets/wave/mock-avatars/aspen-rs.svg b/static/assets/wave/mock-avatars/aspen-rs.svg
new file mode 100644
index 000000000..0ea41ea41
--- /dev/null
+++ b/static/assets/wave/mock-avatars/aspen-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(219 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#e1bee7"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M30.03 8a6.51 6.51 0 0 1 4.85 2.05c.56.54.96 1.32 1.1 2.14l.67 4.16c.35 1.94-.7 3.67-2.53 4.09-1.62.37-3 .55-4.12.55-1.13 0-2.55-.2-4.24-.58-1.84-.42-2.84-2.2-2.38-4.14l.79-4.2c.16-.74.53-1.43 1.03-1.93C25.83 9.5 27.3 8 30.03 8Z" fill="#dee1f5"/><path d="M34.88 10.05c.56.54.96 1.32 1.1 2.14l.67 4.16c.35 1.94-.7 3.67-2.53 4.09-1.62.37-3 .55-4.12.55-1.13 0-2.55-.2-4.24-.58-1.84-.42-2.84-2.2-2.38-4.14l.79-4.2c.16-.74.53-1.43 1.03-1.93.26-.27.67-.69 1.25-1.08-.31.48-1.45.98-1.45 2.43V15a3.06 3.06 0 0 0 2.02 3.51c1.18.34 2.18.5 2.98.5.79 0 1.76-.16 2.9-.47 1.28-.35 2.35-1.89 2.1-3.53v-3c0-1.5-1.1-2.54-1.5-3l-.14-.14c.73.42 1.22.9 1.52 1.2Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/aurorae.svg b/static/assets/wave/mock-avatars/aurorae.svg
new file mode 100644
index 000000000..46ed1e0af
--- /dev/null
+++ b/static/assets/wave/mock-avatars/aurorae.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(57 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="m44 26-.02-.02-.3.02a2 2 0 0 1-1.8-2.88 2 2 0 0 1-2.73-2.1 2 2 0 0 1-3.3.56h-.02a1.99 1.99 0 0 1-2 2.05 2 2 0 0 1-1.75-1.04 2 2 0 0 1-3.92.33 2 2 0 0 1-3.87-.6c-.04 0-.09 0-.13-.02a2 2 0 0 1-3.67-.98c-.3-.1-.57-.2-.85-.32.02.09.02.17.02.26a2 2 0 0 1-2.74 1.86A2 2 0 0 1 16 25.8v.23a4.5 4.5 0 0 0 .58 8.97A14.04 14.04 0 0 0 25 44.08v3.06c-.25-.2-.47-.42-.65-.68-.49-.13-.96-.29-1.43-.46a3.46 3.46 0 0 1-4.54-2.3 20.9 20.9 0 0 1-.98-.7 3.46 3.46 0 0 1-3.83-3.8c-.17-.21-.34-.43-.5-.66a3.46 3.46 0 0 1-2.66-5.07l-.14-.39a3.47 3.47 0 0 1-1.08-5.96v-.01a3.47 3.47 0 0 1 .47-6.2 3.47 3.47 0 0 1 2.28-5.79 3.47 3.47 0 0 1 3.87-4.86 3.47 3.47 0 0 1 5.15-3.5 3.47 3.47 0 0 1 5.94-1.83 3.47 3.47 0 0 1 6.22 0 3.47 3.47 0 0 1 5.94 1.83 3.47 3.47 0 0 1 5.14 3.5 3.47 3.47 0 0 1 3.87 4.86 3.47 3.47 0 0 1 2.28 5.8 3.47 3.47 0 0 1 .47 6.19 3.47 3.47 0 0 1-1.08 5.97l-.14.4a3.47 3.47 0 0 1-2.66 5.06c-.16.23-.33.45-.5.66A3.46 3.46 0 0 1 42.6 43l-.98.7a3.46 3.46 0 0 1-4.54 2.3c-.47.17-.94.33-1.43.46-.18.26-.4.49-.65.68v-3.06A14.04 14.04 0 0 0 43.42 35h.08a4.5 4.5 0 0 0 .5-8.97V26Z" fill="#f27d65"/><mask id="hairCurly-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="3" width="46" height="45"><path d="m44 26-.02-.02-.3.02a2 2 0 0 1-1.8-2.88 2 2 0 0 1-2.73-2.1 2 2 0 0 1-3.3.56h-.02a1.99 1.99 0 0 1-2 2.05 2 2 0 0 1-1.75-1.04 2 2 0 0 1-3.92.33 2 2 0 0 1-3.87-.6c-.04 0-.09 0-.13-.02a2 2 0 0 1-3.67-.98c-.3-.1-.57-.2-.85-.32.02.09.02.17.02.26a2 2 0 0 1-2.74 1.86A2 2 0 0 1 16 25.8v.23a4.5 4.5 0 0 0 .58 8.97A14.04 14.04 0 0 0 25 44.08v3.06c-.25-.2-.47-.42-.65-.68-.49-.13-.96-.29-1.43-.46a3.46 3.46 0 0 1-4.54-2.3 20.9 20.9 0 0 1-.98-.7 3.46 3.46 0 0 1-3.83-3.8c-.17-.21-.34-.43-.5-.66a3.46 3.46 0 0 1-2.66-5.07l-.14-.39a3.47 3.47 0 0 1-1.08-5.96v-.01a3.47 3.47 0 0 1 .47-6.2 3.47 3.47 0 0 1 2.28-5.79 3.47 3.47 0 0 1 3.87-4.86 3.47 3.47 0 0 1 5.15-3.5 3.47 3.47 0 0 1 5.94-1.83 3.47 3.47 0 0 1 6.22 0 3.47 3.47 0 0 1 5.94 1.83 3.47 3.47 0 0 1 5.14 3.5 3.47 3.47 0 0 1 3.87 4.86 3.47 3.47 0 0 1 2.28 5.8 3.47 3.47 0 0 1 .47 6.19 3.47 3.47 0 0 1-1.08 5.97l-.14.4a3.47 3.47 0 0 1-2.66 5.06c-.16.23-.33.45-.5.66A3.46 3.46 0 0 1 42.6 43l-.98.7a3.46 3.46 0 0 1-4.54 2.3c-.47.17-.94.33-1.43.46-.18.26-.4.49-.65.68v-3.06A14.04 14.04 0 0 0 43.42 35h.08a4.5 4.5 0 0 0 .5-8.97V26Z" fill="#fff"/></mask><g mask="url(#hairCurly-a)"><path fill="#fff" d="M7 3h46v44H7z" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#e24553"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path opacity=".2" d="M32 3v4A14 14 0 1 1 4 7V2.7c2.05 2.94 4.53 6.97 8 8.3 2-1 4-1.5 6-1.5s4 .5 6 1.5c3.47-1.33 5.95-5.36 8-8.3V3Z" fill="#f27d65"/></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/basilisk.svg b/static/assets/wave/mock-avatars/basilisk.svg
new file mode 100644
index 000000000..c9cb7a654
--- /dev/null
+++ b/static/assets/wave/mock-avatars/basilisk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(181 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.63 4A1 1 0 0 0 4 5.37 4.5 4.5 0 0 0 6.25 6a4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74c-.43.25-.85.37-1.25.37S5.43 3.88 5 3.63A1 1 0 0 0 3.63 4ZM15.63 4A1 1 0 0 0 16 5.37a4.5 4.5 0 0 0 2.25.63 4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74 2.5 2.5 0 0 1-1.25.37c-.4 0-.82-.12-1.25-.37a1 1 0 0 0-1.37.37Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-2.18-2.42-3.65-5.54-4.42-9.36a19.6 19.6 0 0 1-9.08 7.86c-4.67 2-9.5 2.33-14.5 1v.53c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm-9 21.31v-3.23A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76V45a38.74 38.74 0 0 1-11 2.31ZM14 45a38.74 38.74 0 0 0 11 2.31v-3.23A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76V45Z" fill="#e16381"/><path d="M30 9c-8.84 0-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73v-.53c5 1.33 9.83 1 14.5-1a19.6 19.6 0 0 0 9.08-7.86c.77 3.82 2.24 6.94 4.42 9.36v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f55d81"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/cinder-x.svg b/static/assets/wave/mock-avatars/cinder-x.svg
new file mode 100644
index 000000000..98778eeda
--- /dev/null
+++ b/static/assets/wave/mock-avatars/cinder-x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(321 0.5 0.5)"><stop stop-color="#e1bee7"/><stop offset="1" stop-color="#fff3b0"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/></g><g transform="translate(23 36)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2c-.76 0-1.51-.14-2.27-.41A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17a3 3 0 0 0 6 0 3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91C10.51 1.86 9.76 2 9 2ZM7.59 7h2.82A1.5 1.5 0 0 1 7.6 7Z" fill="#456DFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5v.17a3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91 6.61 6.61 0 0 1-4.54 0A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17V6.5a3 3 0 1 1 6 0ZM7.59 7h2.82A1.5 1.5 0 1 0 7.6 7Z" fill="#fff" fill-opacity=".3" style="mix-blend-mode:lighten"/><circle cx="9" cy="4.5" r="1.5" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/citrine.svg b/static/assets/wave/mock-avatars/citrine.svg
new file mode 100644
index 000000000..7d86190b4
--- /dev/null
+++ b/static/assets/wave/mock-avatars/citrine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(69 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M31.8 7a2 2 0 0 1 3.8 0h.57a2 2 0 0 1 3.83.67l.22.1a2 2 0 0 1 3.13 2.3l.15.17a2 2 0 0 1 1.77 3.41c.05.16.09.31.12.47a2 2 0 0 1 .02 3.75l-.05.32a2 2 0 0 1-.02 3.63 2 2 0 0 1 .16.85 1.8 1.8 0 0 1-1.22 2.92L44 27.5c-.44-.66-.84-1.48-1.2-2.46a1.8 1.8 0 0 1-.45-.8 2 2 0 0 1-.56-2.68l-.02-.1a2 2 0 0 1-.96-2.94 2 2 0 0 1-2.44-.32 2 2 0 0 1-3.72.06l-.31.03a2 2 0 0 1-3.58.2h-.23a2 2 0 0 1-3.52-.1l-.4-.03a2 2 0 0 1-3.68-.17 2 2 0 0 1-3.04-.22l-.03.16a2 2 0 0 1-.7 3.35 2 2 0 0 1-1.4 3.1c-.5.97-1.09 1.94-1.76 2.9l-.19-1.92a1.8 1.8 0 0 1-.34-3.47V22a2 2 0 0 1-.39-3.9l-.01-.14a2 2 0 0 1 .07-3.92c0-.06.02-.12.04-.17a2 2 0 0 1 1.46-3.63A2 2 0 0 1 19.7 7.9v-.1a2 2 0 0 1 3.84-.8h.05a2 2 0 0 1 3.82 0h.18a2 2 0 0 1 3.82 0h.38Z" fill="#f27d65"/><mask id="hairCurlyHighTop-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="13" y="5" width="34" height="23"><path d="M31.8 7a2 2 0 0 1 3.8 0h.57a2 2 0 0 1 3.83.67l.22.1a2 2 0 0 1 3.13 2.3l.15.17a2 2 0 0 1 1.77 3.41c.05.16.09.31.12.47a2 2 0 0 1 .02 3.75l-.05.32a2 2 0 0 1-.02 3.63 2 2 0 0 1 .16.85 1.8 1.8 0 0 1-1.22 2.92L44 27.5c-.44-.66-.84-1.48-1.2-2.46a1.8 1.8 0 0 1-.45-.8 2 2 0 0 1-.56-2.68l-.02-.1a2 2 0 0 1-.96-2.94 2 2 0 0 1-2.44-.32 2 2 0 0 1-3.72.06l-.31.03a2 2 0 0 1-3.58.2h-.23a2 2 0 0 1-3.52-.1l-.4-.03a2 2 0 0 1-3.68-.17 2 2 0 0 1-3.04-.22l-.03.16a2 2 0 0 1-.7 3.35 2 2 0 0 1-1.4 3.1c-.5.97-1.09 1.94-1.76 2.9l-.19-1.92a1.8 1.8 0 0 1-.34-3.47V22a2 2 0 0 1-.39-3.9l-.01-.14a2 2 0 0 1 .07-3.92c0-.06.02-.12.04-.17a2 2 0 0 1 1.46-3.63A2 2 0 0 1 19.7 7.9v-.1a2 2 0 0 1 3.84-.8h.05a2 2 0 0 1 3.82 0h.18a2 2 0 0 1 3.82 0h.38Z" fill="#fff"/></mask><g mask="url(#hairCurlyHighTop-a)"><path fill="#fff" d="M13 5h34v23H13z" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="m12.47 9.46 2.43-.83A2.5 2.5 0 0 1 18 10a2.5 2.5 0 0 1 3.1-1.37l2.43.83A18.65 18.65 0 0 0 32 2.7V9A14 14 0 1 1 4 9V2.7c2.05 2.94 5 5.43 8.47 6.76Z" fill="#f27d65"/><mask id="facialHairBeardMustache-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="2" width="28" height="21"><path d="m12.47 9.46 2.43-.83A2.5 2.5 0 0 1 18 10a2.5 2.5 0 0 1 3.1-1.37l2.43.83A18.65 18.65 0 0 0 32 2.7V9A14 14 0 1 1 4 9V2.7c2.05 2.94 5 5.43 8.47 6.76Z" fill="#fff"/></mask><g mask="url(#facialHairBeardMustache-a)"><path d="M32 9V2.7c-2.05 2.94-5 5.43-8.47 6.76l2.8.96a1 1 0 0 1-.07 1.91l-5.08 1.3A2.71 2.71 0 0 1 18 12.05a2.72 2.72 0 0 1-3.18 1.58l-5.08-1.3a1 1 0 0 1-.08-1.91l2.81-.96A18.65 18.65 0 0 1 4 2.7V9a14 14 0 1 0 28 0Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/><path d="M22 13.42v.08a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3.08l.82.21A2.71 2.71 0 0 0 18 12.05a2.72 2.72 0 0 0 3.18 1.58l.82-.2Z" fill="#FFFEFD"/></g></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/corvid.svg b/static/assets/wave/mock-avatars/corvid.svg
new file mode 100644
index 000000000..0bdfe14da
--- /dev/null
+++ b/static/assets/wave/mock-avatars/corvid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(219 0.5 0.5)"><stop stop-color="#b3e5fc"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path d="M40.26 12.63a7.93 7.93 0 0 1 4.6 8.35L44 27c-2.83-1.7-4.7-5.55-5.6-11.56a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 3.67-1.33 7.17-4 10.5l-.92-8.53A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63Z" fill="#e16381"/><path d="M40.26 12.63c.48-1.12.74-2.35.74-3.63H24.03a9 9 0 0 0-8.95 9.97L16 27.5c2.67-3.33 4-6.83 4-10.5 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29a9.24 9.24 0 0 0 7.56-5.58ZM44.88 20.84a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5c1.04 4.22 2.7 7.01 5 8.39l.85-6.02.02-.14Z" style="mix-blend-mode:overlay" opacity=".26" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/crimson.svg b/static/assets/wave/mock-avatars/crimson.svg
new file mode 100644
index 000000000..846e6d75d
--- /dev/null
+++ b/static/assets/wave/mock-avatars/crimson.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(138 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="m15.79 25.56-.71-6.6A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63a7.93 7.93 0 0 1 4.6 8.35L44 27v4.22a14 14 0 0 1-.48 3.42l-2.52.54A1 1 0 0 1 39.8 34l1.9-9.12c-1.57-2.09-2.68-5.24-3.31-9.44a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 2.6-.67 5.1-2 7.52L19.98 34a1 1 0 0 1-1.2 1.18l-2.51-.54a14 14 0 0 1-.48-3.42v-5.66Z" fill="#e16381"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.98 34 18 24.52c1.33-2.42 2-4.93 2-7.52 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29A9.24 9.24 0 0 0 41 9H24.03a9 9 0 0 0-8.95 9.97l.7 6.59v5.66a14 14 0 0 0 .49 3.42l2.52.54A1 1 0 0 0 19.98 34ZM44 31.22V27l.86-6.02.02-.14a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5 17.22 17.22 0 0 0 2.7 6.27L39.8 34A1 1 0 0 0 41 35.18l2.52-.54a14 14 0 0 0 .48-3.42Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/drift-codes.svg b/static/assets/wave/mock-avatars/drift-codes.svg
new file mode 100644
index 000000000..3da4c35a3
--- /dev/null
+++ b/static/assets/wave/mock-avatars/drift-codes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(144 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.63 4A1 1 0 0 0 4 5.37 4.5 4.5 0 0 0 6.25 6a4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74c-.43.25-.85.37-1.25.37S5.43 3.88 5 3.63A1 1 0 0 0 3.63 4ZM15.63 4A1 1 0 0 0 16 5.37a4.5 4.5 0 0 0 2.25.63 4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74 2.5 2.5 0 0 1-1.25.37c-.4 0-.82-.12-1.25-.37a1 1 0 0 0-1.37.37Z" fill="#1B0640"/></g><g transform="translate(2 2)"><mask id="hairFade-b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="12" width="28" height="15"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 27v-2a14 14 0 0 1 7.5-12.4v.14c.09 1.68.16 3.3-.4 4.53-.7 1.57-1.78 2.45-2.72 3.21l-.62.52c-.7.61-2.44 2.49-3.76 6Zm28 0v-2a14 14 0 0 0-7.5-12.4v.14c-.09 1.68-.16 3.3.4 4.53.7 1.57 1.78 2.45 2.72 3.21l.62.52c.7.61 2.44 2.49 3.76 6Z" fill="url(#hairFade-a)"/></mask><g mask="url(#hairFade-b)"><path fill-rule="evenodd" clip-rule="evenodd" d="m16 27-.2-14.4h7.7l.06 14.4H16Zm20.72 0H44l-.07-14.4H36.5l.22 14.4Z" fill="#f29c65"/></g><path d="M22.3 17.95c0-3.6 2.72-6.63 6.3-7L38 10a6.84 6.84 0 0 1-6.49 9h-8.15c-.58 0-1.05-.47-1.05-1.05Z" fill="#f29c65"/><defs><linearGradient id="hairFade-a" x1="16" y1="12.6" x2="16" y2="27" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity=".01"/></linearGradient></defs></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f55d81"/></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/ember-cs.svg b/static/assets/wave/mock-avatars/ember-cs.svg
new file mode 100644
index 000000000..9a1627b8a
--- /dev/null
+++ b/static/assets/wave/mock-avatars/ember-cs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(286 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M40.26 12.63a7.93 7.93 0 0 1 4.6 8.35L44 27c-2.83-1.7-4.7-5.55-5.6-11.56a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 3.67-1.33 7.17-4 10.5l-.92-8.53A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63Z" fill="#362c47"/><path d="M40.26 12.63c.48-1.12.74-2.35.74-3.63H24.03a9 9 0 0 0-8.95 9.97L16 27.5c2.67-3.33 4-6.83 4-10.5 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29a9.24 9.24 0 0 0 7.56-5.58ZM44.88 20.84a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5c1.04 4.22 2.7 7.01 5 8.39l.85-6.02.02-.14Z" style="mix-blend-mode:overlay" opacity=".26" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/fern-net.svg b/static/assets/wave/mock-avatars/fern-net.svg
new file mode 100644
index 000000000..6a2d9fe02
--- /dev/null
+++ b/static/assets/wave/mock-avatars/fern-net.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(14 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm2 8.24v6.6c0 7.32-4.61 13.52-11 15.68V44.08A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76Zm-32 6.6c0 7.37 4.68 13.6 11.13 15.73a1073 1073 0 0 0-.13-7.02v-5.47A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76v6.6Z" fill="#6c4545"/><path d="M40.03 18.53A18.47 18.47 0 0 0 44 26v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9s-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73V25c0-1.88.37-3.68 1.05-5.32 4.13 2.5 9.12 3.43 14.95 2.82 3.48-.37 6.16-1.7 8.03-3.97Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#e24553"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/glade-rs.svg b/static/assets/wave/mock-avatars/glade-rs.svg
new file mode 100644
index 000000000..fec47e604
--- /dev/null
+++ b/static/assets/wave/mock-avatars/glade-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(214 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M40.26 12.63a7.93 7.93 0 0 1 4.6 8.35L44 27c-2.83-1.7-4.7-5.55-5.6-11.56a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 3.67-1.33 7.17-4 10.5l-.92-8.53A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63Z" fill="#f27d65"/><path d="M40.26 12.63c.48-1.12.74-2.35.74-3.63H24.03a9 9 0 0 0-8.95 9.97L16 27.5c2.67-3.33 4-6.83 4-10.5 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29a9.24 9.24 0 0 0 7.56-5.58ZM44.88 20.84a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5c1.04 4.22 2.7 7.01 5 8.39l.85-6.02.02-.14Z" style="mix-blend-mode:overlay" opacity=".26" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/helio-77.svg b/static/assets/wave/mock-avatars/helio-77.svg
new file mode 100644
index 000000000..1a654cf46
--- /dev/null
+++ b/static/assets/wave/mock-avatars/helio-77.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(34 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#e1bee7"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#eeb4a4"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path opacity=".2" d="M30 17c3.88 0 7.55-.37 11 4.22l-1.9 6.5c-.61 1.22-1.64 1.55-2.46.79-2.1-1.92-4.3-2.88-6.64-2.88-2.33 0-4.55.96-6.64 2.89-.82.76-1.85.43-2.46-.8L19 21.22c3.45-4.6 7.12-4.22 11-4.22Z" fill="#000"/><path d="M27.3 11.2a3 3 0 0 1 5.4 0c6.1.96 10.82 5.24 11.3 12.72a27.7 27.7 0 0 0-3.96-1.3l-.94.6a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.94-.6c-1.4.35-2.72.78-3.96 1.3.48-7.48 5.2-11.76 11.3-12.71Z" fill="#F29C65"/><path d="M19.96 22.62c-1.4.35-2.72.78-3.96 1.3C16.55 15.37 22.63 11 30 11s13.45 4.37 14 12.92a27.7 27.7 0 0 0-3.96-1.3L41 22c-3.45-2.67-7.12-4-11-4s-7.55 1.33-11 4l.96.62Z" fill="#000" style="mix-blend-mode:overlay" opacity=".28"/><path d="m39.45 23-.35.22a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.35-.23c.87.07 2.19-.47 2.81-.81a13.86 13.86 0 0 1 13.28 0c.62.34 1.94.88 2.8.81Z" fill="#fff" style="mix-blend-mode:lighten" opacity=".2"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f55d81"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/helix-77.svg b/static/assets/wave/mock-avatars/helix-77.svg
new file mode 100644
index 000000000..d322b58c3
--- /dev/null
+++ b/static/assets/wave/mock-avatars/helix-77.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(342 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path d="M20.2 15a10 10 0 1 1 19.6 0c-2.53-2.47-5.98-4-9.8-4-3.82 0-7.27 1.53-9.8 4Z" fill="#f29c65"/><path d="M43.93 23.63A14 14 0 0 0 31 15h-2a14 14 0 0 0-12.93 8.63 14 14 0 0 1 27.86 0Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#6dbb58"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/horizon42.svg b/static/assets/wave/mock-avatars/horizon42.svg
new file mode 100644
index 000000000..5f09b15e8
--- /dev/null
+++ b/static/assets/wave/mock-avatars/horizon42.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(57 0.5 0.5)"><stop stop-color="#fff3b0"/><stop offset="1" stop-color="#d1d4f9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><circle cx="30" cy="12" r="4" fill="#5A45FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m33.72 12.84-.05 7.66c3.72-.75 5.83-1.25 6.33-1.5 1.33 4.33 2.67 7.33 4 9v-3a14 14 0 0 0-7.06-12.16c0-.02-1.08-.02-3.22 0ZM20 19c.5.25 2.6.75 6.33 1.5v-7.66h-3.27A14 14 0 0 0 16 25v3c1.33-1.67 2.67-4.67 4-9Z" fill="#f27d65" opacity=".3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 6c-2.1 0-3.81 2.01-3.99 4.57-.72.41-1.44.94-2.14 1.58a3 3 0 0 0-.96 1.93l-.21 2.2a3.87 3.87 0 0 0 3.02 4.14c1.73.39 3.16.58 4.29.58 1.12 0 2.5-.18 4.17-.55a4 4 0 0 0 3.13-4.09l-.1-2.17a3 3 0 0 0-1.04-2.14 12.1 12.1 0 0 0-2.18-1.5C33.8 7.98 32.08 6 30 6Zm0 3.5a8 8 0 0 0-3.67.9 4 4 0 0 1 7.33-.03A8.25 8.25 0 0 0 30 9.5Z" fill="#f27d65"/><path d="M26.02 10.56C26.19 8 27.9 6 30 6c2.07 0 3.77 1.96 3.98 4.47a11 11 0 0 0-.36-.17 4 4 0 0 0-7.28.09l-.32.17Z" fill="#000" style="mix-blend-mode:overlay" opacity=".22"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#f55d81"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="M16 17.5h4l-.68 2.05a1.39 1.39 0 0 1-2.63 0l-.7-2.05Z" fill="#f27d65"/></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/indigo-dev.svg b/static/assets/wave/mock-avatars/indigo-dev.svg
new file mode 100644
index 000000000..76245c69a
--- /dev/null
+++ b/static/assets/wave/mock-avatars/indigo-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(321 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#eeb4a4"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><circle cx="30" cy="12" r="4" fill="#5A45FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m33.72 12.84-.05 7.66c3.72-.75 5.83-1.25 6.33-1.5 1.33 4.33 2.67 7.33 4 9v-3a14 14 0 0 0-7.06-12.16c0-.02-1.08-.02-3.22 0ZM20 19c.5.25 2.6.75 6.33 1.5v-7.66h-3.27A14 14 0 0 0 16 25v3c1.33-1.67 2.67-4.67 4-9Z" fill="#f27d65" opacity=".3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 6c-2.1 0-3.81 2.01-3.99 4.57-.72.41-1.44.94-2.14 1.58a3 3 0 0 0-.96 1.93l-.21 2.2a3.87 3.87 0 0 0 3.02 4.14c1.73.39 3.16.58 4.29.58 1.12 0 2.5-.18 4.17-.55a4 4 0 0 0 3.13-4.09l-.1-2.17a3 3 0 0 0-1.04-2.14 12.1 12.1 0 0 0-2.18-1.5C33.8 7.98 32.08 6 30 6Zm0 3.5a8 8 0 0 0-3.67.9 4 4 0 0 1 7.33-.03A8.25 8.25 0 0 0 30 9.5Z" fill="#f27d65"/><path d="M26.02 10.56C26.19 8 27.9 6 30 6c2.07 0 3.77 1.96 3.98 4.47a11 11 0 0 0-.36-.17 4 4 0 0 0-7.28.09l-.32.17Z" fill="#000" style="mix-blend-mode:overlay" opacity=".22"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/kepler-77.svg b/static/assets/wave/mock-avatars/kepler-77.svg
new file mode 100644
index 000000000..a3c38dab4
--- /dev/null
+++ b/static/assets/wave/mock-avatars/kepler-77.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(305 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#fff3b0"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M40.26 12.63a7.93 7.93 0 0 1 4.6 8.35L44 27c-2.83-1.7-4.7-5.55-5.6-11.56a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 3.67-1.33 7.17-4 10.5l-.92-8.53A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63Z" fill="#f29c65"/><path d="M40.26 12.63c.48-1.12.74-2.35.74-3.63H24.03a9 9 0 0 0-8.95 9.97L16 27.5c2.67-3.33 4-6.83 4-10.5 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29a9.24 9.24 0 0 0 7.56-5.58ZM44.88 20.84a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5c1.04 4.22 2.7 7.01 5 8.39l.85-6.02.02-.14Z" style="mix-blend-mode:overlay" opacity=".26" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/kovri-h.svg b/static/assets/wave/mock-avatars/kovri-h.svg
new file mode 100644
index 000000000..e3baa5810
--- /dev/null
+++ b/static/assets/wave/mock-avatars/kovri-h.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(23 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e7a391"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.97 25.55 2.7-8.55H18a3 3 0 0 0-2.98 3.31l.65 6.2c.6 0 1.12-.39 1.3-.95ZM41.34 17h-1.67l2.7 8.55c.18.56.7.95 1.3.95l.65-6.19a3 3 0 0 0-2.98-3.3Z" fill="#dee1f5"/><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/lattice-fox.svg b/static/assets/wave/mock-avatars/lattice-fox.svg
new file mode 100644
index 000000000..6023a22cd
--- /dev/null
+++ b/static/assets/wave/mock-avatars/lattice-fox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(128 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#c0aede"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/lattice-rs.svg b/static/assets/wave/mock-avatars/lattice-rs.svg
new file mode 100644
index 000000000..14621cd75
--- /dev/null
+++ b/static/assets/wave/mock-avatars/lattice-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(92 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#d1d4f9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#eeb4a4"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26a17.63 17.63 0 0 1-3.35-5.6A32.92 32.92 0 0 1 30 22.04c-4.85 0-9.14-.83-12.9-2.5A13.95 13.95 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73v-1.38C14 16.33 21.16 9 30 9s16 7.33 16 16.38v1.38a4.47 4.47 0 0 0-2-.73V26Zm-9 20.06v-1.98A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76v6.38c0 .47-.02.95-.06 1.41A34.63 34.63 0 0 1 35 46.06Zm-20.94-4.03A34.63 34.63 0 0 0 25 46.06v-1.98A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76v6.38c0 .47.02.95.06 1.41Z" fill="#f29c65"/><path d="M30 9c-8.84 0-16 7.33-16 16.38v1.38c.58-.4 1.27-.65 2-.73V25c0-1.94.4-3.8 1.1-5.47a31.35 31.35 0 0 0 12.9 2.5c3.9 0 7.46-.54 10.65-1.62A17.63 17.63 0 0 0 44 26v.03c.73.08 1.42.34 2 .73v-1.38C46 16.33 38.84 9 30 9Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#f55d81"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/lumen-codes.svg b/static/assets/wave/mock-avatars/lumen-codes.svg
new file mode 100644
index 000000000..8b972abf9
--- /dev/null
+++ b/static/assets/wave/mock-avatars/lumen-codes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(74 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#b6e3f4"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path d="m15.79 25.56-.71-6.6A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63a7.93 7.93 0 0 1 4.6 8.35L44 27v4.22a14 14 0 0 1-.48 3.42l-2.52.54A1 1 0 0 1 39.8 34l1.9-9.12c-1.57-2.09-2.68-5.24-3.31-9.44a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 2.6-.67 5.1-2 7.52L19.98 34a1 1 0 0 1-1.2 1.18l-2.51-.54a14 14 0 0 1-.48-3.42v-5.66Z" fill="#e16381"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.98 34 18 24.52c1.33-2.42 2-4.93 2-7.52 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29A9.24 9.24 0 0 0 41 9H24.03a9 9 0 0 0-8.95 9.97l.7 6.59v5.66a14 14 0 0 0 .49 3.42l2.52.54A1 1 0 0 0 19.98 34ZM44 31.22V27l.86-6.02.02-.14a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5 17.22 17.22 0 0 0 2.7 6.27L39.8 34A1 1 0 0 0 41 35.18l2.52-.54a14 14 0 0 0 .48-3.42Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f55d81"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/mango-builds.svg b/static/assets/wave/mock-avatars/mango-builds.svg
new file mode 100644
index 000000000..cd1c0831a
--- /dev/null
+++ b/static/assets/wave/mock-avatars/mango-builds.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(124 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#c8e6c9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M44 25v3c-1.33-1.67-2.67-4.67-4-9-2.66 1.33-6 2-10 2s-7.34-.67-10-2c-1.33 3.67-2.67 6.33-4 8v-2a14 14 0 1 1 28 0Z" style="mix-blend-mode:multiply" opacity=".2" fill="#362c47"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/mantle-rs.svg b/static/assets/wave/mock-avatars/mantle-rs.svg
new file mode 100644
index 000000000..35d720aee
--- /dev/null
+++ b/static/assets/wave/mock-avatars/mantle-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(6 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M20.2 15a10 10 0 1 1 19.6 0c-2.53-2.47-5.98-4-9.8-4-3.82 0-7.27 1.53-9.8 4Z" fill="#6c4545"/><path d="M43.93 23.63A14 14 0 0 0 31 15h-2a14 14 0 0 0-12.93 8.63 14 14 0 0 1 27.86 0Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2c-.76 0-1.51-.14-2.27-.41A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17a3 3 0 0 0 6 0 3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91C10.51 1.86 9.76 2 9 2ZM7.59 7h2.82A1.5 1.5 0 0 1 7.6 7Z" fill="#456DFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5v.17a3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91 6.61 6.61 0 0 1-4.54 0A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17V6.5a3 3 0 1 1 6 0ZM7.59 7h2.82A1.5 1.5 0 1 0 7.6 7Z" fill="#fff" fill-opacity=".3" style="mix-blend-mode:lighten"/><circle cx="9" cy="4.5" r="1.5" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/meridian-dev.svg b/static/assets/wave/mock-avatars/meridian-dev.svg
new file mode 100644
index 000000000..dc544c9df
--- /dev/null
+++ b/static/assets/wave/mock-avatars/meridian-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(47 0.5 0.5)"><stop stop-color="#b6e3f4"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path opacity=".2" d="M30 17c3.88 0 7.55-.37 11 4.22l-1.9 6.5c-.61 1.22-1.64 1.55-2.46.79-2.1-1.92-4.3-2.88-6.64-2.88-2.33 0-4.55.96-6.64 2.89-.82.76-1.85.43-2.46-.8L19 21.22c3.45-4.6 7.12-4.22 11-4.22Z" fill="#000"/><path d="M27.3 11.2a3 3 0 0 1 5.4 0c6.1.96 10.82 5.24 11.3 12.72a27.7 27.7 0 0 0-3.96-1.3l-.94.6a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.94-.6c-1.4.35-2.72.78-3.96 1.3.48-7.48 5.2-11.76 11.3-12.71Z" fill="#F29C65"/><path d="M19.96 22.62c-1.4.35-2.72.78-3.96 1.3C16.55 15.37 22.63 11 30 11s13.45 4.37 14 12.92a27.7 27.7 0 0 0-3.96-1.3L41 22c-3.45-2.67-7.12-4-11-4s-7.55 1.33-11 4l.96.62Z" fill="#000" style="mix-blend-mode:overlay" opacity=".28"/><path d="m39.45 23-.35.22a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.35-.23c.87.07 2.19-.47 2.81-.81a13.86 13.86 0 0 1 13.28 0c.62.34 1.94.88 2.8.81Z" fill="#fff" style="mix-blend-mode:lighten" opacity=".2"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/mira-codes.svg b/static/assets/wave/mock-avatars/mira-codes.svg
new file mode 100644
index 000000000..1dda435d2
--- /dev/null
+++ b/static/assets/wave/mock-avatars/mira-codes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(48 0.5 0.5)"><stop stop-color="#ffd5dc"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#eeb4a4"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M44 25v3c-1.33-1.67-2.67-4.67-4-9-2.66 1.33-6 2-10 2s-7.34-.67-10-2c-1.33 3.67-2.67 6.33-4 8v-2a14 14 0 1 1 28 0Z" style="mix-blend-mode:multiply" opacity=".2" fill="#6c4545"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#f3b63a"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/mosaic.svg b/static/assets/wave/mock-avatars/mosaic.svg
new file mode 100644
index 000000000..73e16a86c
--- /dev/null
+++ b/static/assets/wave/mock-avatars/mosaic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(261 0.5 0.5)"><stop stop-color="#b6e3f4"/><stop offset="1" stop-color="#c8e6c9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-2.18-2.42-3.65-5.54-4.42-9.36a19.6 19.6 0 0 1-9.08 7.86c-4.67 2-9.5 2.33-14.5 1v.53c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm-9 21.31v-3.23A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76V45a38.74 38.74 0 0 1-11 2.31ZM14 45a38.74 38.74 0 0 0 11 2.31v-3.23A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76V45Z" fill="#e16381"/><path d="M30 9c-8.84 0-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73v-.53c5 1.33 9.83 1 14.5-1a19.6 19.6 0 0 0 9.08-7.86c.77 3.82 2.24 6.94 4.42 9.36v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/nettle.svg b/static/assets/wave/mock-avatars/nettle.svg
new file mode 100644
index 000000000..9cac256b3
--- /dev/null
+++ b/static/assets/wave/mock-avatars/nettle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(205 0.5 0.5)"><stop stop-color="#c0aede"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#7555ca"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/nexa-77.svg b/static/assets/wave/mock-avatars/nexa-77.svg
new file mode 100644
index 000000000..ac04533c3
--- /dev/null
+++ b/static/assets/wave/mock-avatars/nexa-77.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(100 0.5 0.5)"><stop stop-color="#b6e3f4"/><stop offset="1" stop-color="#fff3b0"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path opacity=".2" d="M30 17c3.88 0 7.55-.37 11 4.22l-1.9 6.5c-.61 1.22-1.64 1.55-2.46.79-2.1-1.92-4.3-2.88-6.64-2.88-2.33 0-4.55.96-6.64 2.89-.82.76-1.85.43-2.46-.8L19 21.22c3.45-4.6 7.12-4.22 11-4.22Z" fill="#000"/><path d="M27.3 11.2a3 3 0 0 1 5.4 0c6.1.96 10.82 5.24 11.3 12.72a27.7 27.7 0 0 0-3.96-1.3l-.94.6a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.94-.6c-1.4.35-2.72.78-3.96 1.3.48-7.48 5.2-11.76 11.3-12.71Z" fill="#F29C65"/><path d="M19.96 22.62c-1.4.35-2.72.78-3.96 1.3C16.55 15.37 22.63 11 30 11s13.45 4.37 14 12.92a27.7 27.7 0 0 0-3.96-1.3L41 22c-3.45-2.67-7.12-4-11-4s-7.55 1.33-11 4l.96.62Z" fill="#000" style="mix-blend-mode:overlay" opacity=".28"/><path d="m39.45 23-.35.22a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.35-.23c.87.07 2.19-.47 2.81-.81a13.86 13.86 0 0 1 13.28 0c.62.34 1.94.88 2.8.81Z" fill="#fff" style="mix-blend-mode:lighten" opacity=".2"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/nodemonk.svg b/static/assets/wave/mock-avatars/nodemonk.svg
new file mode 100644
index 000000000..a89911d85
--- /dev/null
+++ b/static/assets/wave/mock-avatars/nodemonk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(50 0.5 0.5)"><stop stop-color="#fff3b0"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.97 25.55 2.7-8.55H18a3 3 0 0 0-2.98 3.31l.65 6.2c.6 0 1.12-.39 1.3-.95ZM41.34 17h-1.67l2.7 8.55c.18.56.7.95 1.3.95l.65-6.19a3 3 0 0 0-2.98-3.3Z" fill="#6c4545"/><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#f55d81"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="M18.02 12.05a2.72 2.72 0 0 1-3.19 1.59l-5.08-1.3a1 1 0 0 1-.07-1.92l5.23-1.79a2.5 2.5 0 0 1 3.1 1.37 2.5 2.5 0 0 1 3.11-1.37l5.24 1.8a1 1 0 0 1-.08 1.9l-5.08 1.3a2.72 2.72 0 0 1-3.18-1.58Z" fill="#6c4545"/></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/nyx-eth.svg b/static/assets/wave/mock-avatars/nyx-eth.svg
new file mode 100644
index 000000000..3c54c1ab9
--- /dev/null
+++ b/static/assets/wave/mock-avatars/nyx-eth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(169 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#b3e5fc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.63 4A1 1 0 0 0 4 5.37 4.5 4.5 0 0 0 6.25 6a4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74c-.43.25-.85.37-1.25.37S5.43 3.88 5 3.63A1 1 0 0 0 3.63 4ZM15.63 4A1 1 0 0 0 16 5.37a4.5 4.5 0 0 0 2.25.63 4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74 2.5 2.5 0 0 1-1.25.37c-.4 0-.82-.12-1.25-.37a1 1 0 0 0-1.37.37Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm2 8.24v6.6c0 7.32-4.61 13.52-11 15.68V44.08A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76Zm-32 6.6c0 7.37 4.68 13.6 11.13 15.73a1073 1073 0 0 0-.13-7.02v-5.47A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76v6.6Z" fill="#e16381"/><path d="M40.03 18.53A18.47 18.47 0 0 0 44 26v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9s-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73V25c0-1.88.37-3.68 1.05-5.32 4.13 2.5 9.12 3.43 14.95 2.82 3.48-.37 6.16-1.7 8.03-3.97Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#f3b63a"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/okto-codes.svg b/static/assets/wave/mock-avatars/okto-codes.svg
new file mode 100644
index 000000000..bc84111e6
--- /dev/null
+++ b/static/assets/wave/mock-avatars/okto-codes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(145 0.5 0.5)"><stop stop-color="#c8e6c9"/><stop offset="1" stop-color="#d1d4f9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#eeb4a4"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm2 8.24v22.28H35V44.08A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76ZM14 56.57h11.13L25 49.55v-5.47A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76v22.33Z" fill="#362c47"/><path d="M40.03 18.53A18.47 18.47 0 0 0 44 26v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9s-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73V25c0-1.88.37-3.68 1.05-5.32 4.13 2.5 9.12 3.43 14.95 2.82 3.48-.37 6.16-1.7 8.03-3.97Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#6dbb58"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/omega-z.svg b/static/assets/wave/mock-avatars/omega-z.svg
new file mode 100644
index 000000000..c706acc9d
--- /dev/null
+++ b/static/assets/wave/mock-avatars/omega-z.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(73 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#b6e3f4"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M30 2.5a2 2 0 0 0-1.8 1.11 2 2 0 0 0-3.42 1.06 2 2 0 0 0-2.96 2.02 2 2 0 0 0-2.23 2.8 2 2 0 0 0-1.31 3.33A2 2 0 0 0 18 16.4a2 2 0 0 0-.55 2.38 14 14 0 0 1 25.08 0A2 2 0 0 0 42 16.4a2 2 0 0 0-.27-3.58 2 2 0 0 0-1.3-3.33 2 2 0 0 0-2.24-2.8 2 2 0 0 0-2.96-2.02 2 2 0 0 0-3.43-1.06A2 2 0 0 0 30 2.51Z" fill="#f27d65"/><path d="M43.93 23.63A14 14 0 0 0 31 15h-2a14 14 0 0 0-12.93 8.63 14 14 0 0 1 27.86 0Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#6dbb58"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2c-.76 0-1.51-.14-2.27-.41A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17a3 3 0 0 0 6 0 3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91C10.51 1.86 9.76 2 9 2ZM7.59 7h2.82A1.5 1.5 0 0 1 7.6 7Z" fill="#456DFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5v.17a3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91 6.61 6.61 0 0 1-4.54 0A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17V6.5a3 3 0 1 1 6 0ZM7.59 7h2.82A1.5 1.5 0 1 0 7.6 7Z" fill="#fff" fill-opacity=".3" style="mix-blend-mode:lighten"/><circle cx="9" cy="4.5" r="1.5" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/ophelia.dev.svg b/static/assets/wave/mock-avatars/ophelia.dev.svg
new file mode 100644
index 000000000..861b1683d
--- /dev/null
+++ b/static/assets/wave/mock-avatars/ophelia.dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(226 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M35 11.92A14 14 0 0 1 44 25v1s-1.33-3.1-3.16-4.93c-1.84-1.82-3.34-.7-4.53-2.52-1.2-1.83-1.31-6.63-1.31-6.63Z" fill="#e15c66" opacity=".3"/><path d="M30.65 23.09c-1.6 1.26-4.4 1.88-7.24 2.5-4.62 1.02-9.4 2.07-9.4 5.98V25.5C14 16.39 21.16 9 30 9c4.84 0 5.68 2.65 5.46 6.23-.2 3-.62 4.55-4.8 7.86ZM25 47a9.4 9.4 0 0 1-9.44 9.53L7.5 56.5s4-8.23 5-11.11l.06-.2c-.84.51-1.84.81-2.92.81H8.5s4.1-3.74 5.35-9.69c.1-1.23.15-2.07.15-2.07a4.48 4.48 0 0 0 2.58.76A14.04 14.04 0 0 0 25 44.08V47Z" fill="#e15c66"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#e24553"/></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/orbit-jay.svg b/static/assets/wave/mock-avatars/orbit-jay.svg
new file mode 100644
index 000000000..2c970b67b
--- /dev/null
+++ b/static/assets/wave/mock-avatars/orbit-jay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(20 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#f3b63a"/></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="M18.02 12.05a2.72 2.72 0 0 1-3.19 1.59l-5.08-1.3a1 1 0 0 1-.07-1.92l5.23-1.79a2.5 2.5 0 0 1 3.1 1.37 2.5 2.5 0 0 1 3.11-1.37l5.24 1.8a1 1 0 0 1-.08 1.9l-5.08 1.3a2.72 2.72 0 0 1-3.18-1.58Z" fill="#e16381"/></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/parallax.svg b/static/assets/wave/mock-avatars/parallax.svg
new file mode 100644
index 000000000..ec79d2dca
--- /dev/null
+++ b/static/assets/wave/mock-avatars/parallax.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(233 0.5 0.5)"><stop stop-color="#b3e5fc"/><stop offset="1" stop-color="#c0aede"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#d78774"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M40.26 12.63a7.93 7.93 0 0 1 4.6 8.35L44 27c-2.83-1.7-4.7-5.55-5.6-11.56a9.24 9.24 0 0 1-5.7 2.77c-1.82.2-3.39.29-4.7.29-3 0-5.67-.5-8-1.5 0 3.67-1.33 7.17-4 10.5l-.92-8.53A9 9 0 0 1 24.03 9H41c0 1.28-.26 2.51-.74 3.63Z" fill="#e15c66"/><path d="M40.26 12.63c.48-1.12.74-2.35.74-3.63H24.03a9 9 0 0 0-8.95 9.97L16 27.5c2.67-3.33 4-6.83 4-10.5 2.33 1 5 1.5 8 1.5 1.31 0 2.88-.1 4.7-.29a9.24 9.24 0 0 0 7.56-5.58ZM44.88 20.84a7.91 7.91 0 0 0-2.42-6.73 9.29 9.29 0 0 1-3.45 4.5c1.04 4.22 2.7 7.01 5 8.39l.85-6.02.02-.14Z" style="mix-blend-mode:overlay" opacity=".26" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/pasta-stream.svg b/static/assets/wave/mock-avatars/pasta-stream.svg
new file mode 100644
index 000000000..d738b547d
--- /dev/null
+++ b/static/assets/wave/mock-avatars/pasta-stream.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(83 0.5 0.5)"><stop stop-color="#e1bee7"/><stop offset="1" stop-color="#c0aede"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm2 8.24v6.6c0 7.32-4.61 13.52-11 15.68V44.08A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76Zm-32 6.6c0 7.37 4.68 13.6 11.13 15.73a1073 1073 0 0 0-.13-7.02v-5.47A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76v6.6Z" fill="#e16381"/><path d="M40.03 18.53A18.47 18.47 0 0 0 44 26v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9s-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73V25c0-1.88.37-3.68 1.05-5.32 4.13 2.5 9.12 3.43 14.95 2.82 3.48-.37 6.16-1.7 8.03-3.97Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#6dbb58"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/photon-9.svg b/static/assets/wave/mock-avatars/photon-9.svg
new file mode 100644
index 000000000..edfda819e
--- /dev/null
+++ b/static/assets/wave/mock-avatars/photon-9.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(245 0.5 0.5)"><stop stop-color="#b6e3f4"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M44 25v3c-1.33-1.67-2.67-4.67-4-9-2.66 1.33-6 2-10 2s-7.34-.67-10-2c-1.33 3.67-2.67 6.33-4 8v-2a14 14 0 1 1 28 0Z" style="mix-blend-mode:multiply" opacity=".2" fill="#e15c66"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#6dbb58"/></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/prism-dev.svg b/static/assets/wave/mock-avatars/prism-dev.svg
new file mode 100644
index 000000000..07912c363
--- /dev/null
+++ b/static/assets/wave/mock-avatars/prism-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(360 0.5 0.5)"><stop stop-color="#b3e5fc"/><stop offset="1" stop-color="#b6e3f4"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.63 4A1 1 0 0 0 4 5.37 4.5 4.5 0 0 0 6.25 6a4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74c-.43.25-.85.37-1.25.37S5.43 3.88 5 3.63A1 1 0 0 0 3.63 4ZM15.63 4A1 1 0 0 0 16 5.37a4.5 4.5 0 0 0 2.25.63 4.5 4.5 0 0 0 2.25-.63 1 1 0 0 0-1-1.74 2.5 2.5 0 0 1-1.25.37c-.4 0-.82-.12-1.25-.37a1 1 0 0 0-1.37.37Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-2.18-2.42-3.65-5.54-4.42-9.36a19.6 19.6 0 0 1-9.08 7.86c-4.67 2-9.5 2.33-14.5 1v.53c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm-9 21.31v-3.23A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76V45a38.74 38.74 0 0 1-11 2.31ZM14 45a38.74 38.74 0 0 0 11 2.31v-3.23A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76V45Z" fill="#6c4545"/><path d="M30 9c-8.84 0-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73v-.53c5 1.33 9.83 1 14.5-1a19.6 19.6 0 0 0 9.08-7.86c.77 3.82 2.24 6.94 4.42 9.36v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#6dbb58"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/quill-rs.svg b/static/assets/wave/mock-avatars/quill-rs.svg
new file mode 100644
index 000000000..8702de4ad
--- /dev/null
+++ b/static/assets/wave/mock-avatars/quill-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(260 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M39 11.84A5 5 0 0 1 44.04 7a4.99 4.99 0 0 1 5.03 5.18c.02 3.2.7 7.08 1.93 9.82a20.56 20.56 0 0 1-6.22-2.9A16.67 16.67 0 0 1 46 25.38v1.38a4.47 4.47 0 0 0-2-.73V26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73v-1.38c0-2.22.43-4.35 1.22-6.28A20.56 20.56 0 0 1 9 22a26.57 26.57 0 0 0 1.92-10.06A4.99 4.99 0 0 1 15.96 7 5 5 0 0 1 21 11.84a15.67 15.67 0 0 1 18 0Z" fill="#6c4545"/><path d="M39.01 11.58c4.2 2.96 7 8.19 7 14.13v1.05a4.47 4.47 0 0 0-2-.73V26c-1.82-2-3.14-4.5-3.98-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.7c0-5.94 2.79-11.17 6.99-14.13v.26a15.67 15.67 0 0 1 18 0l.01-.26Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 9a5 5 0 0 0-4.39 7.4 16.14 16.14 0 0 1 7.55-6.27A4.98 4.98 0 0 0 21 9Zm23 5a5 5 0 0 0-8.16-3.87 16.14 16.14 0 0 1 7.55 6.27c.39-.7.6-1.53.6-2.4Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#7555ca"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/raven-codes.svg b/static/assets/wave/mock-avatars/raven-codes.svg
new file mode 100644
index 000000000..3d67c085a
--- /dev/null
+++ b/static/assets/wave/mock-avatars/raven-codes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(11 0.5 0.5)"><stop stop-color="#b3e5fc"/><stop offset="1" stop-color="#c8e6c9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M39 11.84A5 5 0 0 1 44.04 7a4.99 4.99 0 0 1 5.03 5.18c.02 3.2.7 7.08 1.93 9.82a20.56 20.56 0 0 1-6.22-2.9A16.67 16.67 0 0 1 46 25.38v1.38a4.47 4.47 0 0 0-2-.73V26c-1.8-2-3.13-4.5-3.97-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73v-1.38c0-2.22.43-4.35 1.22-6.28A20.56 20.56 0 0 1 9 22a26.57 26.57 0 0 0 1.92-10.06A4.99 4.99 0 0 1 15.96 7 5 5 0 0 1 21 11.84a15.67 15.67 0 0 1 18 0Z" fill="#362c47"/><path d="M39.01 11.58c4.2 2.96 7 8.19 7 14.13v1.05a4.47 4.47 0 0 0-2-.73V26c-1.82-2-3.14-4.5-3.98-7.47-1.87 2.28-4.55 3.6-8.03 3.97-5.83.61-10.82-.33-14.95-2.82A13.96 13.96 0 0 0 16 25v1.03c-.73.08-1.42.34-2 .73V25.7c0-5.94 2.79-11.17 6.99-14.13v.26a15.67 15.67 0 0 1 18 0l.01-.26Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 9a5 5 0 0 0-4.39 7.4 16.14 16.14 0 0 1 7.55-6.27A4.98 4.98 0 0 0 21 9Zm23 5a5 5 0 0 0-8.16-3.87 16.14 16.14 0 0 1 7.55 6.27c.39-.7.6-1.53.6-2.4Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#f55d81"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="M16 17.5h4l-.68 2.05a1.39 1.39 0 0 1-2.63 0l-.7-2.05Z" fill="#362c47"/></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/reverb-dev.svg b/static/assets/wave/mock-avatars/reverb-dev.svg
new file mode 100644
index 000000000..5d67ec0fa
--- /dev/null
+++ b/static/assets/wave/mock-avatars/reverb-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(338 0.5 0.5)"><stop stop-color="#fff3b0"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M17 19.8a14 14 0 0 1 26 0l.24.2a1 1 0 0 1 .34.54l.62 2.64a.5.5 0 0 1-.77.52C38.99 20.57 34.5 19 30 19S21 20.57 16.58 23.7a.5.5 0 0 1-.77-.52l.62-2.64a1 1 0 0 1 .34-.55l.24-.19Z" fill="#E15C66"/><path d="M30 15c6.45 0 12.01 4.04 13.25 5 .16.14.28.32.33.53l.62 2.6c.1.46-.44.83-.83.57C41.06 22.18 35.57 19 30 19c-5.57 0-11.05 3.18-13.36 4.7-.4.26-.93-.1-.82-.56l.6-2.6c.05-.21.17-.4.34-.53 1.23-.96 6.8-5 13.24-5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#7555ca"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M5 5h8s-1 2.5-4 2.5S5 5 5 5Z" fill="#DC5C7A"/><path d="M5.39 4.22A2.1 2.1 0 0 1 9 4a2.1 2.1 0 0 1 3.61.22l.4.78H4.99l.39-.78Z" fill="#F57B98"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/sora-builds.svg b/static/assets/wave/mock-avatars/sora-builds.svg
new file mode 100644
index 000000000..5437d9ec9
--- /dev/null
+++ b/static/assets/wave/mock-avatars/sora-builds.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(63 0.5 0.5)"><stop stop-color="#c0aede"/><stop offset="1" stop-color="#ffe0b2"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path opacity=".2" d="M30 17c3.88 0 7.55-.37 11 4.22l-1.9 6.5c-.61 1.22-1.64 1.55-2.46.79-2.1-1.92-4.3-2.88-6.64-2.88-2.33 0-4.55.96-6.64 2.89-.82.76-1.85.43-2.46-.8L19 21.22c3.45-4.6 7.12-4.22 11-4.22Z" fill="#000"/><path d="M27.3 11.2a3 3 0 0 1 5.4 0c6.1.96 10.82 5.24 11.3 12.72a27.7 27.7 0 0 0-3.96-1.3l-.94.6a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.94-.6c-1.4.35-2.72.78-3.96 1.3.48-7.48 5.2-11.76 11.3-12.71Z" fill="#F29C65"/><path d="M19.96 22.62c-1.4.35-2.72.78-3.96 1.3C16.55 15.37 22.63 11 30 11s13.45 4.37 14 12.92a27.7 27.7 0 0 0-3.96-1.3L41 22c-3.45-2.67-7.12-4-11-4s-7.55 1.33-11 4l.96.62Z" fill="#000" style="mix-blend-mode:overlay" opacity=".28"/><path d="m39.45 23-.35.22a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.35-.23c.87.07 2.19-.47 2.81-.81a13.86 13.86 0 0 1 13.28 0c.62.34 1.94.88 2.8.81Z" fill="#fff" style="mix-blend-mode:lighten" opacity=".2"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f3b63a"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/spire-dev.svg b/static/assets/wave/mock-avatars/spire-dev.svg
new file mode 100644
index 000000000..018501ffb
--- /dev/null
+++ b/static/assets/wave/mock-avatars/spire-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(41 0.5 0.5)"><stop stop-color="#b3e5fc"/><stop offset="1" stop-color="#b6e3f4"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e7a391"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path opacity=".2" d="M30 17c3.88 0 7.55-.37 11 4.22l-1.9 6.5c-.61 1.22-1.64 1.55-2.46.79-2.1-1.92-4.3-2.88-6.64-2.88-2.33 0-4.55.96-6.64 2.89-.82.76-1.85.43-2.46-.8L19 21.22c3.45-4.6 7.12-4.22 11-4.22Z" fill="#000"/><path d="M27.3 11.2a3 3 0 0 1 5.4 0c6.1.96 10.82 5.24 11.3 12.72a27.7 27.7 0 0 0-3.96-1.3l-.94.6a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.94-.6c-1.4.35-2.72.78-3.96 1.3.48-7.48 5.2-11.76 11.3-12.71Z" fill="#F29C65"/><path d="M19.96 22.62c-1.4.35-2.72.78-3.96 1.3C16.55 15.37 22.63 11 30 11s13.45 4.37 14 12.92a27.7 27.7 0 0 0-3.96-1.3L41 22c-3.45-2.67-7.12-4-11-4s-7.55 1.33-11 4l.96.62Z" fill="#000" style="mix-blend-mode:overlay" opacity=".28"/><path d="m39.45 23-.35.22a2 2 0 0 1-2.46.46 13.86 13.86 0 0 0-13.28 0 2 2 0 0 1-2.46-.46l-.35-.23c.87.07 2.19-.47 2.81-.81a13.86 13.86 0 0 1 13.28 0c.62.34 1.94.88 2.8.81Z" fill="#fff" style="mix-blend-mode:lighten" opacity=".2"/></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#f3b63a"/></g><g transform="translate(23 36)"><path d="M5 5.87a1 1 0 1 1 1-1.74A6 6 0 0 0 9 5a6 6 0 0 0 3-.87 1 1 0 1 1 1 1.74A8 8 0 0 1 9 7a8 8 0 0 1-4-1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/sterling-dev.svg b/static/assets/wave/mock-avatars/sterling-dev.svg
new file mode 100644
index 000000000..632c6ecac
--- /dev/null
+++ b/static/assets/wave/mock-avatars/sterling-dev.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(87 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#d1d4f9"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><mask id="hairFade-b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="12" width="28" height="15"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 27v-2a14 14 0 0 1 7.5-12.4v.14c.09 1.68.16 3.3-.4 4.53-.7 1.57-1.78 2.45-2.72 3.21l-.62.52c-.7.61-2.44 2.49-3.76 6Zm28 0v-2a14 14 0 0 0-7.5-12.4v.14c-.09 1.68-.16 3.3.4 4.53.7 1.57 1.78 2.45 2.72 3.21l.62.52c.7.61 2.44 2.49 3.76 6Z" fill="url(#hairFade-a)"/></mask><g mask="url(#hairFade-b)"><path fill-rule="evenodd" clip-rule="evenodd" d="m16 27-.2-14.4h7.7l.06 14.4H16Zm20.72 0H44l-.07-14.4H36.5l.22 14.4Z" fill="#362c47"/></g><path d="M22.3 17.95c0-3.6 2.72-6.63 6.3-7L38 10a6.84 6.84 0 0 1-6.49 9h-8.15c-.58 0-1.05-.47-1.05-1.05Z" fill="#362c47"/><defs><linearGradient id="hairFade-a" x1="16" y1="12.6" x2="16" y2="27" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity=".01"/></linearGradient></defs></g><g transform="translate(11 44)"><path d="M16 7v.47a5 5 0 1 0 10 0V7c7.06 1.52 12.93 6.74 16 13H0C3.07 13.74 8.94 8.52 16 7Z" fill="#f55d81"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/tinder-rs.svg b/static/assets/wave/mock-avatars/tinder-rs.svg
new file mode 100644
index 000000000..435373723
--- /dev/null
+++ b/static/assets/wave/mock-avatars/tinder-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(101 0.5 0.5)"><stop stop-color="#fff3b0"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#623d36"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm13 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M26.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM19.38 21.77c.37.19.82.04 1-.33a15.05 15.05 0 0 1 2-3.06c.76-.88 1.63-1.62 2.63-2.2a.75.75 0 0 0-.75-1.3 11.86 11.86 0 0 0-3 2.52c-.85.99-1.58 2.11-2.2 3.37a.75.75 0 0 0 .33 1Z" style="mix-blend-mode:overlay" opacity=".2" fill="#fff"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#456dff"/></g><g transform="translate(23 36)"><path d="M7.32 5.73a.75.75 0 0 1 .36-1.46c2.44.61 4.17.32 5.29-.8a.75.75 0 1 1 1.06 1.06c-1.54 1.54-3.81 1.92-6.71 1.2Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/velorum.svg b/static/assets/wave/mock-avatars/velorum.svg
new file mode 100644
index 000000000..0f2126d8f
--- /dev/null
+++ b/static/assets/wave/mock-avatars/velorum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(138 0.5 0.5)"><stop stop-color="#d1d4f9"/><stop offset="1" stop-color="#b6e3f4"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e5a07e"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M4 4.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM21.24 3.9a.75.75 0 0 0-.83-.64l-4 .5a.75.75 0 0 0 .18 1.48l4-.5c.41-.05.7-.42.65-.83Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M30 2.5a2 2 0 0 0-1.8 1.11 2 2 0 0 0-3.42 1.06 2 2 0 0 0-2.96 2.02 2 2 0 0 0-2.23 2.8 2 2 0 0 0-1.31 3.33A2 2 0 0 0 18 16.4a2 2 0 0 0-.55 2.38 14 14 0 0 1 25.08 0A2 2 0 0 0 42 16.4a2 2 0 0 0-.27-3.58 2 2 0 0 0-1.3-3.33 2 2 0 0 0-2.24-2.8 2 2 0 0 0-2.96-2.02 2 2 0 0 0-3.43-1.06A2 2 0 0 0 30 2.51Z" fill="#f27d65"/><path d="M43.93 23.63A14 14 0 0 0 31 15h-2a14 14 0 0 0-12.93 8.63 14 14 0 0 1 27.86 0Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#f55d81"/><path d="m11 6.54-1.65.5A9 9 0 0 0 7 8.17V20h4V6.54ZM15 20h4v-5.29a7.02 7.02 0 0 1-4-3.1V20ZM23 20h4v-8.4a7.02 7.02 0 0 1-4 3.11v5.3ZM31 20h4V8.16a9 9 0 0 0-2.35-1.12L31 6.55V20Z" style="mix-blend-mode:overlay" opacity=".4" fill="#000"/><path d="M3.4 13a9.01 9.01 0 0 1 2.53-4h8.14a6.98 6.98 0 0 0 2.03 4H3.4ZM39 17v3H3v-3h36ZM36.07 9a9.01 9.01 0 0 1 2.53 4H25.9a6.98 6.98 0 0 0 2.03-4h8.14Z" style="mix-blend-mode:lighten" opacity=".17" fill="#fff"/></g><g transform="translate(23 36)"><path d="M5 4.13a1 1 0 1 0 1 1.74A6 6 0 0 1 9 5a6 6 0 0 1 3 .87 1 1 0 1 0 1-1.74A8 8 0 0 0 9 3a8 8 0 0 0-4 1.13Z" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/vortex-x.svg b/static/assets/wave/mock-avatars/vortex-x.svg
new file mode 100644
index 000000000..cc9c130a9
--- /dev/null
+++ b/static/assets/wave/mock-avatars/vortex-x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(182 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#b16a5b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#1B0640"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".3" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.05h2c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 26c-2.18-2.42-3.65-5.54-4.42-9.36a19.6 19.6 0 0 1-9.08 7.86c-4.67 2-9.5 2.33-14.5 1v.53c-.73.08-1.42.34-2 .73V25.5C14 16.39 21.16 9 30 9s16 7.39 16 16.5v1.26a4.47 4.47 0 0 0-2-.73V26Zm-9 21.31v-3.23A14.04 14.04 0 0 0 43.42 35h.08c.93 0 1.78-.28 2.5-.76V45a38.74 38.74 0 0 1-11 2.31ZM14 45a38.74 38.74 0 0 0 11 2.31v-3.23A14.04 14.04 0 0 1 16.58 35h-.08c-.93 0-1.79-.28-2.5-.76V45Z" fill="#362c47"/><path d="M30 9c-8.84 0-16 7.39-16 16.5v1.26c.58-.4 1.27-.65 2-.73v-.53c5 1.33 9.83 1 14.5-1a19.6 19.6 0 0 0 9.08-7.86c.77 3.82 2.24 6.94 4.42 9.36v.03c.73.08 1.42.34 2 .73V25.5C46 16.39 38.84 9 30 9Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g><g transform="translate(11 44)"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#e24553"/><mask id="bodySmall-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="2" width="22" height="18"><path d="M32 20H10v-8a11 11 0 0 1 6-9.8V4a5 5 0 0 0 10 0V2.2a11 11 0 0 1 6 9.8v8Z" fill="#fff"/></mask><g mask="url(#bodySmall-a)"><path opacity=".14" d="M20.62 8.25 22 8l1.2.5L10 15l10.62-6.75Z" fill="#000"/><path d="M21 1h11v47H10V15l13.34-6.58L21 1Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/></g></g><g transform="translate(23 36)"><path d="M6 3h6v1a3 3 0 0 1-6 0V3Z" fill="#fff"/></g><g transform="translate(24 28)"><path d="M5.29 6.24a.75.75 0 1 1 1.42-.48c.23.7.62 1 1.3 1 .66 0 1.05-.3 1.28-1a.75.75 0 1 1 1.42.48c-.42 1.3-1.37 2.01-2.7 2.01S5.72 7.54 5.3 6.24Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/wren-rs.svg b/static/assets/wave/mock-avatars/wren-rs.svg
new file mode 100644
index 000000000..721882f67
--- /dev/null
+++ b/static/assets/wave/mock-avatars/wren-rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(252 0.5 0.5)"><stop stop-color="#ffe0b2"/><stop offset="1" stop-color="#ffdfbf"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#92594b"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><g fill="#1B0640"><path d="M6 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M9 2H3v6h6V2ZM21 2h-6v6h6V2Z" opacity=".8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.05c.65 0 1.21-.2 1.84-.42C15.66.33 16.6 0 18 0c1.67 0 3.33.35 5 1.05l1 .53v1.58l-1 .52v3.16A3.08 3.08 0 0 1 20 10h-4c-1.66 0-3-1.41-3-3.16V3.16h-2v3.68A3.08 3.08 0 0 1 8 10H4c-1.66 0-3-1.41-3-3.16V3.68l-1-.52V1.58l1-.53A12.8 12.8 0 0 1 6 0c1.4 0 2.34.33 3.16.63.63.22 1.19.42 1.84.42h2ZM8.24 2.52A6.1 6.1 0 0 0 6 2.11c-1 0-2 .14-3 .44v4.3c0 .57.45 1.04 1 1.04h4c.55 0 1-.47 1-1.05V2.8l-.76-.27ZM15 2.8l.76-.27A6.1 6.1 0 0 1 18 2.11c1 0 2 .14 3 .44v4.3c0 .57-.45 1.04-1 1.04h-4c-.55 0-1-.47-1-1.05V2.8Z"/></g></g><g transform="translate(2 2)"><circle cx="30" cy="12" r="4" fill="#5A45FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="m33.72 12.84-.05 7.66c3.72-.75 5.83-1.25 6.33-1.5 1.33 4.33 2.67 7.33 4 9v-3a14 14 0 0 0-7.06-12.16c0-.02-1.08-.02-3.22 0ZM20 19c.5.25 2.6.75 6.33 1.5v-7.66h-3.27A14 14 0 0 0 16 25v3c1.33-1.67 2.67-4.67 4-9Z" fill="#dee1f5" opacity=".3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 6c-2.1 0-3.81 2.01-3.99 4.57-.72.41-1.44.94-2.14 1.58a3 3 0 0 0-.96 1.93l-.21 2.2a3.87 3.87 0 0 0 3.02 4.14c1.73.39 3.16.58 4.29.58 1.12 0 2.5-.18 4.17-.55a4 4 0 0 0 3.13-4.09l-.1-2.17a3 3 0 0 0-1.04-2.14 12.1 12.1 0 0 0-2.18-1.5C33.8 7.98 32.08 6 30 6Zm0 3.5a8 8 0 0 0-3.67.9 4 4 0 0 1 7.33-.03A8.25 8.25 0 0 0 30 9.5Z" fill="#dee1f5"/><path d="M26.02 10.56C26.19 8 27.9 6 30 6c2.07 0 3.77 1.96 3.98 4.47a11 11 0 0 0-.36-.17 4 4 0 0 0-7.28.09l-.32.17Z" fill="#000" style="mix-blend-mode:overlay" opacity=".22"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#54d7c7"/></g><g transform="translate(23 36)"><ellipse cx="9" cy="5" rx="2" ry="2.5" fill="#1B0640"/></g><g transform="translate(24 28)"><path d="M4.25 5a.75.75 0 0 1 1.5 0c0 .84.91 1.75 2.25 1.75 1.34 0 2.25-.91 2.25-1.75a.75.75 0 0 1 1.5 0c0 1.66-1.59 3.25-3.75 3.25S4.25 6.66 4.25 5Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"></g></g></svg>
\ No newline at end of file
diff --git a/static/assets/wave/mock-avatars/zephyr-stack.svg b/static/assets/wave/mock-avatars/zephyr-stack.svg
new file mode 100644
index 000000000..be3df3f19
--- /dev/null
+++ b/static/assets/wave/mock-avatars/zephyr-stack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" shape-rendering="auto"><metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/"><rdf:RDF><rdf:Description><dc:title>Personas by Draftbit</dc:title><dc:creator>Draftbit - draftbit.com</dc:creator><dc:source xsi:type="dcterms:URI">https://personas.draftbit.com/</dc:source><dcterms:license xsi:type="dcterms:URI">https://creativecommons.org/licenses/by/4.0/</dcterms:license><dc:rights>Remix of „Personas by Draftbit” (https://personas.draftbit.com/) by „Draftbit - draftbit.com”, licensed under „CC BY 4.0” (https://creativecommons.org/licenses/by/4.0/)</dc:rights></rdf:Description></rdf:RDF></metadata><mask id="viewboxMask"><rect width="64" height="64" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><rect fill="url(#backgroundLinear)" width="64" height="64" x="0" y="0" /><defs><linearGradient id="backgroundLinear" gradientTransform="rotate(61 0.5 0.5)"><stop stop-color="#ffdfbf"/><stop offset="1" stop-color="#ffd5dc"/></linearGradient></defs><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#e7a391"/><mask id="personas-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="14" y="13" width="36" height="44"><path d="M37 46.08V52a5 5 0 0 1-10 0v-5.92A14.04 14.04 0 0 1 18.58 37h-.08a4.5 4.5 0 0 1-.5-8.97V27a14 14 0 1 1 28 0v1.03a4.5 4.5 0 0 1-.58 8.97A14.04 14.04 0 0 1 37 46.08Z" fill="#fff"/></mask><g mask="url(#personas-a)"><path d="M32 13a14 14 0 0 1 14 14v6a14 14 0 1 1-28 0v-6a14 14 0 0 1 14-14Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(20 24)"><path d="M3.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.3-1 .66 0 1.05.3 1.28 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.7-2.01-1.34 0-2.29.71-2.72 2.01-.13.4.08.82.47.95ZM15.76 6.21c.4.13.82-.08.95-.47.23-.7.62-1 1.29-1s1.06.3 1.29 1a.75.75 0 1 0 1.42-.48c-.43-1.3-1.38-2.01-2.71-2.01s-2.28.71-2.71 2.01c-.13.4.08.82.47.95Z" fill="#1B0640"/></g><g transform="translate(2 2)"><path d="M20.2 15a10 10 0 1 1 19.6 0c-2.53-2.47-5.98-4-9.8-4-3.82 0-7.27 1.53-9.8 4Z" fill="#362c47"/><path d="M43.93 23.63A14 14 0 0 0 31 15h-2a14 14 0 0 0-12.93 8.63 14 14 0 0 1 27.86 0Z" fill="#F55D81"/></g><g transform="translate(11 44)"><path d="M16 5v3a5 5 0 0 0 10 0V5l6.65 2.05a9 9 0 0 1 6.35 8.6V20H3v-4.35a9 9 0 0 1 6.35-8.6L16 5Z" fill="#6dbb58"/></g><g transform="translate(23 36)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 2c-.76 0-1.51-.14-2.27-.41A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17a3 3 0 0 0 6 0 3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91C10.51 1.86 9.76 2 9 2ZM7.59 7h2.82A1.5 1.5 0 0 1 7.6 7Z" fill="#456DFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5v.17a3.5 3.5 0 0 0 2-3.17 2.03 2.03 0 0 0-2.73-1.91 6.61 6.61 0 0 1-4.54 0A2.03 2.03 0 0 0 4 3.5c0 1.4.82 2.6 2 3.17V6.5a3 3 0 1 1 6 0ZM7.59 7h2.82A1.5 1.5 0 1 0 7.6 7Z" fill="#fff" fill-opacity=".3" style="mix-blend-mode:lighten"/><circle cx="9" cy="4.5" r="1.5" fill="#fff"/></g><g transform="translate(24 28)"><path opacity=".12" fill-rule="evenodd" clip-rule="evenodd" d="M11.72 5.3c.21.73.27 1.38.2 1.95a20.24 20.24 0 0 1 2.12 4.41.5.5 0 1 0 .94-.32 21.23 21.23 0 0 0-3.4-6.3c.07.07.11.16.14.25Zm-7.44 0a.75.75 0 0 1 .11-.24 28.75 28.75 0 0 0-2.07 3.22c-.48.89-.9 1.9-1.3 3.06a.5.5 0 0 0 .94.32 20.24 20.24 0 0 1 2.12-4.4 4.77 4.77 0 0 1 .19-1.97Z" fill="#000"/><path d="M5.2 4.78a.75.75 0 0 0-.92.51c-.21.75-.27 1.4-.2 1.97.23 1.6 1.6 2.49 3.92 2.49 2.33 0 3.7-.89 3.92-2.5.07-.57.01-1.22-.2-1.96a.75.75 0 1 0-1.44.42c.52 1.83-.09 2.54-2.28 2.54-2.2 0-2.8-.71-2.28-2.54a.75.75 0 0 0-.51-.93Z" fill="#000" style="mix-blend-mode:overlay" opacity=".36"/></g><g transform="translate(14 26)"><path d="m12.47 9.46 2.43-.83A2.5 2.5 0 0 1 18 10a2.5 2.5 0 0 1 3.1-1.37l2.43.83A18.65 18.65 0 0 0 32 2.7V9A14 14 0 1 1 4 9V2.7c2.05 2.94 5 5.43 8.47 6.76Z" fill="#362c47"/><mask id="facialHairBeardMustache-a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="2" width="28" height="21"><path d="m12.47 9.46 2.43-.83A2.5 2.5 0 0 1 18 10a2.5 2.5 0 0 1 3.1-1.37l2.43.83A18.65 18.65 0 0 0 32 2.7V9A14 14 0 1 1 4 9V2.7c2.05 2.94 5 5.43 8.47 6.76Z" fill="#fff"/></mask><g mask="url(#facialHairBeardMustache-a)"><path d="M32 9V2.7c-2.05 2.94-5 5.43-8.47 6.76l2.8.96a1 1 0 0 1-.07 1.91l-5.08 1.3A2.71 2.71 0 0 1 18 12.05a2.72 2.72 0 0 1-3.18 1.58l-5.08-1.3a1 1 0 0 1-.08-1.91l2.81-.96A18.65 18.65 0 0 1 4 2.7V9a14 14 0 1 0 28 0Z" fill="#fff" style="mix-blend-mode:overlay" opacity=".26"/><path d="M22 13.42v.08a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3.08l.82.21A2.71 2.71 0 0 0 18 12.05a2.72 2.72 0 0 0 3.18 1.58l.82-.2Z" fill="#FFFEFD"/></g></g></g></svg>
\ No newline at end of file