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

# Welcome to Suki for Partners

> Suki for Partners is Suki's developer platform for embedding Ambient Clinical Intelligence (ACI) into healthcare applications. With APIs and SDKs for Ambient documentation, Form filling, and Dictation, you can build connected clinical workflows without the complexity of developing and maintaining clinical AI infrastructure yourself

<Frame>
  <video controls muted loop playsInline className="w-full aspect-video rounded-xl" src="https://mintcdn.com/suki-1e08f176/DZ6zed4nU7jeze_D/documentation/assets/demo.mp4?fit=max&auto=format&n=DZ6zed4nU7jeze_D&q=85&s=fef5cfa36dc14c1c396c67f9c8fa1b29" alt="Suki for Partners platform demonstration video" aria-label="Suki for Partners platform demonstration video" data-path="documentation/assets/demo.mp4">
    Your browser does not support the video tag.
  </video>
</Frame>

Every patient encounter generates valuable clinical information through conversation.
Clinicians use these conversations to assess patients, make decisions, coordinate care, and document care delivery. Capturing that information across healthcare systems often requires significant administrative effort, adding complexity to already demanding workflows.

**Suki** is an **Ambient Clinical Intelligence (ACI)** platform that transforms clinical conversations into actionable healthcare intelligence. It helps automate clinical documentation,
complete clinical forms, power text-to-speech, and support additional AI experiences across clinical operations, revenue cycle, medical coding, medication suggestion, and more.

**Suki for Partners** is the developer platform that brings this intelligence into your healthcare products through [APIs](/api-reference/overview) and [SDKs](/sdk-overview/overview). You can embed one or more Suki products into your application while keeping your existing user experience, branding, and workflows. Suki provides the healthcare-specific speech recognition, language understanding, clinical AI, and infrastructure that power these experiences.

You can start with Ambient documentation and later add Form filling or Dictation on the same platform as your product evolves.
Separately, Ambient workflows are <Tooltip tip="Interoperability lets different Suki ambient products contribute to the same clinical note for a patient visit. Pass a shared EMR encounter ID so clinicians can start, continue, or re-ambient across Ambient APIs, Mobile SDK, Headless Web SDK, and Web SDK." cta="Learn more" href="/documentation/concepts/ambient-clinical-notes/ambient-interoperability">**interoperable**</Tooltip>: clinicians can continue the same clinical note across supported ambient products.

## What Ambient Clinical Intelligence (ACI) can help you build

Choose the Ambient Clinical Intelligence (ACI) workflow that best fits your product.

<CardGroup cols={3}>
  <Card title="Ambient Documentation" icon="waveform" href="/documentation/concepts/ambient-clinical-notes/ambient-documentation" arrow={true}>
    Capture patient conversations, generate structured clinical notes, and deliver documentation that clinicians can review before sending to the EHR.
  </Card>

  <Card title="Form Filling" icon="file-lines" href="/documentation/concepts/form-filling/form-filling" arrow={true}>
    Extract structured clinical information from conversations and populate Suki-defined assessment forms for downstream workflows.
  </Card>

  <Card title="Dictation" icon="microphone" href="/documentation/concepts/dictation/dictation" arrow={true}>
    Convert clinician speech into medical text in real time for workflows that require transcription instead of ambient note generation.
  </Card>
</CardGroup>

Today, the platform supports **Ambient documentation**, **Form filling**, and **Dictation**. Additional Ambient Clinical Intelligence capabilities continue to expand this foundation, enabling richer AI experiences across healthcare workflows.

## Why choose Suki for Partners

Building Ambient Clinical Intelligence in-house takes more than speech recognition or large language models. Clinical workflows need healthcare-specific language understanding, medical knowledge, enterprise security, compliance, and reliable infrastructure.

With **Suki for Partners**, you embed production-ready ACI into your application without building and maintaining that stack yourself. You focus on product experience, workflow design, and branding. Suki provides the clinical intelligence, healthcare-specific AI models, and enterprise-grade infrastructure underneath.

Move from months of in-house development to shipping AI features in days.

