Examples - Telepatia Integration Hub

Full page

Copy it, swap pk_…, and serve it over https or localhost. This composes all three capabilities; each renders only when your institution is granted it.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script>
      window.TelepatiaEmbedConfig = {
        apiKey: "pk_…",                       // publishable — never the sk_
        settings: { locale: "en", branding: { name: "Your Brand" } },
        scribeContext: { show: true },
        intelligence:  { show: true },
        cdss:          { show: true },
      };
    </script>
    <script src="https://cdn.telepatia.ai/telepatia-embed/v1/telepatia-embed.js"></script>
  </head>
  <body>
    <button id="record">🎙️ Record consultation</button>
    <script>
      document.getElementById("record").addEventListener("click", () => {
        window.TelepatiaEmbed.init({
          patient:      { name: "Maria Gómez", idCountry: "CO", idType: "CC", idValue: "55544433" },
          template:     { medicalRecordConfigurationId: "mrc_…" },
          consultation: { externalConsultationId: "CONSULT-12345" },
        });
      });
    </script>
  </body>
</html>

One capability at a time

You don’t have to run all three. Each capability is its own config — turn on the one you need. The block goes before the CDN <script>; the embed mounts from it.

<script>
  window.TelepatiaEmbedConfig = {
    apiKey: "pk_…",
    settings: { locale: "en", branding: { name: "Your Brand" } },
    scribeContext: { show: true }, // record the visit → structured note
  };
</script>
<script src="https://cdn.telepatia.ai/telepatia-embed/v1/telepatia-embed.js"></script>
<!-- then, on a record button:
  window.TelepatiaEmbed.init({
    patient:      { name, idCountry, idType, idValue },
    template:     { medicalRecordConfigurationId: "mrc_…" },
    consultation: { externalConsultationId: "CONSULT-12345" },
  });
-->

<script>
  window.TelepatiaEmbedConfig = {
    apiKey: "pk_…",
    settings: { locale: "en", branding: { name: "Your Brand" } },
    // No scribeContext → recorder-less. CDSS reviews a session you supply.
    cdss: { show: true, scribeSessionId: "…" }, // or medicalRecordDocumentId
  };
</script>
<script src="https://cdn.telepatia.ai/telepatia-embed/v1/telepatia-embed.js"></script>

<script>
  window.TelepatiaEmbedConfig = {
    apiKey: "pk_…",
    settings: { locale: "en", branding: { name: "Your Brand" } },
    // No scribeContext → recorder-less. The copilot with chat.
    intelligence: { show: true, chat: {} },
  };
</script>
<script src="https://cdn.telepatia.ai/telepatia-embed/v1/telepatia-embed.js"></script>

Each capability renders only when your institution is also granted it, so an ungranted flag mounts nothing.

What it looks like

The same embed, four surfaces — each mounted on a partner EMR page under the partner’s own brand (“Your EMR” here):

Telepatia Embed Scribe recording a consultation — Scribe — recording a consultation and drafting the note

Telepatia Embed CDSS corrective alert — CDSS — a corrective clinical alert on the finished note

Telepatia Embed recorder home screen — Full white-label — the same recorder in the partner's own brand name and color

Telepatia Embed Intelligence clinical chat — Telepatia Intelligence — the clinical chat copilot

Build it with AI

Paste this into your coding agent (Claude Code, Cursor, v0…). It reads the CDN and builds the page:

Build a minimal Telepatia Embed integration on a static page.

1. Read the CDN to confirm the current bundle version:
   - https://cdn.telepatia.ai/telepatia-embed/v1/telepatia-embed.js
   - https://cdn.telepatia.ai/telepatia-embed/update-manifest.json
2. Create index.html that:
   - sets window.TelepatiaEmbedConfig = {
       apiKey: "<MY_PK>",
       settings: { locale: "en" },
       scribeContext: { show: true },
       intelligence: { show: true },
       cdss: { show: true },
     } BEFORE the embed <script src> tag;
   - loads telepatia-embed.js from the CDN (no async);
   - has a "Record consultation" button that on click calls
     window.TelepatiaEmbed.init() with the current consultation context:
       init({
         patient:      { name, idCountry, idType, idValue },
         template:     { medicalRecordConfigurationId: "mrc_..." },
         consultation: { externalConsultationId: "<your-encounter-id>" },
       });
3. Never put a secret key (sk_) on the page — only the publishable one (pk_).
4. Serve it on a static server and tell me the command to open it.

My pk_: pk_…  (test key to try, production key to go live — same code)

​Full page

​One capability at a time

​What it looks like

​Build it with AI

Full page

One capability at a time

What it looks like

Build it with AI