> ## 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.

# Suki APIs Overview

> Overview of REST, WebSocket, and webhook APIs on the Suki Developer Platform, with links to Ambient APIs, Form Filling APIs, and API guidelines

export const SdkStartIcon = ({ variant, children }) => (
  <span className={`sdk-overview-start-icon sdk-overview-start-icon--${variant}`} aria-hidden="true">
    {children}
  </span>
);

export const SiSwagger = () => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
    <path d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12c6.616 0 12-5.383 12-12S18.616 0 12 0zm0 1.144c5.995 0 10.856 4.86 10.856 10.856 0 5.995-4.86 10.856-10.856 10.856-5.996 0-10.856-4.86-10.856-10.856C1.144 6.004 6.004 1.144 12 1.144zM8.37 5.868a6.707 6.707 0 0 0-.423.005c-.983.056-1.573.517-1.735 1.472-.115.665-.096 1.348-.143 2.017-.013.35-.05.697-.115 1.038-.134.609-.397.798-1.016.83a2.65 2.65 0 0 0-.244.042v1.463c1.126.055 1.278.452 1.37 1.629.033.429-.013.858.015 1.287.018.406.073.808.156 1.2.259 1.075 1.307 1.435 2.575 1.218v-1.283c-.203 0-.383.005-.558 0-.43-.013-.591-.12-.632-.535-.056-.535-.042-1.08-.075-1.62-.064-1.001-.175-1.988-1.153-2.625.503-.37.868-.812.983-1.398.083-.41.134-.821.166-1.237.028-.415-.023-.84.014-1.25.06-.665.102-.937.9-.91.12 0 .235-.017.369-.027v-1.31c-.16 0-.31-.004-.454-.006zm7.593.009a4.247 4.247 0 0 0-.813.06v1.274c.245 0 .434 0 .623.005.328.004.577.13.61.494.032.332.031.669.064 1.006.065.669.101 1.347.217 2.007.102.544.475.95.941 1.283-.817.549-1.057 1.333-1.098 2.215-.023.604-.037 1.213-.069 1.822-.028.554-.222.734-.78.748-.157.004-.31.018-.484.028v1.305c.327 0 .627.019.927 0 .932-.055 1.495-.507 1.68-1.412.078-.498.124-1 .138-1.504.032-.461.028-.927.074-1.384.069-.715.397-1.01 1.112-1.057a.972.972 0 0 0 .199-.046v-1.463c-.12-.014-.204-.027-.291-.032-.536-.023-.804-.203-.937-.71a5.146 5.146 0 0 1-.152-.993c-.037-.618-.033-1.241-.074-1.86-.08-1.192-.794-1.753-1.887-1.786zm-6.89 5.28a.844.844 0 0 0-.083 1.684h.055a.83.83 0 0 0 .877-.78v-.046a.845.845 0 0 0-.83-.858zm2.911 0a.808.808 0 0 0-.834.78c0 .027 0 .05.004.078 0 .503.342.826.859.826.507 0 .826-.332.826-.853-.005-.503-.342-.836-.855-.831zm2.963 0a.861.861 0 0 0-.876.835c0 .47.378.849.849.849h.009c.425.074.853-.337.881-.83.023-.457-.392-.854-.863-.854z" />
  </svg>
);