<div style={{ maxWidth: '40rem', marginLeft: 'auto', marginRight: 'auto', marginTop: '1.5rem', marginBottom: '1.5rem' }}>
  <img src="https://mintcdn.com/suki-1e08f176/JWCBr7FDuYx75ifb/documentation/assets/partners-time-to-market.webp?fit=max&auto=format&n=JWCBr7FDuYx75ifb&q=85&s=dbbe3d8add6f4bb99af3ac6b34cd68f5" alt="Timeline diagram: six months of in-house build, then six weeks, now six days with Suki for Partners" width={1024} height={504} style={{ width: '100%', height: 'auto', display: 'block', borderRadius: '10px', border: '1px solid #e0e0e0' }} loading="eager" decoding="async" data-path="documentation/assets/partners-time-to-market.webp" />
</div>

Whether you are building EHRs, telehealth platforms, care management systems, hardware experiences, or revenue cycle tools, the Ambient Clinical Intelligence (ACI) capabilities help you accelerate your product roadmap without the heavy development work.

## Key benefits for choosing Suki for Partners

<AccordionGroup>
  <Accordion title="Speed to Utilization" icon="rocket">
    Ship Ambient documentation, Form filling, and Dictation with production-ready APIs and SDKs instead of waiting on a multi-year in-house AI build.
  </Accordion>

  <Accordion title="Reduced Security and Compliance Risk" icon="lock">
    Use a healthcare-focused platform designed for HIPAA-aligned handling, rather than assembling open-source models and operational controls yourself.
  </Accordion>

  <Accordion title="Continuous Clinical AI Infrastructure" icon="sparkles">
    Benefit from ongoing platform improvements to speech, clinical language understanding, and partner tooling without carrying the full R\&D cost.
  </Accordion>

  <Accordion title="Focused Expertise" icon="heart">
    Suki owns the hard clinical AI infrastructure so your engineers can own the experience layer, workflows, and brand.
  </Accordion>

  <Accordion title="Customizable Integration Paths" icon="paint-brush">
    Choose Web SDK, Headless Web SDK, Mobile SDK, Dictation SDK, Form filling SDK, or REST APIs to match how much UI and orchestration your product should own.
  </Accordion>

  <Accordion title="Long-Term Development Partner" icon="user">
    Work with a dedicated partner platform that expands ACI capabilities over time while you stay focused on customer experience and go-to-market.
  </Accordion>
</AccordionGroup>

<Callout icon="sparkles">
  Latest capabilities and features to try:

  <Badge icon="sparkles" color="green" size="sm">New</Badge> **Form filling APIs:** Create and manage Form filling sessions to collect data during in-person visits or virtual encounters. [Learn more](/form-filling-api-reference/overview).

  <Badge icon="sparkles" color="yellow" size="sm">Beta</Badge> **Dictation SDK:** Embed speech-to-text capabilities into your web app with in-field and scratchpad modes. [Learn more](/dictation-sdk/introduction).

  <Badge icon="sparkles" color="yellow" size="sm">Beta</Badge> **Headless Web SDK:** React hooks and core APIs for fully custom clinical UIs. [Learn more](/headless-web-sdk/introduction).

  <Badge icon="sparkles" color="green" size="sm">New</Badge> **Audio Dictation APIs:** Create sessions, stream audio, and retrieve transcripts for real-time Dictation workflows. [Learn more](/documentation/concepts/dictation/dictation).

  <Badge icon="sparkles" color="green" size="sm">New</Badge> **Audio Streaming and Download API:** Stream or download original audio from ambient sessions for playback, QA, or archival. [Learn more](/documentation/how-to/audio-streaming/audio-streaming-download).
</Callout>

## Recommended path for new developers

Follow these steps to go from zero to a working Suki for Partners integration for your product.

