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

> Pick the right Suki APIs for your product: REST, WebSocket, and webhook entry points for Ambient APIs, Form filling APIs, Dictation, and shared auth and security guides

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

export const SdkCardTipPanel = ({title, what, whenWhy, features}) => <div className="hp-sdk-card-tip__panel" role="tooltip" aria-label={title}>
    <div className="hp-sdk-card-tip__body">
      <div className="hp-sdk-card-tip__section hp-sdk-card-tip__section--row">
        <span className="hp-sdk-card-tip__section-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">
            <circle cx="12" cy="12" r="10" />
            <path d="M12 16v-4" />
            <path d="M12 8h.01" />
          </svg>
        </span>
        <div className="hp-sdk-card-tip__section-content">
          <div className="hp-sdk-card-tip__heading">What it is</div>
          <div className="hp-sdk-card-tip__text">{what}</div>
        </div>
      </div>
      <div className="hp-sdk-card-tip__section hp-sdk-card-tip__section--row hp-sdk-card-tip__section--divider">
        <span className="hp-sdk-card-tip__section-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">
            <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13.23 11H20a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 10.77 14z" />
          </svg>
        </span>
        <div className="hp-sdk-card-tip__section-content">
          <div className="hp-sdk-card-tip__heading">When to use it</div>
          <div className="hp-sdk-card-tip__text">{whenWhy}</div>
        </div>
      </div>
      <div className="hp-sdk-card-tip__section hp-sdk-card-tip__section--row hp-sdk-card-tip__section--divider">
        <span className="hp-sdk-card-tip__section-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">
            <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" />
          </svg>
        </span>
        <div className="hp-sdk-card-tip__section-content">
          <div className="hp-sdk-card-tip__heading">Features</div>
          <ul className="hp-sdk-card-tip__list hp-sdk-card-tip__list--checks">
            {features.map(item => <li key={item}>
                <span className="hp-sdk-card-tip__check" aria-hidden="true">
                  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg>
                </span>
                <span className="hp-sdk-card-tip__list-text">{item}</span>
              </li>)}
          </ul>
        </div>
      </div>
    </div>
  </div>;

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 REST, WebSocket, and webhook APIs so you can embed Ambient Clinical Intelligence (ACI) into healthcare 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 help you build clinical AI into healthcare software for providers, nurses, and other care staff. Ambient documentation, Form filling, Dictation, and Patient summary are the core workflows you can build from your backend. Your application owns the UI and how results move into the EHR.
            </p>

            <p className="api-overview-hero-doc-text">
              Use REST for sessions and results, WebSockets for live audio, and webhooks for completion events. Responses use standard HTTP status codes and JSON.
            </p>

            <p className="api-overview-hero-doc-text api-overview-hero-doc-callout">
              Explore and test the APIs with the OpenAPI bundle. Access requires partner onboarding.
            </p>
          </div>

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

            <p className="api-overview-hero-doc-text">
              Each API follows the same integration pattern:
            </p>

            <ol className="api-overview-hero-doc-list api-overview-hero-doc-list--steps">
              <li>Authenticate and obtain a Suki access token</li>
              <li>Create a clinical session with REST</li>
              <li>Stream live audio over WebSocket when the workflow needs capture</li>
              <li>End the session and retrieve structured output</li>
              <li>Optionally receive webhook events for completion and status</li>
            </ol>
          </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">
              API access is available only to approved Suki partners. Complete partner onboarding, then configure authentication for both your application and clinicians. Your application authenticates with a JWT (partner\_token) issued by your identity provider.

              <br />

              <br />

              After a clinician signs in, Suki issues a Suki access token that authorizes REST API and WebSocket requests on the clinician's behalf.
              If you need staging access, production credentials, or rollout assistance, contact your Suki partnership representative or Suki Support.
            </p>
          </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">
        <div className="hp-sdk-card-tip">
          <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 APIs</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>

          <SdkCardTipPanel title="Ambient API" what="REST and WebSocket APIs for ambient clinical documentation in your application." whenWhy="Choose this when you need session management, audio streaming, clinical notes, and webhooks from your own backend or UI." features={["REST sessions and notes", "Partner WebSocket audio", "Webhooks", "User preferences", "Problem-Based Charting"]} />
        </div>

        <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>
          <span className="api-overview-workflow-pill">GA</span>
        </div>
      </div>

      <div className="api-overview-workflow-card-stack">
        <div className="hp-sdk-card-tip">
          <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 APIs</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>

          <SdkCardTipPanel title="Form Filling API" what="REST APIs for voice-driven structured medical form workflows." whenWhy="Choose this when you need to capture visit audio and generate completed medical forms from Suki templates." features={["Session lifecycle", "Medical form templates", "Structured form output", "WebSocket streaming", "Webhooks"]} />
        </div>

        <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>
          <span className="api-overview-workflow-pill">GA</span>
        </div>
      </div>

      <div className="api-overview-workflow-card-stack">
        <div className="hp-sdk-card-tip">
          <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 APIs</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>

          <SdkCardTipPanel title="Dictation API" what="REST and WebSocket APIs for speech-to-text transcription sessions." whenWhy="Choose this when you need Dictation or transcription without the full ambient clinical note flow." features={["Transcription sessions", "WebSocket audio streaming", "Session lifecycle", "REST endpoints"]} />
        </div>

        <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>
          <span className="api-overview-workflow-pill">GA</span>
        </div>
      </div>

      <div className="api-overview-workflow-card-stack">
        <div className="hp-sdk-card-tip">
          <a href="/patient-summary-api-reference/overview" className="hp-home-feature-graphic-link hp-sdk-simple-card" aria-label="Patient Summary API">
            <span className="hp-sdk-simple-card__title">Patient Summary APIs</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="8" y="12" width="48" height="40" rx="4" stroke="currentColor" strokeWidth="1.25" />

              <path d="M16 22h32" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />

              <path d="M16 30h32" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />

              <path d="M16 38h20" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
            </svg>
          </a>

          <SdkCardTipPanel title="Patient Summary API" what="REST APIs to upload FHIR data, trigger summary generation, and retrieve full or pre‑visit Patient Summaries." whenWhy="Choose this when you need generated clinical summaries, pre-visit views, or CKG-backed ingestion for encounter-based summaries." features={["CKG FHIR ingestion", "Asynchronous summary jobs", "Full and pre-visit summaries", "Status polling"]} />
        </div>

        <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>
          <span className="api-overview-workflow-pill">BETA</span>
        </div>
      </div>
    </div>
  </section>

  <div className="api-overview-decide-workflow-row">
    <a href="/documentation/get-started/integration-overview" 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/how-to/audio-streaming/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="/patient-summary-api-reference/overview" className="sdk-overview-start-tile">
        <SdkStartIcon variant="patient-summary">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
            <rect x="3.5" y="4" width="17" height="16" rx="2" stroke="currentColor" strokeWidth="1.25" />

            <path d="M6.5 8h11" stroke="currentColor" strokeWidth="1.25" />

            <path d="M6.5 12h11" stroke="currentColor" strokeWidth="2" />

            <path d="M6.5 16h7" stroke="currentColor" strokeWidth="1.25" />
          </svg>
        </SdkStartIcon>

        <span>
          <span className="sdk-overview-start-title">Patient Summary API Introduction</span>
          <span className="sdk-overview-start-desc">Upload FHIR data, trigger summary generation, and retrieve Patient Summaries.</span>
        </span>
      </a>

      <a href="/patient-summary-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">Patient Summary API Quickstart</span>
          <span className="sdk-overview-start-desc">Complete the FHIR ingestion → generate → retrieve flow on staging.</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/get-started/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, Dictation, and Patient Summary 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>

        <Card title="Patient Summary APIs Changelog" icon="bell-ring" href="/patient-summary-api-reference/changelog" arrow={true}>
          Patient Summary API reference and documentation: ingestion, generation jobs, and retrieval.
        </Card>
      </CardGroup>
    </div>
  </div>
</div>
