---
title: "Tessera - Release Notes"
platform: web
slug: tessera-release-notes
screens: ["changelog"]
domains: ["developer-tools"]
style: "flat"
fonts: ["Geist", "Geist Mono"]
roles: ["top-navigation-bar", "navigation-menu", "search-bar", "button", "avatar", "segmented-control", "card", "text-field", "hyperlink"]
score: {clean: 100, consistent: 83, accessible: 80, comprehensible: 38}
url: https://gui.farm/web/tessera-release-notes
raw: https://gui.farm/web/tessera-release-notes/design.guix
download: https://gui.farm/web/tessera-release-notes.gui
---

# Tessera - Release Notes

A flat light-theme web changelog where a maps and geocoding API platform publishes versioned release notes, each release grouped into categorized changes, with a version index and SDK-adoption breakdown in the sidebar.

- **Live preview:** https://gui.farm/web/tessera-release-notes
- **Raw source:** https://gui.farm/web/tessera-release-notes/design.guix
- **Download (.gui):** https://gui.farm/web/tessera-release-notes.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Tessera - Release Notes">
  <tokens>
    <color name="paper" value="#F4F3F6" />
    <color name="surface" value="#FFFFFF" />
    <color name="surface-2" value="#F0EEF3" />
    <color name="ink" value="#16141A" />
    <color name="body" value="#46434E" />
    <color name="muted" value="#5E5B67" />
    <color name="faint" value="#6E6B78" />
    <color name="line" value="#E5E2EB" />
    <color name="line-strong" value="#D4D0DC" />
    <color name="accent" value="#C81D66" />
    <color name="accent-strong" value="#A01151" />
    <color name="accent-tint" value="#FBE4EF" />
    <color name="accent-ink" value="#8C1050" />
    <color name="on-accent" value="#FFFFFF" />
    <number name="r-sm" value="6" />
    <number name="r-md" value="9" />
    <number name="r-lg" value="14" />
    <number name="r-pill" value="999" />
  </tokens>

  <fonts>
    <font family="Geist" source="google" weights="400 500 600 700" styles="normal" />
    <font family="Geist Mono" source="google" weights="400 500 600" styles="normal" />
  </fonts>

  <styles>
    <text-style name="Wordmark" font-family="Geist" font-size="18" font-weight="700" line-height="22" />
    <text-style name="H1" font-family="Geist" font-size="30" font-weight="700" line-height="36" />
    <text-style name="H2" font-family="Geist" font-size="16" font-weight="600" line-height="21" />
    <text-style name="Eyebrow" font-family="Geist" font-size="11" font-weight="600" line-height="14" />
    <text-style name="Body" font-family="Geist" font-size="14" font-weight="400" line-height="21" />
    <text-style name="Entry" font-family="Geist" font-size="14" font-weight="500" line-height="20" />
    <text-style name="EntrySub" font-family="Geist" font-size="13" font-weight="400" line-height="19" />
    <text-style name="Label" font-family="Geist" font-size="13" font-weight="500" line-height="17" />
    <text-style name="LabelB" font-family="Geist" font-size="13" font-weight="600" line-height="17" />
    <text-style name="Small" font-family="Geist" font-size="12" font-weight="500" line-height="16" />
    <text-style name="Tiny" font-family="Geist" font-size="11" font-weight="600" line-height="14" />
    <text-style name="Nav" font-family="Geist" font-size="13" font-weight="500" line-height="16" />
    <text-style name="Btn" font-family="Geist" font-size="13" font-weight="600" line-height="16" />
    <text-style name="Chip" font-family="Geist" font-size="10" font-weight="700" line-height="13" />
    <text-style name="Day" font-family="Geist" font-size="24" font-weight="700" line-height="26" />
    <text-style name="Mono" font-family="Geist Mono" font-size="12" font-weight="500" line-height="16" />
    <text-style name="MonoB" font-family="Geist Mono" font-size="13" font-weight="600" line-height="17" />
    <text-style name="MonoSm" font-family="Geist Mono" font-size="10" font-weight="500" line-height="13" />
    <text-style name="Metric" font-family="Geist Mono" font-size="15" font-weight="600" line-height="19" />
    <text-style name="VerBadge" font-family="Geist Mono" font-size="13" font-weight="600" line-height="16" />
  </styles>

  <col w="1440" fill="$paper" align="top-center">

    <!-- ===================== TOP NAV ===================== -->
    <row w="1440" h="60" p="0 120" gap="24" align="middle-left" fill="$surface" border="0 0 1 0 $line" role="top-navigation-bar">
      <row gap="10" align="middle-center">
        <row w="28" h="28" radius="$r-sm" fill="$accent" align="middle-center">
          <img src="https://api.iconify.design/lucide/layers.svg?color=%23FFFFFF" w="16" h="16" />
        </row>
        <text text-style="Wordmark" value="Tessera" color="$ink" letter-spacing="-0.3" />
        <row p="2 7" radius="$r-sm" fill="$surface-2" align="middle-center">
          <text text-style="MonoSm" value="MAPS API" color="$muted" letter-spacing="0.5" />
        </row>
      </row>
      <row gap="22" align="middle-left" role="navigation-menu">
        <text text-style="Nav" value="Docs" color="$muted" />
        <text text-style="Nav" value="API Reference" color="$muted" />
        <text text-style="Nav" value="SDKs" color="$muted" />
        <text text-style="Nav" value="Changelog" color="$ink" />
        <text text-style="Nav" value="Status" color="$muted" />
      </row>
      <row w="fill" gap="12" align="middle-right">
        <row w="248" p="8 12" gap="9" radius="$r-md" fill="$paper" border="1 $line" align="middle-left" role="search-bar">
          <img src="https://api.iconify.design/lucide/search.svg?color=%238E8B96" w="15" h="15" />
          <text w="fill" text-style="Small" value="Search the changelog" color="$faint" />
          <row p="1 6" radius="4" fill="$surface" border="1 $line" align="middle-center"><text text-style="MonoSm" value="/" color="$muted" /></row>
        </row>
        <row p="8 12" gap="8" radius="$r-md" fill="$paper" border="1 $line" align="middle-center" role="button">
          <img src="https://api.iconify.design/lucide/rss.svg?color=%23A01151" w="14" h="14" />
          <text text-style="Btn" value="RSS" color="$accent-strong" />
        </row>
        <row w="34" h="34" radius="$r-pill" fill="$accent-tint" border="1 $accent" align="middle-center" role="avatar">
          <text text-style="Tiny" value="AR" color="$accent-strong" />
        </row>
      </row>
    </row>

    <!-- ===================== CONTENT ===================== -->
    <col w="1200" p="34 0 64 0" gap="26" align="top-left">

      <!-- page header -->
      <row w="1200" gap="20" align="bottom-left">
        <col w="fill" gap="9" align="top-left">
          <text text-style="Eyebrow" value="CHANGELOG" color="$accent-strong" text-case="uppercase" letter-spacing="1.4" />
          <text text-style="H1" value="Release notes" color="$ink" letter-spacing="-0.6" />
          <text text-style="Body" value="What is new across the Tessera platform: Maps API, geocoding, routing, and the SDKs. All times shown in UTC." color="$muted" />
        </col>
        <row h="36" fill="$surface" border="1 $line" radius="$r-md" p="3" gap="2" align="middle-left" role="segmented-control">
          <row h="30" p="0 13" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Small" value="All" color="$on-accent" /></row>
          <row h="30" p="0 13" align="middle-center"><text text-style="Small" value="Features" color="$muted" /></row>
          <row h="30" p="0 13" align="middle-center"><text text-style="Small" value="Fixes" color="$muted" /></row>
          <row h="30" p="0 13" align="middle-center"><text text-style="Small" value="Breaking" color="$muted" /></row>
        </row>
      </row>

      <!-- main split -->
      <row w="1200" gap="60" align="top-left">

        <!-- MAIN COLUMN -->
        <col w="780" gap="20" align="top-left">

          <!-- v4.3.0 (latest) -->
          <row w="780" gap="24" align="top-left">
            <col w="96" gap="1" align="top-right">
              <text text-style="Mono" value="AUG" color="$faint" letter-spacing="0.5" />
              <text text-style="Day" value="14" color="$ink" />
              <text text-style="MonoSm" value="2026" color="$faint" />
            </col>
            <col w="660" fill="$surface" border="1 $accent" radius="$r-lg" p="18 22 20 22" gap="14" align="top-left" role="card">
              <row w="616" gap="10" align="middle-left">
                <row p="3 8" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Chip" value="LATEST" color="$on-accent" letter-spacing="0.6" /></row>
                <row p="3 9" radius="$r-pill" fill="$accent-tint" align="middle-center"><text text-style="VerBadge" value="v4.3.0" color="$accent-ink" /></row>
                <text w="fill" text-style="H2" value="Traffic-aware routing and Vector Tiles v2" color="$ink" />
                <text text-style="Small" value="5 changes" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line-strong" />

              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Chip" value="NEW" color="$on-accent" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Predictive traffic in the Directions API." color="$ink" />
                  <text text-style="EntrySub" value="Pass depart_at to get time-of-day ETAs blended from live and historical speeds." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Directions" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Chip" value="NEW" color="$on-accent" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Vector Tiles v2, with per-layer styling and 31% smaller payloads." color="$ink" />
                  <text text-style="EntrySub" value="Opt in per style; the gl-2 raster schema keeps serving until it is retired." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Tiles" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent-tint" align="middle-center"><text text-style="Chip" value="IMPROVED" color="$accent-ink" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Rural geocoding precision in the US, CA, and AU." color="$ink" />
                  <text text-style="EntrySub" value="New parcel and rooftop data lifts match rates on sparse addresses." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Geocoding" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Isochrone polygons no longer self-intersect near one-way clusters." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Isochrone" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$ink" align="middle-center"><text text-style="Chip" value="BREAKING" color="$on-accent" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Rate-limit headers move to the X-Tessera-RateLimit prefix." color="$ink" />
                  <text text-style="EntrySub" value="Legacy X-RateLimit headers stop being sent on Oct 1, 2026. Update any parsing before then." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="API" color="$faint" />
              </row>
            </col>
          </row>

          <!-- v4.2.1 -->
          <row w="780" gap="24" align="top-left">
            <col w="96" gap="1" align="top-right">
              <text text-style="Mono" value="AUG" color="$faint" letter-spacing="0.5" />
              <text text-style="Day" value="05" color="$ink" />
              <text text-style="MonoSm" value="2026" color="$faint" />
            </col>
            <col w="660" fill="$surface" border="1 $line" radius="$r-lg" p="18 22 20 22" gap="14" align="top-left" role="card">
              <row w="616" gap="10" align="middle-left">
                <row p="3 9" radius="$r-pill" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="VerBadge" value="v4.2.1" color="$muted" /></row>
                <text w="fill" text-style="H2" value="Patch: reliability fixes" color="$ink" />
                <text text-style="Small" value="3 fixes" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line-strong" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Static Maps API returned 502 on markers with encoded pipe characters." color="$ink" />
                </col>
                <text w="90" align="right" text-style="Mono" value="Static Maps" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Places Autocomplete dropped the session token on the third keystroke." color="$ink" />
                </col>
                <text w="90" align="right" text-style="Mono" value="Places" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Node SDK retry backoff now caps at 30s instead of growing unbounded." color="$ink" />
                </col>
                <text w="90" align="right" text-style="Mono" value="SDK" color="$faint" />
              </row>
            </col>
          </row>

          <!-- v4.2.0 -->
          <row w="780" gap="24" align="top-left">
            <col w="96" gap="1" align="top-right">
              <text text-style="Mono" value="JUL" color="$faint" letter-spacing="0.5" />
              <text text-style="Day" value="22" color="$ink" />
              <text text-style="MonoSm" value="2026" color="$faint" />
            </col>
            <col w="660" fill="$surface" border="1 $line" radius="$r-lg" p="18 22 20 22" gap="14" align="top-left" role="card">
              <row w="616" gap="10" align="middle-left">
                <row p="3 9" radius="$r-pill" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="VerBadge" value="v4.2.0" color="$muted" /></row>
                <text w="fill" text-style="H2" value="Distance Matrix API and richer map styles" color="$ink" />
                <text text-style="Small" value="5 changes" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line-strong" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Chip" value="NEW" color="$on-accent" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Matrix API returns up to 100 by 100 origin-destination pairs per call." color="$ink" />
                  <text text-style="EntrySub" value="Billed per element, with a single round trip for large grids." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Matrix" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent-tint" align="middle-center"><text text-style="Chip" value="IMPROVED" color="$accent-ink" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Style editor adds 6 base themes and per-zoom label density." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Styles" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent-tint" align="middle-center"><text text-style="Chip" value="IMPROVED" color="$accent-ink" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Directions responses now include lane guidance on motorways." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Directions" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Reverse geocoding was off by one house number in dense blocks." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Geocoding" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="DEPRECATED" color="$muted" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="The gl-2 tile schema is deprecated." color="$ink" />
                  <text text-style="EntrySub" value="Migrate to Vector Tiles v2 before Jan 15, 2027." color="$body" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Tiles" color="$faint" />
              </row>
            </col>
          </row>

          <!-- v4.1.0 -->
          <row w="780" gap="24" align="top-left">
            <col w="96" gap="1" align="top-right">
              <text text-style="Mono" value="JUL" color="$faint" letter-spacing="0.5" />
              <text text-style="Day" value="03" color="$ink" />
              <text text-style="MonoSm" value="2026" color="$faint" />
            </col>
            <col w="660" fill="$surface" border="1 $line" radius="$r-lg" p="18 22 20 22" gap="14" align="top-left" role="card">
              <row w="616" gap="10" align="middle-left">
                <row p="3 9" radius="$r-pill" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="VerBadge" value="v4.1.0" color="$muted" /></row>
                <text w="fill" text-style="H2" value="Snap-to-Roads and EU latency wins" color="$ink" />
                <text text-style="Small" value="4 changes" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line-strong" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent" align="middle-center"><text text-style="Chip" value="NEW" color="$on-accent" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Snap-to-Roads endpoint cleans noisy GPS traces onto the road graph." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Roads" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$accent-tint" align="middle-center"><text text-style="Chip" value="IMPROVED" color="$accent-ink" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Geocoding p95 latency down 22% in the EU region." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Geocoding" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Distance Matrix ignored avoid=tolls for a subset of routes." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="Matrix" color="$faint" />
              </row>
              <rect w="616" h="1" fill="$line" />
              <row w="616" gap="14" align="top-left">
                <col w="88" align="top-left"><row p="3 8" radius="$r-sm" fill="$surface-2" border="1 $line" align="middle-center"><text text-style="Chip" value="FIXED" color="$body" letter-spacing="0.5" /></row></col>
                <col w="fill" gap="3" align="top-left">
                  <text text-style="Entry" value="Shipped SDK types for TypeScript 5.5 strict mode." color="$ink" />
                </col>
                <text w="86" align="right" text-style="Mono" value="SDK" color="$faint" />
              </row>
            </col>
          </row>

          <!-- view older -->
          <row w="780" p="12 0 0 120" align="middle-left">
            <row p="10 16" gap="8" radius="$r-md" fill="$surface" border="1 $line-strong" align="middle-center" role="button">
              <text text-style="Btn" value="View releases before v4.1.0" color="$body" />
              <img src="https://api.iconify.design/lucide/arrow-right.svg?color=%2346434E" w="15" h="15" />
            </row>
          </row>

        </col>

        <!-- SIDEBAR -->
        <col w="360" gap="20" align="top-left">

          <!-- subscribe -->
          <col w="360" fill="$surface" border="1 $line" radius="$r-lg" p="18 20 20 20" gap="12" align="top-left" role="card">
            <text text-style="Eyebrow" value="STAY UPDATED" color="$faint" text-case="uppercase" letter-spacing="1" />
            <text text-style="LabelB" value="Get release notes by email" color="$ink" />
            <row w="320" p="9 12" gap="9" radius="$r-md" fill="$paper" border="1 $line" align="middle-left" role="text-field">
              <img src="https://api.iconify.design/lucide/mail.svg?color=%238E8B96" w="15" h="15" />
              <text w="fill" text-style="Small" value="you@company.com" color="$faint" />
            </row>
            <row w="320" h="38" radius="$r-md" fill="$accent" align="middle-center" role="button">
              <text text-style="Btn" value="Subscribe" color="$on-accent" />
            </row>
            <text text-style="Small" value="3,180 developers get these notes. Or follow @tesseramaps." color="$muted" />
          </col>

          <!-- SDK adoption -->
          <col w="360" fill="$surface" border="1 $line" radius="$r-lg" p="18 20 20 20" gap="13" align="top-left" role="card">
            <col gap="4" align="top-left">
              <text text-style="Eyebrow" value="SDK VERSION ADOPTION" color="$faint" text-case="uppercase" letter-spacing="1" />
              <text text-style="Small" value="Share of API requests, last 7 days." color="$muted" />
            </col>
            <col w="320" gap="7" align="top-left">
              <row w="fill" align="middle-left" gap="auto">
                <text text-style="Label" value="Tessera SDK 4.x" color="$ink" />
                <text text-style="Metric" value="68.4%" color="$ink" />
              </row>
              <row w="320" h="8" radius="$r-pill" fill="$surface-2" align="middle-left">
                <rect w="219" h="8" radius="$r-pill" fill="$accent" />
              </row>
            </col>
            <col w="320" gap="7" align="top-left">
              <row w="fill" align="middle-left" gap="auto">
                <text text-style="Label" value="SDK 3.x" color="$body" />
                <text text-style="Metric" value="22.8%" color="$body" />
              </row>
              <row w="320" h="8" radius="$r-pill" fill="$surface-2" align="middle-left">
                <rect w="73" h="8" radius="$r-pill" fill="$accent-strong" />
              </row>
            </col>
            <col w="320" gap="7" align="top-left">
              <row w="fill" align="middle-left" gap="auto">
                <text text-style="Label" value="SDK 2.x" color="$muted" />
                <text text-style="Metric" value="8.8%" color="$muted" />
              </row>
              <row w="320" h="8" radius="$r-pill" fill="$surface-2" align="middle-left">
                <rect w="28" h="8" radius="$r-pill" fill="$faint" />
              </row>
            </col>
          </col>

          <!-- all releases index -->
          <col w="360" fill="$surface" border="1 $line" radius="$r-lg" p="18 20 20 20" gap="4" align="top-left" role="navigation-menu">
            <text text-style="Eyebrow" value="ALL RELEASES" color="$faint" text-case="uppercase" letter-spacing="1" />
            <row w="fill" h="34" p="0 10" radius="$r-sm" fill="$accent-tint" border="0 0 0 2 $accent" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v4.3.0" color="$accent-strong" />
              <text text-style="Small" value="Aug 14" color="$accent-ink" />
            </row>
            <row w="fill" h="34" p="0 10" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v4.2.1" color="$body" />
              <text text-style="Small" value="Aug 5" color="$faint" />
            </row>
            <row w="fill" h="34" p="0 10" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v4.2.0" color="$body" />
              <text text-style="Small" value="Jul 22" color="$faint" />
            </row>
            <row w="fill" h="34" p="0 10" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v4.1.0" color="$body" />
              <text text-style="Small" value="Jul 3" color="$faint" />
            </row>
            <row w="320" h="34" p="0 10" align="middle-left" gap="8">
              <text text-style="MonoB" value="v4.0.0" color="$body" />
              <row p="1 6" radius="$r-sm" fill="$surface-2" align="middle-center"><text text-style="MonoSm" value="MAJOR" color="$muted" letter-spacing="0.5" /></row>
              <text w="fill" align="right" text-style="Small" value="Jun 12" color="$faint" />
            </row>
            <row w="fill" h="34" p="0 10" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v3.6.2" color="$body" />
              <text text-style="Small" value="May 28" color="$faint" />
            </row>
            <row w="fill" h="34" p="0 10" align="middle-left" gap="auto">
              <text text-style="MonoB" value="v3.6.1" color="$body" />
              <text text-style="Small" value="May 9" color="$faint" />
            </row>
          </col>

          <!-- deprecation notice -->
          <col w="360" fill="$accent-tint" radius="$r-lg" p="16 18" gap="8" align="top-left">
            <row gap="8" align="middle-left">
              <img src="https://api.iconify.design/lucide/triangle-alert.svg?color=%23A01151" w="16" h="16" />
              <text text-style="LabelB" value="End-of-life notice" color="$accent-ink" />
            </row>
            <text text-style="EntrySub" value="Tessera SDK 2.x reaches end-of-life on Nov 1, 2026. Upgrade to 4.x to keep receiving fixes." color="$accent-ink" />
            <row gap="6" align="middle-left" role="hyperlink">
              <text text-style="Btn" value="Read the migration guide" color="$accent-strong" />
              <img src="https://api.iconify.design/lucide/arrow-right.svg?color=%23A01151" w="14" h="14" />
            </row>
          </col>

        </col>
      </row>

      <!-- footer -->
      <row w="1200" p="8 2 0 2" gap="16" align="middle-left" border="1 0 0 0 $line">
        <text w="fill" text-style="Small" value="Documentation   ·   API Reference   ·   Status   ·   RSS feed" color="$muted" />
        <text text-style="Small" value="© 2026 Tessera Labs, Inc." color="$faint" />
      </row>

    </col>
  </col>
</gui>
```