<Accordion title="Start Your Integration" defaultOpen="true">
  <Steps>
    <Step title="Read the Quickstart Guide" icon="rocket">
      Set up your environment, review prerequisites, and run your first integration steps against Suki for Partners.

      <a href="/documentation/get-started/quick-start" className="learning-path-button">Learn more</a>
    </Step>

    <Step title="Learn How to Get Access to Suki APIs and SDKs" icon="key">
      Understand how Partner IDs, tokens, and secure access work so your app can call Suki APIs and SDKs safely.

      <a href="/documentation/how-to/partner-authentication" className="learning-path-button">Learn more</a>
    </Step>

    <Step title="Choose Your Workflow" icon="sliders">
      Choose between Ambient documentation, Form filling, and Dictation workflows to pick the ACI path that fits your use case.

      <a href="/documentation/get-started/integration-overview" className="learning-path-button">Learn more</a>
    </Step>

    <Step title="Explore Product Capabilities" icon="list">
      Dig into Ambient documentation, Dictation, note sections, multilingual support, and other features you can ship in your product.

      <a href="/documentation/concepts/ambient-clinical-notes/note-sections" className="learning-path-button">Learn more</a>
    </Step>

    <Step title="Explore Use Cases" icon="magnifying-glass">
      Explore the most common use cases for Suki for Partners.

      <a href="/documentation/get-started/use-case" className="learning-path-button">Learn more</a>
    </Step>
  </Steps>

  <Note>
    This documentation focuses on Suki for Partners. For Suki Assistant (the end-user app), contact{' '}
    <a href="mailto:support@suki.ai">support</a>.
  </Note>
</Accordion>

## What you can build with Suki for Partners

Use Suki for Partners to build Ambient Clinical Intelligence workflows across these layers:

* **Ambient documentation:** Generate clinical notes from patient conversations (ambient scribe), and stream Dictation when clinicians need real-time text without a full ambient note.
* **Form filling:** Map spoken assessment details into Suki-defined form schemas and retrieve structured field values for clinical workflows.
* **Dictation:** Convert clinician speech into medical text in real time for workflows that require transcription instead of ambient note generation.
* **Assisted revenue cycle:** Retrieve ICD-10 and HCC diagnosis codes from ambient structured data to support coding capture.
* **Clinical operations:** Stage medication orders from ambient sessions when your product needs order support in the charting workflow.

<Note>
  Clinical reasoning experiences continue to expand on our platform. We will keep you updated as we add new capabilities.
</Note>

The following integration patterns show common ways to build with Suki for Partners:

<div className="sdk-overview-build-cards doc-partners-overview-card-groups">
  <CardGroup cols={2}>
    <Card title="Custom API Workflow" icon="code">
      Your backend authenticates users, creates sessions, streams audio, retrieves output, and passes clinical artifacts to your application.
    </Card>

    <Card title="Headed Web Experience" icon="browser">
      The Web SDK provides capture and review UI. Your application supplies encounter context and handles submitted notes and orders.
    </Card>

    <Card title="Custom React Experience" icon="react">
      The Headless Web SDK provides hooks for authentication and ambient sessions while your application owns the interface.
    </Card>

    <Card title="Native iOS Capture" icon="mobile">
      The Mobile SDK captures ambient sessions in an iOS application. Use shared encounter identifiers when the same note must continue across supported products.
    </Card>
  </CardGroup>
</div>

## Key capabilities

Configure these capabilities when your workflow needs to shape note structure, provider preferences, clinical context, or the generated output. These capabilities enhance the quality of the generated clinical documentation, diagnoses, and medication orders.

