Embed Widget

<script src="https://embed.curate-me.ai/v1.js" data-key="YOUR_API_KEY"></script>

<script src="https://embed.curate-me.ai/v1.js" data-key="YOUR_API_KEY"></script>

<div id="curateme-widget"></div>
<script src="https://embed.curate-me.ai/v1.js"
        data-key="YOUR_API_KEY"
        data-target="#curateme-widget"
        data-mode="inline">
</script>

<script src="https://embed.curate-me.ai/v1.js" data-key="YOUR_API_KEY"></script>
 
<!-- Cost Dashboard Widget -->
<curateme-costs theme="light"></curateme-costs>
 
<!-- Agent Status Monitor -->
<curateme-agents-status></curateme-agents-status>
 
<!-- Approval Queue -->
<curateme-approvals position="bottom-right"></curateme-approvals>

npm install @curate-me/embed

import { CostDashboard, GatewayStatus } from '@curate-me/embed/react';
 
function App() {
  return (
    <CostDashboard
      apiKey="YOUR_API_KEY"
      onThresholdReached={(data) => console.log('Budget alert:', data)}
    />
  );
}

import { CurateMeClient } from '@curate-me/embed';
 
const client = new CurateMeClient({ apiKey: 'YOUR_API_KEY' });
 
const status = await client.gateway.status();
const costs = await client.costs.summary({ period: 'today' });
const approvals = await client.approvals.list({ status: 'pending' });

CurateMe.on('cost:threshold', (data) => {
  console.log('Cost threshold reached:', data);
});
 
CurateMe.on('approval:required', (request) => {
  console.log('Approval needed:', request);
});
 
CurateMe.on('runner:status-change', (runner) => {
  console.log('Runner status:', runner);
});

POST https://your-site.com/webhooks/curateme
{
  "event": "cost.threshold_reached",
  "data": { ... },
  "timestamp": "2026-03-26T..."
}