> ## Documentation Index
> Fetch the complete documentation index at: https://developer.suki.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Release Notes

> Release notes by workflow (Ambient clinical intelligence, Form filling, Dictation) and integration surface, with links to product changelogs.

export const RNSearchIcon = () => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    <path fill="none" d="M11 17.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13z" />
    <path d="m21 21-4.3-4.3" />
  </svg>;

export const RNHubChangelogIcon = () => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" aria-hidden="true" className="hp-sdk-simple-card__art">
    <circle cx="32" cy="32" r="20" stroke="currentColor" strokeWidth="1.25" />
    <path d="M32 14v3" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
    <path d="M50 32h-3" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
    <path d="M32 50v-3" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
    <path d="M14 32h3" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
    <path d="M32 32V22" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
    <path d="M32 32l10 6" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
    <circle cx="32" cy="32" r="2.25" fill="currentColor" />
  </svg>;

export const RNHubDeprecationsIcon = () => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" aria-hidden="true" className="hp-sdk-simple-card__art">
    <path d="M32 12 52 48H12Z" stroke="currentColor" strokeWidth="1.25" strokeLinejoin="round" strokeLinecap="round" />
    <path d="M32 26v12" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
    <circle cx="32" cy="44" r="2.25" fill="currentColor" />
  </svg>;

export const RNHubVersioningIcon = () => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" aria-hidden="true" className="hp-sdk-simple-card__art">
    <rect x="14" y="12" width="36" height="40" rx="4" stroke="currentColor" strokeWidth="1.25" />
    <path d="M22 24h20" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
    <path d="M22 34h20" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
    <path d="M22 42h12" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
  </svg>;