<div className="sdk-overview-core-capabilities-cards doc-partners-overview-card-groups">
  <CardGroup cols={3}>
    <Card title="Multilingual Support" icon="language" href="/api-reference/capabilities/multilingual" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">80+ Languages</span>
      </div>

      Support 80+ languages with automatic English note generation.
    </Card>

    <Card title="Personalization" icon="user" href="/api-reference/capabilities/personalization" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">Customizable</span>
      </div>

      Customize note generation based on provider preferences.
    </Card>

    <Card title="Problem-Based Charting" icon="list" href="/api-reference/capabilities/problem-based-charting" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">PBC</span>
      </div>

      Organize clinical notes by patient problems and diagnoses instead of traditional sections.
    </Card>

    <Card title="Note Sections" icon="file-text" href="/documentation/concepts/ambient-clinical-notes/note-sections" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">LOINC</span>
      </div>

      Configure custom clinical note sections using standard LOINC codes.
    </Card>

    <Card title="Clinical Documentation (Ambient)" icon="waveform" href="/documentation/concepts/ambient-clinical-notes/ambient-documentation" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">AI-Powered</span>
      </div>

      Automatically generate clinical notes from patient-provider conversations.
    </Card>

    <Card title="Specialties" icon="stethoscope" href="/documentation/concepts/ambient-clinical-notes/specialties" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">Specialized</span>
      </div>

      Optimize note generation for specific medical specialties.
    </Card>
  </CardGroup>

  <CardGroup cols={2}>
    <Card title="Dictation" icon="microphone" href="/documentation/concepts/dictation/dictation" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">New</span>
        <span className="doc-overview-cap-pill">Real-time</span>
      </div>

      Real-time audio transcription for converting patient-provider conversations into text.
    </Card>

    <Card title="Form Filling" icon="file-lines" href="/documentation/concepts/form-filling/form-filling" cta="Learn more">
      <div className="doc-overview-cap-badges">
        <span className="doc-overview-cap-pill">New</span>
        <span className="doc-overview-cap-pill">Form Filling</span>
      </div>

      Create Form filling sessions for nursing and other clinical workflows.
    </Card>
  </CardGroup>
</div>

## Choose your workflow

Choose the product that matches your workflow, client platform, UI strategy, and the amount of session orchestration your application should own:

