Ejemplos - Telepatia Integration Hub

Página completa

Cópiala, cambia pk_… y sírvela por https o localhost. Compone las tres capabilities; cada una se renderiza solo cuando tu institución la tiene habilitada.

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

Una capability a la vez

No tienes que usar las tres. Cada capability es su propia configuración — enciende la que necesites. El bloque va antes del <script> del CDN; el embed se monta desde él.

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

Cada capability se renderiza solo cuando tu institución la tiene habilitada, así que un flag sin permiso no monta nada.

Cómo se ve

El mismo embed, cuatro superficies — cada una montada en la página del EMR de un partner, bajo la marca del propio partner (“Your EMR” aquí):

Telepatia Embed Scribe grabando una consulta — Scribe — grabando una consulta y redactando la nota

Alerta correctiva de CDSS de Telepatia Embed — CDSS — una alerta clínica correctiva en la nota finalizada

Pantalla de inicio del grabador de Telepatia Embed — Full white-label — el mismo grabador con el nombre y el color de marca del propio partner

Chat clínico de Telepatia Embed Intelligence — Telepatia Intelligence — el copiloto de chat clínico

Constrúyelo con IA

Pega esto en tu agente de código (Claude Code, Cursor, v0…). Lee el CDN y arma la página:

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)

​Página completa

​Una capability a la vez

​Cómo se ve

​Constrúyelo con IA

Página completa

Una capability a la vez

Cómo se ve

Constrúyelo con IA