<div className="hp-wrap release-notes-hp-wrap">
  <div className="sdk-overview-container release-notes-container">
    <div className="sdk-overview-intro">
      <div className="release-notes-title-row">
        <h1 className="sdk-overview-main-title release-notes-main-heading">Latest Releases</h1>

        <div className="release-notes-title-actions" role="group" aria-label="Release notes subscription options">
          <span className="release-notes-subscribe-wrap">
            <button type="button" className="release-notes-subscribe-trigger" aria-haspopup="dialog" aria-controls="suki-release-notes-subscribe-root" aria-label="Open email signup for partner release notes">
              <span className="release-notes-subscribe-icon" aria-hidden="true">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" focusable="false" aria-hidden="true">
                  <rect width="20" height="16" x="2" y="4" rx="2" />

                  <path fill="none" d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
                </svg>
              </span>

              <span className="release-notes-subscribe-label">Subscribe to updates</span>
            </button>
          </span>

          <a href="/updates/release-notes-rss-feed/rss.xml" className="release-notes-rss-link" target="_blank" rel="noopener noreferrer" type="application/rss+xml" aria-label="Subscribe to release notes RSS feed" title="RSS Feed for Monthly Release Notes (XML). Mintlify Builds This from the Hidden Release-Notes-Rss-Feed Page (Frame Mode Pages Do Not Include Update Items in RSS).">
            <span className="release-notes-rss-icon" aria-hidden="true">
              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" focusable="false" aria-hidden="true">
                <path fill="none" d="M4 4a16 16 0 0 1 16 16" />

                <path fill="none" d="M4 11a9 9 0 0 1 9 9" />

                <path data-rss-dot fill="currentColor" stroke="none" d="M5 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0" />
              </svg>
            </span>

            <span className="release-notes-rss-label">RSS</span>
          </a>
        </div>
      </div>

      <div id="suki-release-notes-subscribe-root" className="release-notes-subscribe-modal-root" hidden aria-hidden="true">
        <button type="button" className="release-notes-subscribe-modal-backdrop" aria-label="Close signup" data-release-notes-subscribe-close />

        <div className="release-notes-subscribe-dialog release-notes-subscribe-modal-sheet" role="dialog" aria-modal="true" aria-labelledby="suki-release-notes-subscribe-title">
          <div className="release-notes-subscribe-dialog-panel">
            <div className="release-notes-subscribe-dialog-head">
              <h2 id="suki-release-notes-subscribe-title" className="release-notes-subscribe-dialog-title">
                Subscribe to email updates
              </h2>

              <button type="button" className="release-notes-subscribe-dialog-close" aria-label="Close signup dialog" data-release-notes-subscribe-close>
                <span aria-hidden="true">×</span>
              </button>
            </div>

            <p className="release-notes-subscribe-dialog-lead">
              Sign up below to get notified when new partner releases are published, or use the RSS feed instead.
            </p>

            <div className="release-notes-subscribe-panel" data-release-notes-subscribe-panel>
              <form id="suki-release-notes-signup-form" className="release-notes-subscribe-signup-form" method="POST" data-submit-src="https://script.google.com/macros/s/AKfycbxv2tdIdWMOBIUHcsYOnA0nfm9SFBamNLy-6lVJv9FHusbmCmbXes5glg8lOt6Jl9kv/exec" data-release-notes-subscribe-native hidden>
                <div className="release-notes-subscribe-float">
                  <input id="suki-rn-signup-name" type="text" name="name" autoComplete="name" required aria-required="true" className="release-notes-subscribe-input" placeholder=" " />

                  <label className="release-notes-subscribe-float-label" htmlFor="suki-rn-signup-name">
                    Name
                    <span className="release-notes-subscribe-visually-hidden"> (required)</span>
                  </label>
                </div>

                <div className="release-notes-subscribe-float">
                  <input id="suki-rn-signup-email" type="email" name="email" autoComplete="email" required aria-required="true" className="release-notes-subscribe-input" placeholder=" " />

                  <label className="release-notes-subscribe-float-label" htmlFor="suki-rn-signup-email">
                    Email address
                    <span className="release-notes-subscribe-visually-hidden"> (required)</span>
                  </label>
                </div>

                <button type="submit" className="release-notes-subscribe-submit">
                  Subscribe
                </button>

                <p className="release-notes-subscribe-consent">
                  By clicking "Subscribe" you agree that your personal data will be processed in accordance with our{' '}

                  <a href="https://www.suki.ai/privacy-policy/" target="_blank" rel="noopener noreferrer">
                    Privacy Policy
                  </a>

                  .
                </p>
              </form>

              <div className="release-notes-subscribe-response-region" data-release-notes-subscribe-native hidden>
                <div className="release-notes-subscribe-response-loading" data-release-notes-subscribe-loading hidden role="status" aria-live="polite" aria-atomic="true">
                  <span className="release-notes-subscribe-response-loading-spinner" aria-hidden="true" />

                  <span className="release-notes-subscribe-response-loading-text">Submitting…</span>
                </div>

                <div className="release-notes-subscribe-fetch-result" data-release-notes-subscribe-fetch-result hidden role="status" aria-live="polite" />
              </div>

              <div className="release-notes-subscribe-google-wrap" data-release-notes-subscribe-google>
                <iframe className="release-notes-subscribe-iframe" title="Partner Release Note Email Signup Form" data-embed-src="https://docs.google.com/forms/d/e/1FAIpQLSe6JMb3k2z5Vrp_w8JMEGRzGXfto2EGo9eko-pHnVbgLDyw_w/viewform?embedded=true" referrerPolicy="no-referrer-when-downgrade" />
              </div>
            </div>

            <div className="release-notes-subscribe-fallback" hidden>
              <p>
                Email signup is not wired for this site yet. Set <code className="release-notes-subscribe-code">releaseNotesSubscribeSubmitUrl</code> (Apps Script Web app <code className="release-notes-subscribe-code">/exec</code> URL for duplicate-safe signup) and/or{' '}
                <code className="release-notes-subscribe-code">releaseNotesSubscribeEmbedUrl</code> in <code className="release-notes-subscribe-code">docs.json</code>, then redeploy.
              </p>

              <p>
                <a href="/updates/release-notes-rss-feed/rss.xml" className="release-notes-subscribe-fallback-rss">
                  Subscribe with RSS instead
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>

      <p className="sdk-overview-text">
        Get the latest updates and changes in Suki for Partners developer platform. Subscribe to the release notes to receive monthly updates across products.
      </p>

      <div className="release-notes-mode-shell" data-release-notes-active-workflow="all">
        <div className="release-notes-workflow-pills" role="tablist" aria-label="Release notes by workflow">
          <button type="button" role="tab" className="release-notes-workflow-pill release-notes-workflow-pill--active" data-workflow-filter="all" aria-selected="true">All</button>

          <button type="button" role="tab" className="release-notes-workflow-pill" data-workflow-filter="ambient" aria-selected="false">
            <span className="release-notes-workflow-pill-icon" aria-hidden="true">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path fill="none" d="M22 12 18 12 15 21 9 3 6 12 2 12" />
              </svg>
            </span>

            <span className="release-notes-workflow-pill-label">Ambient</span>
          </button>

          <button type="button" role="tab" className="release-notes-workflow-pill" data-workflow-filter="form-filling" aria-selected="false">
            <span className="release-notes-workflow-pill-icon" aria-hidden="true">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <rect width="8" height="4" x="8" y="2" rx="1" ry="1" />

                <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />

                <path d="M12 11h4" />

                <path d="M12 16h4" />

                <path d="M8 11h.01" />

                <path d="M8 16h.01" />
              </svg>
            </span>

            <span className="release-notes-workflow-pill-label">Form Filling</span>
          </button>

          <button type="button" role="tab" className="release-notes-workflow-pill" data-workflow-filter="dictation" aria-selected="false">
            <span className="release-notes-workflow-pill-icon" aria-hidden="true">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />

                <path d="M19 10v2a7 7 0 0 1-14 0v-2" />

                <line x1="12" x2="12" y1="19" y2="22" />
              </svg>
            </span>

            <span className="release-notes-workflow-pill-label">Dictation</span>
          </button>
        </div>

        <div className="hp-home-features hp-home-features--graphic-links release-notes-hub-nav-cards">
          <div className="api-overview-workflow-card-stack">
            <a href="/updates/changelogs" className="hp-home-feature-graphic-link hp-sdk-simple-card release-notes-hub-nav-card release-notes-hub-nav-card--changelogs" aria-label="Changelogs">
              <span className="hp-sdk-simple-card__title">Changelogs</span>

              <RNHubChangelogIcon />
            </a>
          </div>

          <div className="api-overview-workflow-card-stack">
            <a href="/updates/deprecations" className="hp-home-feature-graphic-link hp-sdk-simple-card release-notes-hub-nav-card release-notes-hub-nav-card--deprecations" aria-label="Deprecations">
              <span className="hp-sdk-simple-card__title">Deprecations</span>

              <RNHubDeprecationsIcon />
            </a>
          </div>

          <div className="api-overview-workflow-card-stack">
            <a href="/updates/release-and-versioning" className="hp-home-feature-graphic-link hp-sdk-simple-card release-notes-hub-nav-card release-notes-hub-nav-card--versioning" aria-label="Release and versioning policy">
              <span className="hp-sdk-simple-card__title">Release Policy</span>

              <RNHubVersioningIcon />
            </a>
          </div>
        </div>

        <div className="release-notes-filter-scope" data-active-workflow="all" data-active-product="all" data-active-attention="all" data-active-search="">
          <div className="release-notes-filter-toolbar release-notes-filter-toolbar--dropdowns">
            <div className="release-notes-filter-dropdowns">
              <div className="release-notes-filter-dropdown-field release-notes-filter-search-field">
                <label id="rn-relnotes-search-label" className="release-notes-filter-row-label" htmlFor="rn-relnotes-timeline-search">
                  Search
                </label>

                <div className="suki-use-case-search-wrap release-notes-timeline-search-wrap">
                  <span aria-hidden="true">
                    <RNSearchIcon />
                  </span>

                  <input id="rn-relnotes-timeline-search" type="search" className="suki-use-case-search" data-release-notes-timeline-search placeholder="Search" aria-labelledby="rn-relnotes-search-label" aria-label="Search release note titles in the timeline" autoComplete="off" />
                </div>
              </div>

              <div className="release-notes-filter-dropdown-field">
                <label id="rn-relnotes-product-label" className="release-notes-filter-row-label" htmlFor="rn-relnotes-product-trigger">
                  Products
                </label>

                <div className="release-notes-filter-dropdown" data-rn-dropdown="product">
                  <button type="button" id="rn-relnotes-product-trigger" className="release-notes-filter-dropdown-trigger" aria-haspopup="listbox" aria-expanded="false" aria-controls="rn-relnotes-product-listbox" aria-labelledby="rn-relnotes-product-label">
                    <span className="release-notes-filter-dropdown-value">All</span>

                    <span className="release-notes-filter-dropdown-chevron" aria-hidden="true">
                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                        <path d="m6 9 6 6 6-6" />
                      </svg>
                    </span>
                  </button>

                  <ul id="rn-relnotes-product-listbox" className="release-notes-filter-dropdown-list" role="listbox" aria-labelledby="rn-relnotes-product-label" hidden>
                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab release-notes-product-tab--active" data-product-filter="all" data-release-notes-workflows="all,ambient,form-filling,dictation" aria-selected="true">
                        All
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="api" data-release-notes-workflows="all,ambient" aria-selected="false">
                        APIs
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="web-sdk" data-release-notes-workflows="all,ambient,form-filling" aria-selected="false">
                        Web-SDK
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="mobile-sdk" data-release-notes-workflows="all,ambient" aria-selected="false">
                        Mobile-SDK
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="headless-web-sdk" data-release-notes-workflows="all,ambient" aria-selected="false">
                        Headless-Web-SDK
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="dictation-sdk" data-release-notes-workflows="all,dictation" aria-selected="false">
                        Dictation-SDK
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="form-filling-api" data-release-notes-workflows="all,form-filling" aria-selected="false">
                        Form filling APIs
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-product-tab" data-product-filter="form-filling-sdk" data-release-notes-workflows="all,form-filling" aria-selected="false">
                        Form filling SDK
                      </button>
                    </li>
                  </ul>
                </div>
              </div>

              <div className="release-notes-filter-dropdown-field">
                <label id="rn-relnotes-attention-label" className="release-notes-filter-row-label" htmlFor="rn-relnotes-attention-trigger">
                  Attention
                </label>

                <div className="release-notes-filter-dropdown" data-rn-dropdown="attention">
                  <button type="button" id="rn-relnotes-attention-trigger" className="release-notes-filter-dropdown-trigger" aria-haspopup="listbox" aria-expanded="false" aria-controls="rn-relnotes-attention-listbox" aria-labelledby="rn-relnotes-attention-label">
                    <span className="release-notes-filter-dropdown-value">All attention levels</span>

                    <span className="release-notes-filter-dropdown-chevron" aria-hidden="true">
                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                        <path d="m6 9 6 6 6-6" />
                      </svg>
                    </span>
                  </button>

                  <ul id="rn-relnotes-attention-listbox" className="release-notes-filter-dropdown-list" role="listbox" aria-labelledby="rn-relnotes-attention-label" hidden>
                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab release-notes-attention-tab--active" data-attention-filter="all" aria-selected="true">
                        All attention levels
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="noteworthy" aria-selected="false">
                        Noteworthy
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="breaking-changes" aria-selected="false">
                        Breaking changes
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="deprecated" aria-selected="false">
                        Deprecated
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="new" aria-selected="false">
                        New
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="action-required" aria-selected="false">
                        Action required
                      </button>
                    </li>

                    <li role="presentation">
                      <button type="button" role="option" className="release-notes-attention-tab" data-attention-filter="removed" aria-selected="false">
                        Removed
                      </button>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div className="release-notes-jump-timeline release-notes-jump-timeline--loading" data-release-notes-jump-timeline aria-busy="true" aria-labelledby="rn-jump-to-release-label">
            <span className="release-notes-filter-row-label release-notes-jump-timeline-label" id="rn-jump-to-release-label">
              Jump to release
            </span>

            <div className="release-notes-jump-timeline-controls">
              <button type="button" className="release-notes-jump-timeline-nav" data-release-notes-jump-scroll="prev" aria-label="Scroll release timeline left">
                <span aria-hidden="true">←</span>
              </button>

              <div className="release-notes-jump-timeline-scroller" tabIndex={0}>
                <div className="release-notes-jump-timeline-rail" aria-hidden="true" />

                <div className="release-notes-jump-timeline-track" role="list" />
              </div>

              <button type="button" className="release-notes-jump-timeline-nav" data-release-notes-jump-scroll="next" aria-label="Scroll release timeline right">
                <span aria-hidden="true">→</span>
              </button>
            </div>

            <p className="release-notes-jump-timeline-status" data-release-notes-jump-status hidden>
              Loading release timeline…
            </p>
          </div>

          <div className="release-notes-filter-empty" hidden role="status" aria-live="polite">
            <p className="release-notes-filter-empty-title">No releases found</p>

            <p className="release-notes-filter-empty-text">
              No timeline titles match this search or filter combination. Clear the search, set Products and Attention to All, or try a different title keyword.
            </p>
          </div>

          <div className="release-notes-timeline-stack">
            <h2 className="sdk-overview-section-title release-notes-timeline-section-title">2026</h2>

            <ul className="release-notes-timeline" aria-label="2026 release notes">
              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">July</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/jul2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="form-filling" data-product="form-filling-sdk" data-attention="new">
                        <Badge icon="cube" color="gray" size="sm">Form Filling SDK v0.1.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Form Filling SDK (Beta)</h3>

                        <p className="release-notes-timeline-entry-text">
                          Initial <strong>beta</strong> release of the Suki Form filling SDK so you can embed Form filling in the browser with a hosted iframe or React components. Clinicians fill medical forms by voice, and your app receives structured JSON through SDK callbacks and your partner webhook.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/form-filling-sdk/introduction" className="release-notes-timeline-learn">Learn more: Form filling SDK overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/form-filling-sdk/changelog" className="release-notes-timeline-learn">Form filling SDK changelog</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="form-filling" data-product="web-sdk" data-attention="new,noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK v3.2.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Form Filling in the Web SDK</h3>

                        <p className="release-notes-timeline-entry-text">
                          Form filling is now included in <code>@suki-sdk/js</code> and <code>@suki-sdk/react</code>. Import Form filling from your Web SDK package. You do not need a separate Form filling SDK install.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/web-sdk/form-filling-overview" className="release-notes-timeline-learn">Learn more: Web SDK Form filling overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/web-sdk/product-updates/changelog" className="release-notes-timeline-learn">Web SDK changelog</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api,web-sdk,mobile-sdk,headless-web-sdk" data-attention="new,noteworthy">
                        <Badge icon="code" size="sm" color="blue">API v1.6.0</Badge> | <Badge icon="code" size="sm" color="green">Web SDK v3.2.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Interoperability Across Suki Products for Ambient Workflows</h3>

                        <p className="release-notes-timeline-entry-text">
                          You can now continue the same clinical note across Suki ambient products, including the Ambient APIs, Mobile SDK, Headless Web SDK, and Headed Web SDK. Pass <code>emr\_encounter\_id</code> when creating an ambient session, then use the returned <code>composition\_id</code> as <code>note\_id</code> with the note-level Ambient APIs.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/documentation/concepts/ambient-clinical-notes/ambient-interoperability" className="release-notes-timeline-learn">Learn more: ambient interoperability</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/documentation/how-to/ambient-clinical-notes/use-ambient-across-modalities" className="release-notes-timeline-learn">How to use interoperability across Suki products</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="mobile-sdk" data-attention="new,noteworthy">
                        <Badge icon="mobile" size="sm" color="purple">Mobile SDK v2.7.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Ambient Interoperability</h3>

                        <p className="release-notes-timeline-entry-text">
                          From Mobile SDK <strong>v2.7.0</strong>, the Mobile SDK supports ambient interoperability with Ambient APIs and the Web SDK. Pass <code>SukiAmbientConstant.kEmrEncounterId</code> on <code>createSession</code> so the session shares one clinical note for the patient visit. Resolve remote session conflicts, handle peer terminate, and list or read shared notes with the new note read APIs.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/mobile-sdk/ambient-guides/ambient-interoperability" className="release-notes-timeline-learn">Learn more: Mobile SDK interoperability</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/mobile-sdk/product-updates/changelog" className="release-notes-timeline-learn">Mobile SDK changelog</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">June</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/jun2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Medication Orders</h3>

                        <p className="release-notes-timeline-entry-text">
                          The Headed Web SDK now supports Medication orders generation during ambient sessions. Pass LOINC code <code>52471-0</code> in <code>ambientOptions.sections</code> to enable review in the note UI and structured JSON on note submit.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/web-sdk/medication-orders/overview" className="release-notes-timeline-learn">Learn more: Medication orders overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/web-sdk/medication-orders/payload-structure" className="release-notes-timeline-learn">Medication orders payload structure</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api" data-attention="noteworthy">
                        <Badge icon="code" size="sm" color="blue">API v1.5.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">HCC Codes</h3>

                        <p className="release-notes-timeline-entry-text">
                          The Structured data API and Encounter structured data API now return HCC codes alongside ICD10, IMO, and SNOMED for suggested diagnoses. Parse <code>type: "HCC"</code> entries from the diagnosis <code>codes</code> array to validate EMR context and support risk-adjustment workflows.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/api-reference/ambient-content/structured-data" className="release-notes-timeline-learn">Learn more: Structured data API</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/api-reference/ambient-content/encounter-structured-data" className="release-notes-timeline-learn">Encounter structured data API</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient,form-filling,dictation" data-product="api,form-filling-api" data-attention="action-required,noteworthy">
                        <Badge icon="code" size="sm" color="blue">API v1.4.0</Badge> |{' '}
                        <Badge icon="code" size="sm" color="blue">Form Filling API v1.1.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Single Auth Token Authentication</h3>

                        <p className="release-notes-timeline-entry-text">
                          You now have the option to authenticate providers using a single authentication token for all clinicians. When you choose this option, you must send <code>sdp\_provider\_id</code> as a header on every API call so Suki can route each request to the correct clinician. This applies to Ambient, Dictation, and Form filling API requests.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/api-reference/provider-authentication#authentication-with-a-single-auth-token" className="release-notes-timeline-learn">Learn more: Provider authentication</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">May</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/may2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="new">
                        <Badge icon="cube" size="sm" color="green">Web SDK v3.1.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Minimized Layout</h3>

                        <p className="release-notes-timeline-entry-text">
                          The headed Web SDK can shrink to a compact, viewport-aligned widget during ambient sessions so clinicians keep focus on the EHR or chart while capture continues in the background.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/web-sdk/minimized-layout/overview" className="release-notes-timeline-learn">Learn more: Minimized layout overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/web-sdk/minimized-layout/implementation" className="release-notes-timeline-learn">Minimized layout implementation</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="form-filling" data-product="form-filling-api" data-attention="new">
                        <Badge icon="code" size="sm" color="blue">Form Filling API v1.0.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Form Filling API</h3>

                        <p className="release-notes-timeline-entry-text">
                          Our new Suki Form filling API allows you to create and manage Form filling sessions, retrieve structured data, submit feedback, and get info about Medical form templates for nursing use cases and data collection during
                          in-person visits or virtual patient encounters.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/form-filling-api-reference/overview" className="release-notes-timeline-learn">Learn more: Form filling API overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/form-filling-api-reference/changelog" className="release-notes-timeline-learn">Form filling API changelog</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="headless-web-sdk" data-attention="fixed">
                        <Badge icon="cube" size="sm" color="orange">Headless Web SDK v0.2.3</Badge> |{' '}
                        <Badge icon="bug" size="sm" color="orange">Bug fixes</Badge>
                        <h3 className="release-notes-timeline-entry-title">Bug Fixes and Stability Improvements</h3>

                        <p className="release-notes-timeline-entry-text">
                          Minor bug fixes and stability improvements for the Headless Web SDK.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">April</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/apr2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="dictation" data-product="dictation-sdk" data-attention="new">
                        <Badge icon="microphone" color="yellow" size="sm">Dictation SDK v0.1.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Dictation SDK (Beta)</h3>

                        <p className="release-notes-timeline-entry-text">
                          Initial <strong>beta</strong> release of the Suki Dictation SDK so you can embed clinical Dictation in the browser with a hosted iframe, <strong>in-field</strong> or <strong>scratchpad</strong> modes, and callbacks for transcript text from JavaScript or React.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/dictation-sdk/introduction" className="release-notes-timeline-learn">Learn more: Dictation SDK overview</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/dictation-sdk/changelog" className="release-notes-timeline-learn">Dictation SDK changelog</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="breaking-changes,action-required">
                        <Badge icon="cube" size="sm" color="green">Web SDK v3.0.0</Badge> |{' '}
                        <Badge icon="exclamation-triangle" size="sm" color="red">Breaking changes</Badge> |{' '}
                        <Badge icon="bolt" size="sm" color="orange">Action required</Badge>
                        <h3 className="release-notes-timeline-entry-title">New Authentication Flow</h3>

                        <p className="release-notes-timeline-entry-text">
                          Sign-in now goes through <strong>SukiAuthManager</strong> from <code>@suki-sdk/core</code>, the same model as our other SDKs. Configure the manager with partner credentials, environment, and provider details, then pass it when you start the Web SDK.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/web-sdk/product-updates/migration-to-v3" className="release-notes-timeline-learn">Learn more: Migrating to Web SDK v3</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/web-sdk/quickstart" className="release-notes-timeline-learn">Web SDK quickstart</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.2.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Optional Session-Level Metadata</h3>

                        <p className="release-notes-timeline-entry-text">
                          Pass optional visit and provider fields in <code>ambientOptions</code> when you start a session (for example <code>visitType</code>, <code>encounterType</code>, <code>reasonForVisit</code>, <code>chiefComplaint</code>, and <code>providerRole</code>) so note generation has better context.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/web-sdk/guides/ambient-implementation" className="release-notes-timeline-learn">Learn more: ambient implementation</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/web-sdk/api-reference/types/ambient-options#properties" className="release-notes-timeline-learn">AmbientOptions properties</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.2.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Note List Titles from Visit Type</h3>

                        <p className="release-notes-timeline-entry-text">
                          When <code>visitType</code> is set in <code>ambientOptions</code>, the Web SDK uses it as the note title for each generated note in the patient note list instead of the generic <strong>Note</strong> label, so multiple notes from the same day are easier to distinguish.
                        </p>

                        <a href="/web-sdk/guides/note-management#note-titles-in-the-web-sdk-ui" className="release-notes-timeline-learn">Learn more: Note titles</a>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="mobile-sdk" data-attention="new,action-required">
                        <Badge icon="mobile" size="sm" color="purple">Mobile SDK v2.6.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <Badge icon="bolt" size="sm" color="orange">Action required</Badge>
                        <h3 className="release-notes-timeline-entry-title">Medication Orders in Session Context</h3>

                        <p className="release-notes-timeline-entry-text">
                          Provide optional medication orders via <code>SukiAmbientConstant.kOrdersInfo</code> and <code>MedicationOrderKeys.kMedicationOrders</code> after session creation in the iOS SDK to include medications tied to a visit, such as those from your EHR.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/mobile-sdk/ambient-guides/provide-clinical-context#orders-info" className="release-notes-timeline-learn">Learn more: Orders info</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="mobile-sdk" data-attention="noteworthy">
                        <Badge icon="mobile" size="sm" color="purple">Mobile SDK v2.6.0</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">EMR Info in Session Context</h3>

                        <p className="release-notes-timeline-entry-text">
                          Provide optional EMR info via <code>SukiAmbientConstant.kEmrInfo</code> after session creation in the iOS SDK, to include information about the EMR system that applies to the session, such as the vendor code or environment-specific label.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/mobile-sdk/ambient-guides/provide-clinical-context#emr-info" className="release-notes-timeline-learn">Learn more: EMR info</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api" data-attention="new">
                        <Badge icon="code" size="sm" color="blue">API v1.3.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">New Info Endpoints</h3>

                        <p className="release-notes-timeline-entry-text">
                          Added new endpoints to get the list of supported medication coding systems, dosage units, encounter relations, frequencies, medication timings, origins, and statuses.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/api-reference/info/orders" className="release-notes-timeline-learn">Learn more: Info endpoints</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api" data-attention="new">
                        <Badge icon="code" size="sm" color="blue">API v1.3.0</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Medication Order Support</h3>

                        <p className="release-notes-timeline-entry-text">
                          Medication orders are now supported in the API. You can now send and retrieve medication orders for an ambient session to be used in the note generation process.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/documentation/concepts/ambient-clinical-notes/medication-orders" className="release-notes-timeline-learn">Learn more: Medication orders</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/api-reference/product-updates/changelog#enhancements" className="release-notes-timeline-learn">Learn more: Changelog</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">March</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/mar2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api" data-attention="new">
                        <Badge icon="code" size="sm" color="blue">API v1.2.1</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Audio Streaming and Download</h3>

                        <p className="release-notes-timeline-entry-text">
                          New endpoint to stream or download the original audio from an ambient session using a presigned URL. Use it for playback, note verification, or compliance storage.
                        </p>

                        <p className="release-notes-timeline-entry-links">
                          <a href="/documentation/how-to/audio-streaming/audio-streaming-download" className="release-notes-timeline-learn">Learn more: Audio streaming and download</a>
                          <span className="release-notes-timeline-link-sep"> · </span>
                          <a href="/api-reference/ambient-content/recording" className="release-notes-timeline-learn">Get session recording API</a>
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="new">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.1.2</Badge> |{' '}
                        <Badge icon="sparkles" size="sm" color="green">New</Badge>
                        <h3 className="release-notes-timeline-entry-title">Webhook Support</h3>

                        <p className="release-notes-timeline-entry-text">
                          When a session completes or fails, Suki sends a POST to your callback URL, same as when using the direct API. Configure one webhook URL per partner during onboarding.
                        </p>

                        <a href="/documentation/webhook/overview" className="release-notes-timeline-learn">Learn more: Notification webhook</a>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.1.2</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Existing Patient Diagnoses for Problem-Based Charting</h3>

                        <p className="release-notes-timeline-entry-text">
                          Pass existing diagnoses from the EMR in <code>ambientOptions.diagnoses</code> so the session merges them with what's discussed during the visit and avoids duplicate problems in the note.
                        </p>

                        <a href="/web-sdk/guides/ambient-problem-based-charting#existing-patient-diagnoses" className="release-notes-timeline-learn">Learn more: Existing patient diagnoses</a>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">February</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/feb2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="api" data-attention="deprecated,action-required">
                        <Badge icon="code" size="sm" color="blue">API v1.1.1</Badge> |{' '}
                        <Badge icon="bolt" size="sm" color="orange">Action required</Badge>
                        <h3 className="release-notes-timeline-entry-title">Multilingual Parameter Deprecated</h3>

                        <p className="release-notes-timeline-entry-text">
                          Removed <code>multilingual</code> from Create ambient session calls. Multilingual support is always on, which simplifies integration.
                        </p>

                        <a href="/api-reference/ambient-sessions/create" className="release-notes-timeline-learn">Learn more: Create ambient session</a>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

              <li className="release-notes-timeline-item release-notes-timeline-item-expanded">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">January</span>
                  <span className="release-notes-timeline-year">2026</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body release-notes-timeline-body-expanded">
                  <div className="release-notes-timeline-preview">
                    <div className="release-notes-timeline-preview-head">
                      <a href="/updates/jan2026-release-notes" className="learning-path-button release-notes-timeline-view">View full release notes</a>
                    </div>

                    <div className="release-notes-timeline-entries">
                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="headless-web-sdk" data-attention="noteworthy">
                        <Badge icon="react" size="sm" color="orange">Headless Web SDK v0.2.2</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Session Type Detection</h3>

                        <p className="release-notes-timeline-entry-text">
                          <code>useAmbientSession</code> exposes <code>sessionType</code> so you can tell whether a session was submitted online or offline and adjust UI or handling.
                        </p>

                        <a href="/headless-web-sdk/changelog" className="release-notes-timeline-learn">Learn more: Headless Web SDK changelog</a>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="noteworthy">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.1.1</Badge> |{' '}
                        <Badge icon="lightbulb" size="sm" color="blue">Noteworthy</Badge>
                        <h3 className="release-notes-timeline-entry-title">Multilingual and Optional Patient Fields</h3>

                        <p className="release-notes-timeline-entry-text">
                          Multilingual is on by default in the Web SDK. <code>birthDate</code> and <code>gender</code> on <code>Patient</code> are optional when that data is unavailable.
                        </p>
                      </div>

                      <div className="release-notes-timeline-entry" data-workflow="ambient" data-product="web-sdk" data-attention="removed,action-required">
                        <Badge icon="cube" size="sm" color="green">Web SDK v2.1.1</Badge> |{' '}
                        <Badge icon="bolt" size="sm" color="orange">Action required</Badge>
                        <h3 className="release-notes-timeline-entry-title">AmbientOptions: prefill.noteTypeIds Removed</h3>

                        <p className="release-notes-timeline-entry-text">
                          Use the <code>sections</code> property instead of <code>prefill.noteTypeIds</code> before upgrading.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>

            <h2 className="sdk-overview-section-title release-notes-timeline-section-title">2025</h2>

            <ul className="release-notes-timeline release-notes-timeline-years" aria-label="2025 release notes by month">
              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">December</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/dec2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">November</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/nov2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">October</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/oct2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">September</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/sep2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">July</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/jul2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">June</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/jun2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">May</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/may2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">April</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/apr2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">February</span>
                  <span className="release-notes-timeline-year">2025</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/feb2025-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>
            </ul>

            <h2 className="sdk-overview-section-title release-notes-timeline-section-title">2024</h2>

            <ul className="release-notes-timeline release-notes-timeline-years" aria-label="2024 release notes by month">
              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">December</span>
                  <span className="release-notes-timeline-year">2024</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/dec2024-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>

              <li className="release-notes-timeline-item">
                <div className="release-notes-timeline-date">
                  <span className="release-notes-timeline-month">July</span>
                  <span className="release-notes-timeline-year">2024</span>
                </div>

                <div className="release-notes-timeline-marker" aria-hidden="true">
                  <span className="release-notes-timeline-dot" />
                </div>

                <div className="release-notes-timeline-body">
                  <a href="/updates/jul2024-release-notes" className="learning-path-button release-notes-timeline-view">View</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