<Tabs>
  <Tab title="Ambient Workflows" id="ambient-workflows-path" icon="waveform">
    Choose the integration method that fits your project's requirements, UI strategy, and technical approach:

    <div className="hp-io-method-grid">
      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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>
        </div>

        <div className="hp-io-method-card-body">
          <h3 className="hp-io-method-card-title">Ambient REST APIs</h3>

          <p className="hp-io-method-card-desc">
            Use our APIs for direct access to Suki's AI features. Ideal when you need to build a completely custom user interface, integrate specific functions into an existing system, or keep full control over the user experience.
          </p>

          <p className="hp-io-method-card-desc">
            Use REST endpoints for session management and content retrieval, the Partner WebSocket for audio streaming, and webhooks for asynchronous completion.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="REST API resources">
            <a href="/documentation/get-started/quick-start" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/api-reference/overview" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">API overview</span>
            </a>

            <a href="/documentation/how-to/partner-authentication" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Partner authentication</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              Feature availability depends on your partner configuration. To confirm access, contact our{' '}
              <a href="https://www.suki.ai/suki-partners/" className="suki-feature-cta">Partnership team</a>.
            </p>
          </div>
        </div>
      </div>

      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="10" y="14" width="44" height="36" rx="4" stroke="currentColor" strokeWidth="1.25" />

            <path d="M10 22h44" stroke="currentColor" strokeWidth="1.25" />

            <rect x="14" y="28" width="12" height="18" rx="2" stroke="currentColor" strokeWidth="3" />

            <rect x="30" y="28" width="20" height="8" rx="2" stroke="currentColor" strokeWidth="3" />

            <path d="M30 40h20" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />

            <path d="M30 46h14" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
          </svg>
        </div>

        <div className="hp-io-method-card-body">
          <h3 className="hp-io-method-card-title">Web SDK</h3>

          <p className="hp-io-method-card-desc">
            The Suki <strong>Web SDK</strong> includes <strong>pre-built UI components</strong> for quick integration into web-based healthcare applications. Use ready-to-use components to add clinical workflows like note-taking without designing the full UI yourself.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Web SDK resources">
            <a href="/web-sdk/quickstart" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/web-sdk/overview" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Web SDK overview</span>
            </a>

            <a href="/web-sdk/guides/ambient-implementation" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Implementation</span>
            </a>
          </div>
        </div>
      </div>

      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="12" y="14" width="40" height="36" rx="4" stroke="currentColor" strokeWidth="1.25" />

            <path d="M18 26l4 4-4 4" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />

            <path d="M28 30h14" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />

            <path d="M18 38h24" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />

            <path d="M18 44h18" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
          </svg>
        </div>

        <div className="hp-io-method-card-body">
          <div className="hp-io-method-card-title-row">
            <h3 className="hp-io-method-card-title">Headless Web SDK</h3>
            <Badge icon="sparkles" color="yellow" size="sm">Beta</Badge>
          </div>

          <p className="hp-io-method-card-desc">
            For <strong>React 18+</strong> apps that need full control over layout and branding. Use our hooks and core APIs for authentication, ambient sessions, and streaming while you build every screen to match your design system.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Headless Web SDK resources">
            <a href="/headless-web-sdk/quickstart" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/headless-web-sdk/introduction" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Headless Web SDK overview</span>
            </a>

            <a href="/documentation/get-started/integration-decision-guide" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Compare integration options</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              The Headless Web SDK is currently in <strong>Beta</strong> phase.
            </p>
          </div>
        </div>
      </div>

      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="22" y="8" width="20" height="48" rx="5" stroke="currentColor" strokeWidth="1.25" />

            <rect x="26" y="14" width="12" height="34" rx="2" stroke="currentColor" strokeWidth="3" />

            <circle cx="32" cy="52" r="1.5" fill="currentColor" />
          </svg>
        </div>

        <div className="hp-io-method-card-body">
          <h3 className="hp-io-method-card-title">Mobile SDK</h3>

          <p className="hp-io-method-card-desc">
            The Suki <strong>Mobile SDK</strong> is a headless SDK for native mobile applications. Design your own UI while using our SDK's functions for note generation, with strong backend functionality and maximum layout flexibility.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Mobile SDK resources">
            <a href="/mobile-sdk/installation" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/mobile-sdk/overview" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Mobile SDK overview</span>
            </a>

            <a href="/mobile-sdk/ambient-guides/create-session" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Create session</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              The Mobile SDK currently supports <strong>iOS</strong>.
            </p>
          </div>
        </div>
      </div>
    </div>
  </Tab>

  <Tab title="Form Filling Workflows" id="form filling-workflows-path" icon="file-lines">
    Choose the integration method that fits your project's requirements, UI strategy, and technical approach:

    <div className="hp-io-method-grid">
      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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>
        </div>

        <div className="hp-io-method-card-body">
          <h3 className="hp-io-method-card-title">Form Filling REST APIs</h3>

          <p className="hp-io-method-card-desc">
            Use our Form filling APIs for direct access to structured medical-form workflows. Ideal when you need a completely custom user interface, integrate into an existing system, or keep full control over capture, session lifecycle, and how structured output is saved.
          </p>

          <p className="hp-io-method-card-desc">
            Create sessions, seed context, stream audio over the shared Partner ambient <strong>WebSocket</strong>, retrieve <strong>structured form data</strong>, and submit feedback using REST endpoints.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Form filling API resources">
            <a href="/form-filling-api-reference/quickstart" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/form-filling-api-reference/overview" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">API overview</span>
            </a>

            <a href="/form-filling-api-reference/authentication" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Authentication</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              For streaming audio and shared WebSocket behavior, see{' '}
              <a href="/documentation/how-to/audio-streaming/audio-stream" className="suki-feature-cta">Audio streaming</a>.
            </p>
          </div>
        </div>
      </div>

      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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>
        </div>

        <div className="hp-io-method-card-body">
          <div className="hp-io-method-card-title-row">
            <h3 className="hp-io-method-card-title">Form Filling SDK</h3>
            <Badge icon="sparkles" color="yellow" size="sm">Beta</Badge>
          </div>

          <p className="hp-io-method-card-desc">
            Embed <strong>Form filling</strong> in web applications with a <strong>hosted iframe</strong> or <strong>React components</strong>. Ideal when you want voice-driven medical forms in the browser without building the full Form filling API workflow yourself.
          </p>

          <p className="hp-io-method-card-desc">
            Sign in with partner credentials, call <strong>start()</strong> with your <strong>form template IDs</strong>, and receive <strong>structured JSON</strong> through SDK callbacks and your <strong>partner webhook</strong>.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Form filling SDK resources">
            <a href="/form-filling-sdk/quickstart" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/form-filling-sdk/introduction" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Form Filling SDK overview</span>
            </a>

            <a href="/form-filling-sdk/javaScript-integration/javaScript" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">JavaScript integration</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              The Form filling SDK is currently in <strong>Beta</strong> phase.
            </p>
          </div>
        </div>
      </div>
    </div>
  </Tab>

  <Tab title="Dictation Workflows" id="dictation-workflows-path" icon="microphone">
    Choose the integration method that fits your project's requirements, UI strategy, and technical approach:

    <div className="hp-io-method-grid">
      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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>
        </div>

        <div className="hp-io-method-card-body">
          <h3 className="hp-io-method-card-title">Dictation REST APIs</h3>

          <p className="hp-io-method-card-desc">
            Use our Dictation APIs for direct access to speech-to-text workflows. Ideal when you need a completely custom user interface, integrate into an existing system, or keep full control over capture, session lifecycle, and how transcript text is returned.
          </p>

          <p className="hp-io-method-card-desc">
            Create transcription sessions, stream audio over a <strong>WebSocket</strong>, receive <strong>live transcripts</strong>, and end sessions when capture is finished.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Dictation API resources">
            <a href="/documentation/how-to/dictation/dictation-basic-usage" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/api-reference/ambient-dictation" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">API overview</span>
            </a>

            <a href="/documentation/how-to/partner-authentication" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Partner authentication</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              For streaming audio and WebSocket behavior, see{' '}
              <a href="/documentation/how-to/audio-streaming/dictation-streaming" className="suki-feature-cta">Dictation streaming</a>.
            </p>
          </div>
        </div>
      </div>

      <div role="article" className="hp-io-method-card">
        <div className="hp-io-method-card-hero" aria-hidden="true">
          <svg className="hp-io-method-card-hero-icon" width="48" height="48" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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>
        </div>

        <div className="hp-io-method-card-body">
          <div className="hp-io-method-card-title-row">
            <h3 className="hp-io-method-card-title">Dictation SDK</h3>
            <Badge icon="sparkles" color="yellow" size="sm">Beta</Badge>
          </div>

          <p className="hp-io-method-card-desc">
            Embed <strong>clinical Dictation</strong> in web applications with a <strong>hosted iframe</strong>. Use <strong>in-field</strong> mode on a specific text control or <strong>scratchpad</strong> mode for a floating Dictation surface. Integrate with <strong>JavaScript</strong> or <strong>React</strong>; you design entry points and receive transcript text through callbacks.
          </p>

          <div role="navigation" className="hp-io-method-link-stack" aria-label="Dictation SDK resources">
            <a href="/dictation-sdk/quickstart" className="hp-io-method-link hp-io-method-link--featured">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.5 8.25v7.5l5.25-3.75-5.25-3.75z" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Quickstart</span>
            </a>

            <a href="/dictation-sdk/introduction" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 8.25l4.25 3.75L10 15.75" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">Dictation SDK overview</span>
            </a>

            <a href="/dictation-sdk/javaScript-integration/javaScript" className="hp-io-method-link">
              <span className="hp-io-method-link-icon" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="5.5" y="4.5" width="13" height="15" rx="1.5" fill="none" stroke="currentColor" strokeWidth="1.5" />

                  <path d="M8.5 9h7M8.5 12h5.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" />
                </svg>
              </span>

              <span className="hp-io-method-link-text">JavaScript integration</span>
            </a>
          </div>

          <div className="hp-io-method-card-aside">
            <p className="hp-io-method-card-aside-text">
              The Dictation SDK is currently in <strong>Beta</strong> phase.
            </p>
          </div>
        </div>
      </div>
    </div>
  </Tab>
</Tabs>