<div className="hp-wrap api-overview-wrap">
  <div className="api-overview-openai-hero">
    <div className="api-overview-hero-layout">
      <div className="api-overview-openai-hero-left api-overview-hero-doc">
        <h1 className="sdk-overview-main-title api-overview-hero-page-title">Suki APIs</h1>

        <p className="hp-journey-lead api-overview-hero-lead">
          Suki provides partner APIs that let you integrate Suki's ambient clinical intelligence into your applications.
        </p>

        <div className="api-overview-hero-doc-sections">
          <div className="api-overview-hero-doc-section">
            <h2 className="hp-journey-hero-line">Introduction</h2>

            <p className="api-overview-hero-doc-text">
              Suki APIs use REST for API requests, Suki access tokens for authentication, and WebSockets for real-time audio streaming. The APIs return standard HTTP status codes and JSON response bodies.
              You can explore and test the APIs using the OpenAPI bundle. Access requires partner onboarding.
            </p>

            <p className="api-overview-hero-doc-text">
              Use the APIs to capture clinical conversations, stream live audio, retrieve structured output, and receive webhook events while your application owns the UI and downstream integrations.
            </p>
          </div>

          <div className="api-overview-hero-doc-section">
            <h2 className="hp-journey-hero-line">How it works</h2>

            <ul className="api-overview-hero-doc-list">
              <li>
                <strong>Use REST endpoints:</strong> Create sessions, send context, end sessions, and retrieve results from the API reference.
              </li>

              <li>
                <strong>Add streaming when needed:</strong> Use WebSocket flows when a workflow needs live audio. Send the correct session context for that workflow.
              </li>

              <li>
                <strong>Receive asynchronous notifications:</strong> Configure webhooks when you want completion and status events sent to your backend.
              </li>
            </ul>
          </div>

          <div className="api-overview-hero-doc-section api-overview-hero-doc-auth">
            <h2 className="hp-journey-hero-line">Authentication</h2>

            <p className="api-overview-hero-doc-text">
              Suki APIs are available only to approved partners. Complete Partner onboarding before you use them. Authentication has two layers:
            </p>

            <ul className="api-overview-hero-doc-list">
              <li>
                <strong>Partner authentication:</strong> Your application sends a JWT from your identity provider (**partner\_token**). Suki validates it against your registered keys so traffic is tied to your organization.
              </li>

              <li>
                <strong>Provider authentication:</strong> Register each clinician once, then sign them in for a Suki access token for REST, WebSocket, and related calls.
              </li>
            </ul>
          </div>
        </div>

        <div className="api-overview-hero-btn-row">
          <a href="/api-overview/quickstarts" className="hp-cta hp-cta-primary">
            Get Started
          </a>

          <a href="/api-reference/provider-authentication" className="hp-cta hp-cta-secondary api-overview-hero-auth-cta">
            Authentication
          </a>
        </div>
      </div>

      <div role="complementary" className="api-overview-hero-aside" aria-label="OpenAPI bundle, environments, and login examples">
        <div className="api-overview-hero-meta-stack">
          <div className="api-overview-meta-card">
            <h3 className="api-overview-meta-card-title">Download OpenAPI description</h3>

            <ul className="api-overview-meta-download-list">
              <li>
                <a className="api-overview-meta-download-row" href="https://drive.google.com/file/d/12Emxpl9xI9lcSVA35kpzjRyKmCD-jQwU/view?usp=sharing" target="_blank" rel="noreferrer">
                  <span className="api-overview-meta-file-name">openapi.json</span>

                  <span className="api-overview-meta-row-trailing" aria-hidden="true">
                    <svg className="api-overview-meta-sprite api-overview-meta-sprite--download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                      <path fillRule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clipRule="evenodd" />
                    </svg>
                  </span>
                </a>
              </li>

              <li>
                <a className="api-overview-meta-download-row" href="https://drive.google.com/file/d/1Ix4RVRo1irWhhGWQp-RclPw9x1D2Yz19/view?usp=sharing" target="_blank" rel="noreferrer">
                  <span className="api-overview-meta-file-name">index.yaml</span>

                  <span className="api-overview-meta-row-trailing" aria-hidden="true">
                    <svg className="api-overview-meta-sprite api-overview-meta-sprite--download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                      <path fillRule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clipRule="evenodd" />
                    </svg>
                  </span>
                </a>
              </li>
            </ul>
          </div>

          <div className="api-overview-meta-card">
            <h3 className="api-overview-meta-card-title">Overview</h3>

            <div className="api-overview-meta-kv-stack">
              <div className="api-overview-meta-kv">
                <span className="api-overview-meta-k">Base URL</span>

                <div className="api-overview-meta-kv-line">
                  <a href="https://sdp.suki.ai/" target="_blank" rel="noreferrer" className="api-overview-meta-kv-link">
                    [https://sdp.suki.ai/](https://sdp.suki.ai/)
                  </a>
                </div>
              </div>

              <div className="api-overview-meta-kv">
                <span className="api-overview-meta-k">API support</span>

                <div className="api-overview-meta-kv-line api-overview-meta-kv-line--tight">
                  <a className="api-overview-meta-kv-mail" href="mailto:support@suki.ai">
                    [support@suki.ai](mailto:support@suki.ai)
                  </a>

                  <span className="api-overview-meta-kv-actions">
                    <button type="button" className="api-overview-icon-btn" data-suki-clipboard="support@suki.ai" aria-label="Copy support email address">
                      <svg className="api-overview-meta-sprite" 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" aria-hidden="true">
                        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                      </svg>
                    </button>

                    <a className="api-overview-icon-btn" href="mailto:support@suki.ai" title="Email support@suki.ai">
                      <span className="sr-only">Email support</span>

                      <svg className="api-overview-meta-sprite" 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" aria-hidden="true">
                        <rect width="20" height="16" x="2" y="4" rx="2" />

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

              <div className="api-overview-meta-kv api-overview-meta-kv--last">
                <a href="/api-reference/api-guidelines" className="api-overview-meta-inline-link">
                  API guidelines
                </a>
              </div>
            </div>
          </div>

          <div className="api-overview-meta-card api-overview-meta-card--langs">
            <h3 className="api-overview-meta-card-title">Languages</h3>

            <div className="hp-hero-code-custom api-overview-lang-code" data-hp-hero-code aria-label="Login API examples by language">
              <div className="hp-hero-code-tabbar" role="tablist" aria-orientation="horizontal">
                <button type="button" className="hp-hero-code-tab is-active" role="tab" id="api-overview-lang-tab-curl" aria-selected="true" aria-controls="api-overview-lang-panel-curl" data-hp-hero-tab="curl" tabIndex={0}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M.803 14.8169c0-.5342.433-.9665.9665-.9665.5335 0 .9665.4323.9665.9665 0 .5335-.433.9657-.9665.9657-.5335 0-.9666-.4322-.9666-.9657m2.736 0c0-.1963-.0532-.376-.1119-.5525-.2344-.7024-.876-1.2169-1.6575-1.2169-.1249 0-.2344.0465-.3524.0708C.6149 13.2865 0 13.9646 0 14.817c0 .9764.7923 1.7694 1.7695 1.7694.9772 0 1.7694-.793 1.7694-1.7694m-1.7694-7.149c.5335 0 .9665.433.9665.9665 0 .5335-.433.9665-.9665.9665-.5343 0-.9666-.433-.9666-.9665 0-.5335.4323-.9665.9666-.9665m0 2.7359c.9772 0 1.7694-.7923 1.7694-1.7694 0-.1956-.0532-.376-.1119-.5525-.2344-.7024-.8767-1.2169-1.6575-1.2169-.1249 0-.2344.0465-.3524.0716C.6149 7.104 0 7.782 0 8.6344c0 .9771.7923 1.7694 1.7695 1.7694m13.221-5.694c-.5342 0-.9665-.433-.9665-.9664a.966.966 0 01.9666-.9665c.5335 0 .9658.4322.9658.9665 0 .5334-.4323.9664-.9658.9664m-9.6 16.5133c-.5335 0-.9666-.433-.9666-.9665 0-.5342.433-.9665.9666-.9665a.966.966 0 01.9665.9665c0 .5335-.4323.9665-.9665.9665m9.6-19.2491c-.978 0-1.7695.7922-1.7695 1.7694 0 .2085.0525.4025.1187.5882L5.039 18.5581c-.803.1681-1.4179.8462-1.4179 1.6985 0 .9772.7923 1.7694 1.7695 1.7694.9772 0 1.7694-.7922 1.7694-1.7694 0-.1963-.0525-.3759-.111-.5525l8.3427-14.2728c.7778-.1865 1.3683-.8531 1.3683-1.688 0-.977-.793-1.7693-1.7694-1.7693m7.24 2.7359c-.5343 0-.9666-.433-.9666-.9665a.966.966 0 01.9665-.9665c.5335 0 .9666.4322.9666.9665 0 .5334-.433.9665-.9666.9665M12.6313 21.223c-.5343 0-.9665-.433-.9665-.9665a.966.966 0 01.9665-.9665c.5335 0 .9658.4323.9658.9665 0 .5335-.4323.9665-.9658.9665M22.2305 1.974c-.9772 0-1.7694.7922-1.7694 1.7694 0 .2085.0525.4025.1187.5882l-8.3009 14.2265c-.8021.1681-1.417.8462-1.417 1.6985 0 .9772.7922 1.7694 1.7694 1.7694.9764 0 1.7687-.7922 1.7687-1.7694 0-.1963-.0525-.3759-.1111-.5525l8.3427-14.2728C23.4094 5.2448 24 4.5782 24 3.7433c0-.977-.7923-1.7693-1.7695-1.7693" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">cURL</span>
                </button>

                <button type="button" className="hp-hero-code-tab" role="tab" id="api-overview-lang-tab-typescript" aria-selected="false" aria-controls="api-overview-lang-panel-typescript" data-hp-hero-tab="typescript" tabIndex={-1}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">TypeScript</span>
                </button>

                <button type="button" className="hp-hero-code-tab" role="tab" id="api-overview-lang-tab-python" aria-selected="false" aria-controls="api-overview-lang-panel-python" data-hp-hero-tab="python" tabIndex={-1}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">Python</span>
                </button>

                <button type="button" className="hp-hero-code-tab" role="tab" id="api-overview-lang-tab-ruby" aria-selected="false" aria-controls="api-overview-lang-panel-ruby" data-hp-hero-tab="ruby" tabIndex={-1}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M20.156.083c3.033.525 3.893 2.598 3.829 4.77L24 4.822 22.635 22.71 4.89 23.926h.016C3.433 23.864.15 23.729 0 19.139l1.645-3 2.819 6.586.503 1.172 2.805-9.144-.03.007.016-.03 9.255 2.956-1.396-5.431-.99-3.9 8.82-.569-.615-.51L16.5 2.114 20.159.073l-.003.01zM0 19.089zM5.13 5.073c3.561-3.533 8.157-5.621 9.922-3.84 1.762 1.777-.105 6.105-3.673 9.636-3.563 3.532-8.103 5.734-9.864 3.957-1.766-1.777.045-6.217 3.612-9.75l.003-.003z" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">Ruby</span>
                </button>

                <button type="button" className="hp-hero-code-tab" role="tab" id="api-overview-lang-tab-java" aria-selected="false" aria-controls="api-overview-lang-panel-java" data-hp-hero-tab="java" tabIndex={-1}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon hp-hero-code-tab-icon--java" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M16.5 6.08s-6.84 1.71-3.56 5.48c.97 1.11-.25 2.11-.25 2.11s2.45-1.25 1.31-2.85c-1.06-1.47-1.86-2.2 2.5-4.74m-4.47 1.2C16.08 4.08 14 2 14 2c.84 3.3-2.96 4.3-4.33 6.36c-.94 1.4.46 2.91 2.33 4.64c-.71-1.7-3.22-3.16.03-5.72M9.37 17.47c-3.08.86 1.88 2.63 5.79.96c-.38-.15-.75-.33-1.1-.54c-1.36.31-2.76.37-4.14.18c-1.31-.16-.55-.6-.55-.6m5.32-1.68c-1.75.38-3.56.47-5.34.26c-1.31-.13-.45-.77-.45-.77c-3.4 1.13 1.88 2.4 6.6 1.02c-.29-.11-.57-.3-.81-.51m3.42 3.3s.57.47-.61.83c-2.28.68-9.43.89-11.41.03c-.71-.31.63-.74 1.05-.83c.23-.06.46-.08.69-.08c-.79-.54-5.13 1.1-2.19 1.56c7.97 1.3 14.54-.6 12.47-1.51m-2.74-4.86c.29-.19.6-.35.92-.49c0 0-1.51.26-3.02.4c-1.6.16-3.21.18-4.81.06c-2.35-.31 1.29-1.2 1.29-1.2c-1.1 0-2.18.26-3.16.75c-2.05 1 5.1 1.45 8.78.48m.9 2.42c-.02.04-.04.07-.08.1c5.01-1.31 3.17-4.64.77-3.81c-.13.06-.24.14-.31.25c.14-.05.28-.09.43-.12c1.2-.24 2.92 1.63-.81 3.58m.13 4.61c-3.01.52-6.09.56-9.12.14c0 0 .46.38 2.81.53c3.6.23 9.13-.13 9.26-1.83c.03.01-.23.65-2.95 1.16" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">Java</span>
                </button>

                <button type="button" className="hp-hero-code-tab" role="tab" id="api-overview-lang-tab-php" aria-selected="false" aria-controls="api-overview-lang-panel-php" data-hp-hero-tab="php" tabIndex={-1}>
                  <span className="hp-hero-code-tab-lead" aria-hidden="true">
                    <span className="hp-hero-code-tab-check-wrap">
                      <svg className="hp-hero-code-tab-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                        <path d="M20 6 9 17l-5-5" />
                      </svg>
                    </span>

                    <span className="hp-hero-code-tab-icon" aria-hidden="true">
                      <svg className="hp-hero-code-lang-svg" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" role="img">
                        <path fill="currentColor" d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.575.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z" />
                      </svg>
                    </span>
                  </span>

                  <span className="hp-hero-code-tab-label">PHP</span>
                </button>
              </div>

              <div className="hp-hero-code-panels">
                <div className="hp-hero-code-panel is-active" id="api-overview-lang-panel-curl" role="tabpanel" aria-labelledby="api-overview-lang-tab-curl" data-hp-hero-panel="curl">
                  ```bash theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  curl -X POST https://sdp.suki.ai/api/v1/auth/login \
                    -H "Content-Type: application/json" \
                    -d '{
                      "partner_id": "your-partner-id",
                      "partner_token": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
                      "provider_id": "provider-123"
                    }'
                  ```
                </div>

                <div className="hp-hero-code-panel" hidden id="api-overview-lang-panel-typescript" role="tabpanel" aria-labelledby="api-overview-lang-tab-typescript" data-hp-hero-panel="typescript">
                  ```typescript theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  const response = await fetch("https://sdp.suki.ai/api/v1/auth/login", {
                    method: "POST",
                    headers: {
                      "Content-Type": "application/json",
                    },
                    body: JSON.stringify({
                      partner_id: "your-partner-id",
                      partner_token: "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
                      provider_id: "provider-123", // Optional
                    }),
                  });

                  if (response.ok) {
                    const data = await response.json();
                    const sukiToken = data.suki_token;
                    console.log(`Authentication successful. Token: ${sukiToken}`);
                  } else {
                    const error = await response.json();
                    console.error(`Authentication failed: ${response.status}`, error);
                  }
                  ```
                </div>

                <div className="hp-hero-code-panel" hidden id="api-overview-lang-panel-python" role="tabpanel" aria-labelledby="api-overview-lang-tab-python" data-hp-hero-panel="python">
                  ```python theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  import requests

                  url = "https://sdp.suki.ai/api/v1/auth/login"

                  payload = {
                      "partner_id": "your-partner-id",
                      "partner_token": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
                      "provider_id": "provider-123"  # Optional
                  }

                  response = requests.post(url, json=payload)

                  if response.status_code == 200:
                      data = response.json()
                      suki_token = data["suki_token"]
                      print(f"Authentication successful. Token: {suki_token}")
                  else:
                      print(f"Authentication failed: {response.status_code}")
                      print(response.json())
                  ```
                </div>

                <div className="hp-hero-code-panel" hidden id="api-overview-lang-panel-ruby" role="tabpanel" aria-labelledby="api-overview-lang-tab-ruby" data-hp-hero-panel="ruby">
                  ```ruby theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  require "net/http"
                  require "json"

                  uri = URI("https://sdp.suki.ai/api/v1/auth/login")
                  http = Net::HTTP.new(uri.host, uri.port)
                  http.use_ssl = true

                  req = Net::HTTP::Post.new(uri)
                  req["Content-Type"] = "application/json"
                  req.body = JSON.generate(
                    "partner_id" => "your-partner-id",
                    "partner_token" => "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
                    "provider_id" => "provider-123"
                  )

                  res = http.request(req)
                  puts res.body
                  ```
                </div>

                <div className="hp-hero-code-panel" hidden id="api-overview-lang-panel-java" role="tabpanel" aria-labelledby="api-overview-lang-tab-java" data-hp-hero-panel="java">
                  ```java theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  import java.net.URI;
                  import java.net.http.HttpClient;
                  import java.net.http.HttpRequest;
                  import java.net.http.HttpResponse;

                  public class LoginExample {
                    public static void main(String[] args) throws Exception {
                      String body =
                          "{"
                              + "\"partner_id\":\"your-partner-id\","
                              + "\"partner_token\":\"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...\","
                              + "\"provider_id\":\"provider-123\""
                              + "}";
                      HttpClient client = HttpClient.newHttpClient();
                      HttpRequest request =
                          HttpRequest.newBuilder()
                              .uri(URI.create("https://sdp.suki.ai/api/v1/auth/login"))
                              .header("Content-Type", "application/json")
                              .POST(HttpRequest.BodyPublishers.ofString(body))
                              .build();
                      HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());
                      System.out.println(response.body());
                    }
                  }
                  ```
                </div>

                <div className="hp-hero-code-panel" hidden id="api-overview-lang-panel-php" role="tabpanel" aria-labelledby="api-overview-lang-tab-php" data-hp-hero-panel="php">
                  ```php theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
                  <?php

                  $ch = curl_init("https://sdp.suki.ai/api/v1/auth/login");
                  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
                  curl_setopt($ch, CURLOPT_HTTPHEADER, ["Content-Type: application/json"]);
                  curl_setopt(
                      $ch,
                      CURLOPT_POSTFIELDS,
                      json_encode([
                          "partner_id" => "your-partner-id",
                          "partner_token" => "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
                          "provider_id" => "provider-123",
                      ])
                  );

                  $response = curl_exec($ch);
                  curl_close($ch);
                  echo $response;
                  ```
                </div>
              </div>
            </div>
          </div>

          <div className="api-overview-meta-card">
            <h3 className="api-overview-meta-card-title">Servers</h3>

            <div className="api-overview-meta-kv-stack">
              <div className="api-overview-meta-kv">
                <span className="api-overview-meta-k">Production host URL</span>

                <div className="api-overview-meta-kv-line">
                  <code className="api-overview-meta-inline-code">[https://sdp.suki.ai](https://sdp.suki.ai)</code>

                  <button type="button" className="api-overview-icon-btn" data-suki-clipboard="https://sdp.suki.ai" aria-label="Copy production host URL">
                    <svg className="api-overview-meta-sprite" 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" aria-hidden="true">
                      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                    </svg>
                  </button>
                </div>
              </div>

              <div className="api-overview-meta-kv api-overview-meta-kv--last">
                <span className="api-overview-meta-k">Current API version</span>

                <div className="api-overview-meta-kv-line">
                  <code className="api-overview-meta-inline-code">[https://sdp.suki.ai/api/v1](https://sdp.suki.ai/api/v1)</code>

                  <button type="button" className="api-overview-icon-btn" data-suki-clipboard="https://sdp.suki.ai/api/v1" aria-label="Copy versioned API base URL">
                    <svg className="api-overview-meta-sprite" 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" aria-hidden="true">
                      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />

                      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
                    </svg>
                  </button>
                </div>
              </div>
            </div>

            <div className="api-overview-meta-card-hint">
              <Tip>
                Confirm with your Suki partnership team for production URLs, and any host-specific routing before you go
                live.
              </Tip>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <section className="hp-journey hp-journey--use-case api-overview-workflows-section" aria-labelledby="api-overview-workflows-title">
    <div className="hp-journey-use-case-intro">
      <p className="hp-journey-eyebrow hp-journey-eyebrow--use-case-intro">Choose your API Workflow</p>

      <h2 id="api-overview-workflows-title" className="hp-journey-hero-line">
        Available APIs
      </h2>

      <p className="hp-journey-lead hp-journey-lead--use-case" style={{ fontSize: '16px' }}>
        Pick the APIs for your use case and workflow and start building your integration.
      </p>
    </div>

    <div className="hp-home-features hp-home-features--graphic-links api-overview-workflow-home-cards">
      <div className="api-overview-workflow-card-stack">
        <a href="/api-reference/overview" className="hp-home-feature-graphic-link hp-sdk-simple-card" aria-label="Ambient API">
          <span className="hp-sdk-simple-card__title">Ambient API</span>

          <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="10" y="18" width="44" height="28" rx="4" stroke="currentColor" strokeWidth="1.25" />

            <path d="M16 32h6l5-10 6 20 5-10h10" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
          </svg>
        </a>

        <div className="api-overview-workflow-badges" aria-hidden="true">
          <span className="api-overview-workflow-pill">REST</span>
          <span className="api-overview-workflow-pill">v1</span>
        </div>
      </div>

      <div className="api-overview-workflow-card-stack">
        <a href="/form-filling-api-reference/overview" className="hp-home-feature-graphic-link hp-sdk-simple-card" aria-label="Form Filling API">
          <span className="hp-sdk-simple-card__title">Form Filling API</span>

          <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="12" y="14" width="16" height="16" rx="3" stroke="currentColor" strokeWidth="3" />

            <rect x="36" y="14" width="16" height="16" rx="3" stroke="currentColor" strokeWidth="1.25" />

            <rect x="12" y="34" width="16" height="16" rx="3" stroke="currentColor" strokeWidth="1.25" />

            <rect x="36" y="34" width="16" height="16" rx="3" stroke="currentColor" strokeWidth="3" />
          </svg>
        </a>

        <div className="api-overview-workflow-badges" aria-hidden="true">
          <span className="api-overview-workflow-pill">REST</span>
          <span className="api-overview-workflow-pill">v1</span>
        </div>
      </div>

      <div className="api-overview-workflow-card-stack">
        <a href="/api-reference/ambient-dictation" className="hp-home-feature-graphic-link hp-sdk-simple-card" aria-label="Dictation API">
          <span className="hp-sdk-simple-card__title">Dictation API</span>

          <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="26" y="12" width="12" height="20" rx="6" stroke="currentColor" strokeWidth="3" />

            <path d="M20 26a12 12 0 0 0 24 0" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />

            <path d="M32 38v8" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />

            <path d="M24 46h16" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
          </svg>
        </a>

        <div className="api-overview-workflow-badges" aria-hidden="true">
          <span className="api-overview-workflow-pill">REST</span>
          <span className="api-overview-workflow-pill">v1</span>
        </div>
      </div>
    </div>
  </section>

  <div className="api-overview-decide-workflow-row">
    <a href="/documentation/workflows" className="hp-cta hp-cta-primary hp-cta-with-icon api-overview-decide-workflow-cta" aria-label="Decide your workflow">
      Decide Your Workflow

      <span className="hp-cta-icon hp-cta-icon-arrow-text" aria-hidden="true">
        →
      </span>
    </a>
  </div>
</div>

<div className="hp-wrap api-overview-wrap">
  <div className="sdk-overview-intro">
    <h2 className="hp-journey-hero-line">Start building</h2>

    <div className="sdk-overview-start-grid">
      <a href="/api-reference/overview" className="sdk-overview-start-tile">
        <SdkStartIcon variant="api">
          <SiSwagger />
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Ambient API Introduction</span>
          <span className="sdk-overview-start-desc">Learn more about the Ambient API and how to get started.</span>
        </span>
      </a>

      <a href="/documentation/webhook/overview" className="sdk-overview-start-tile">
        <SdkStartIcon variant="webhook">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Webhooks Introduction</span>
          <span className="sdk-overview-start-desc">Learn more about the Webhooks to receive notifications from Suki.</span>
        </span>
      </a>

      <a href="/api-reference/quickstart" className="sdk-overview-start-tile">
        <SdkStartIcon variant="quickstart">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" />

            <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" />

            <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" />

            <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Ambient API Quickstart</span>
          <span className="sdk-overview-start-desc">Build your first ambient session and stream audio in minutes.</span>
        </span>
      </a>

      <a href="/documentation/ambient-audio-streaming" className="sdk-overview-start-tile">
        <SdkStartIcon variant="websocket">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M4 14h4v6H4zm6-4h4v10h-4zm6-2h4v12h-4z" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">WebSocket APIs</span>
          <span className="sdk-overview-start-desc">Stream visit audio over WebSocket for ambient and Form filling sessions.</span>
        </span>
      </a>

      <a href="/form-filling-api-reference/overview" className="sdk-overview-start-tile">
        <SdkStartIcon variant="form-filling">
          <svg xmlns="http://www.w3.org/2000/svg" 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>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Form Filling API Introduction</span>
          <span className="sdk-overview-start-desc">Learn more about the Form Filling API and how to get started.</span>
        </span>
      </a>

      <a href="/api-reference/api-guidelines" className="sdk-overview-start-tile">
        <SdkStartIcon variant="guidelines">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M12 7v14" />

            <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">API Guidelines</span>
          <span className="sdk-overview-start-desc">Learn more about the API guidelines to help you build your integration.</span>
        </span>
      </a>

      <a href="/form-filling-api-reference/quickstart" className="sdk-overview-start-tile">
        <SdkStartIcon variant="quickstart">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" />

            <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" />

            <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" />

            <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Form Filling API Quickstart</span>
          <span className="sdk-overview-start-desc">Build your first Form filling session and retrieve structured data in minutes.</span>
        </span>
      </a>

      <a href="/documentation/partner-onboarding" className="sdk-overview-start-tile">
        <SdkStartIcon variant="auth">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path fillRule="evenodd" d="M7.5 4.75a7.25 7.25 0 1 0 0 14.5 7.25 7.25 0 0 0 0-14.5zm0 3.25a4 4 0 1 1 0 8 4 4 0 0 1 0-8z" clipRule="evenodd" />

            <path d="M14.25 10.25h9.25v3.5h-3v3h-3v-3h-3.25v-3.5z" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Partner Onboarding</span>
          <span className="sdk-overview-start-desc">Learn more about the partner onboarding process to start using the Suki APIs.</span>
        </span>
      </a>
    </div>
  </div>

  <div className="sdk-overview-intro">
    <h2 className="hp-journey-hero-line">Stay updated</h2>

    <p className="sdk-overview-text">
      Learn about the latest updates to the Ambient, Form filling, and Dictation APIs.
    </p>

    <div className="api-overview-mintlify-cardgroup">
      <CardGroup cols={2}>
        <Card title="Ambient & Dictation APIs Changelog" icon="bell-ring" href="/api-reference/product-updates/changelog" arrow={true}>
          New endpoints, deprecations, and behavior notes for Ambient, and Dictation APIs.
        </Card>

        <Card title="Form Filling APIs Changelog" icon="bell-ring" href="/form-filling-api-reference/changelog" arrow={true}>
          New endpoints, deprecations, and behavior notes for Form Filling APIs.
        </Card>
      </CardGroup>
    </div>
  </div>
</div>
