<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="eli.ai" agent="eli.ai diagram exporter" version="1">
  <diagram id="sdk-package-dependency-graph-8bbd725c" name="SDK package dependency graph">
    <mxGraphModel dx="1600" dy="1200" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1600" pageHeight="1200" math="0" shadow="0">
      <root>
        <mxCell id="0"/>
        <object id="1" label="SDK package dependency graph" schemaVersion="1" diagramId="sdk-package-dependency-graph-8bbd725c" canonicalAppearanceKey="tsx:src/app/(docs)/docs/api/sdk/page.tsx:packageGraph#1" sourceSha256="8bbd725c00ac74564f2011484ebd2ce99acd8234cdc6a9370111f7cf1d155ef4" metadataPayloadSha256="b9b35205a36b230ba5ef37ae1b38408b3933bfee88d244dd18ea0de933e19c92" generationKey="fdca244fda9f7e33594ea19243c2077f05fbc8a08eeda0e377180d9684f02357" concepts="[&quot;Package graph&quot;,&quot;SDK&quot;]" keywords="[&quot;JSON / SSE&quot;,&quot;Your application&quot;,&quot;JSON-safe types by capability&quot;,&quot;transport + capability clients&quot;,&quot;provider · hooks · components · CSS&quot;,&quot;eli.ai&quot;,&quot;@eli-ai/contracts&quot;,&quot;@eli-ai/client&quot;,&quot;@eli-ai/react&quot;,&quot;/api/v1&quot;]" application="{&quot;name&quot;:&quot;eli-ai&quot;,&quot;version&quot;:&quot;0.1.0&quot;}" packages="{&quot;mermaid&quot;:&quot;11.16.0&quot;,&quot;mermaidCli&quot;:&quot;11.16.0&quot;,&quot;playwright&quot;:&quot;1.62.1&quot;,&quot;playwrightCore&quot;:&quot;1.62.1&quot;,&quot;puppeteer&quot;:&quot;25.6.0&quot;,&quot;puppeteerCore&quot;:&quot;25.6.0&quot;}" environment="{&quot;architecture&quot;:&quot;x64&quot;,&quot;containerImage&quot;:&quot;playwright:v1.62.1-noble@sha256:c091b21d9fae78c76e85cd4356431e9b018402f172a214fc7d7a5e9a7e29d8ac+node:26.3.1-bookworm-slim@sha256:209558c3e5e40e8adff68959d3c2ba7cd73723e716d89196878a0c362fa1e109&quot;,&quot;node&quot;:&quot;v26.3.1&quot;,&quot;platform&quot;:&quot;linux&quot;,&quot;yarn&quot;:&quot;4.17.1&quot;}" renderer="{&quot;browser&quot;:{&quot;executableSha256&quot;:&quot;0b20b130e7edd9dd51873be867761295fe0cfad490c2b9a64f95bd3cfc08fa71&quot;,&quot;name&quot;:&quot;chromium&quot;,&quot;revision&quot;:&quot;1234&quot;,&quot;version&quot;:&quot;151.0.7922.34&quot;},&quot;font&quot;:{&quot;family&quot;:&quot;Eli Diagram Inter Variable&quot;,&quot;fileSha256&quot;:&quot;3100e775e8616cd2611beecfa23a4263d7037586789b43f035236a2e6fbd4c62&quot;,&quot;licenseSha256&quot;:&quot;3b0a5fca3d17942cde889069889dedbbbd075e9b599968c82a95f4d944e9b345&quot;},&quot;mermaidConfigSha256&quot;:&quot;68c10966fe84406ee626034d58bfabd555df9f65f691204b7c46db24038da101&quot;,&quot;themeCssSha256&quot;:&quot;c80287a78d80ad63d27bd5ca348b2ef9a7e2f44da289e436be6484ea28a1b033&quot;}" adapterVersions="{&quot;diagramGenerator&quot;:&quot;2&quot;,&quot;drawioFlowchart&quot;:&quot;1&quot;,&quot;drawioGantt&quot;:&quot;1&quot;,&quot;drawioSequence&quot;:&quot;1&quot;,&quot;drawioState&quot;:&quot;1&quot;}" mermaidType="flowchart" direction="LR" generatedAt="2026-08-12T23:42:02.967Z" mermaidSource="flowchart LR&#10;  App[&quot;Your application&quot;]&#10;  Contracts[&quot;@eli-ai/contracts&lt;br/&gt;JSON-safe types by capability&quot;]&#10;  Client[&quot;@eli-ai/client&lt;br/&gt;transport + capability clients&quot;]&#10;  React[&quot;@eli-ai/react&lt;br/&gt;provider · hooks · components · CSS&quot;]&#10;  API[&quot;eli.ai /api/v1&lt;br/&gt;92 OpenAPI operations&quot;]&#10;&#10;  App --&gt; Contracts&#10;  App --&gt; Client&#10;  App --&gt; React&#10;  React --&gt; Client&#10;  React --&gt; Contracts&#10;  Client --&gt; Contracts&#10;  Client --&gt;|&quot;JSON / SSE&quot;| API">
          <mxCell parent="0"/>
        </object>
        <object id="n:App" label="Your application" mermaidId="App" mermaidShape="rectangle">
          <mxCell parent="1" vertex="1" style="fillColor=#ECECFF;fontColor=#333333;html=1;rounded=0;strokeColor=#9370DB;whiteSpace=wrap;">
            <mxGeometry x="8" y="22" width="177.984375" height="52" as="geometry"/>
          </mxCell>
        </object>
        <object id="n:Contracts" label="@eli-ai/contractsJSON-safe types by capability" mermaidId="Contracts" mermaidShape="rectangle">
          <mxCell parent="1" vertex="1" style="fillColor=#ECECFF;fontColor=#333333;html=1;rounded=0;strokeColor=#9370DB;whiteSpace=wrap;">
            <mxGeometry x="936.59375" y="8" width="256" height="100" as="geometry"/>
          </mxCell>
        </object>
        <object id="n:Client" label="@eli-ai/clienttransport + capability clients" mermaidId="Client" mermaidShape="rectangle">
          <mxCell parent="1" vertex="1" style="fillColor=#ECECFF;fontColor=#333333;html=1;rounded=0;strokeColor=#9370DB;whiteSpace=wrap;">
            <mxGeometry x="541.984375" y="119.5" width="256" height="100" as="geometry"/>
          </mxCell>
        </object>
        <object id="n:React" label="@eli-ai/reactprovider · hooks · components · CSS" mermaidId="React" mermaidShape="rectangle">
          <mxCell parent="1" vertex="1" style="fillColor=#ECECFF;fontColor=#333333;html=1;rounded=0;strokeColor=#9370DB;whiteSpace=wrap;">
            <mxGeometry x="235.984375" y="8" width="256" height="100" as="geometry"/>
          </mxCell>
        </object>
        <object id="n:API" label="eli.ai /api/v192 OpenAPI operations" mermaidId="API" mermaidShape="rectangle">
          <mxCell parent="1" vertex="1" style="fillColor=#ECECFF;fontColor=#333333;html=1;rounded=0;strokeColor=#9370DB;whiteSpace=wrap;">
            <mxGeometry x="948.90625" y="158" width="231.375" height="76" as="geometry"/>
          </mxCell>
        </object>
        <object id="e:L_App_Contracts_0" label="" mermaidId="L_App_Contracts_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:App" target="n:Contracts" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="136.509479" y="22" as="sourcePoint"/>
              <mxPoint x="948.532169" y="8" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="210.984375" y="-27"/>
                <mxPoint x="363.984375" y="-27"/>
                <mxPoint x="516.984375" y="-27"/>
                <mxPoint x="669.984375" y="-27"/>
                <mxPoint x="867.289063" y="-27"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_App_Client_0" label="" mermaidId="L_App_Client_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:App" target="n:Client" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="128.190049" y="74" as="sourcePoint"/>
              <mxPoint x="541.984375" y="147.330065" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="210.984375" y="143"/>
                <mxPoint x="363.984375" y="143"/>
                <mxPoint x="516.984375" y="143"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_App_React_0" label="" mermaidId="L_App_React_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:App" target="n:React" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="185.984375" y="55.806867" as="sourcePoint"/>
              <mxPoint x="235.984375" y="58" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="210.984375" y="58"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_React_Client_0" label="" mermaidId="L_React_Client_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:React" target="n:Client" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="426.947338" y="108" as="sourcePoint"/>
              <mxPoint x="541.984375" y="177.866013" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="516.984375" y="179.5"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_React_Contracts_0" label="" mermaidId="L_React_Contracts_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:React" target="n:Contracts" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="491.984375" y="58" as="sourcePoint"/>
              <mxPoint x="936.59375" y="58" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="516.984375" y="58"/>
                <mxPoint x="669.984375" y="58"/>
                <mxPoint x="867.289063" y="58"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_Client_Contracts_0" label="" mermaidId="L_Client_Contracts_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:Client" target="n:Contracts" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="797.984375" y="131.224173" as="sourcePoint"/>
              <mxPoint x="936.59375" y="92.058998" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="867.289063" y="110.5"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
        <object id="e:L_Client_API_0" label="JSON / SSE" mermaidId="L_Client_API_0" mermaidKind="relationship">
          <mxCell parent="1" source="n:Client" target="n:API" edge="1" style="edgeStyle=orthogonalEdgeStyle;endArrow=block;endFill=1;html=1;jettySize=auto;orthogonalLoop=1;rounded=0;strokeColor=#333333;">
            <mxGeometry relative="1" as="geometry">
              <mxPoint x="797.984375" y="186.691685" as="sourcePoint"/>
              <mxPoint x="948.90625" y="196" as="targetPoint"/>
              <Array as="points">
                <mxPoint x="867.289063" y="196"/>
              </Array>
            </mxGeometry>
          </mxCell>
        </object>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
