Put paid Sage turns inside any Ergo app.

import { SagePaymentWidget } from "@ergoblockchain/sage-widget/react"

export function PaidSagePanel() {
  return (
    <SagePaymentWidget
      tenant={{ id: "my-ergo-app", label: "My Ergo app" }}
      paymentInstructions={{
        helperText: "Issue the quoted testnet Note, then paste the Note box id.",
        walletLauncherLabel: "Open my testnet wallet",
        walletUrl: "https://www.ergoblockchain.org/build/agent-payments",
      }}
      onQuote={(quote) => console.log("quote", quote.quote)}
      onPaymentIntent={(intent) => console.log("wallet intent", intent)}
      onReceipt={(receipt) => console.log("receipt", receipt.receiptUrl)}
      onReceiptBundle={(bundle) => console.log(bundle.completeness)}
      walletLauncher={async (intent) => {
        // Host-owned wallet flow. Return { ok: true, noteBoxId } when ready.
        console.log(intent.amountErg, intent.receiverAddress, intent.taskHash)
        return { ok: true }
      }}
    />
  )
}

import { mountSagePaymentWidget } from "@ergoblockchain/sage-widget/vanilla"

const handle = mountSagePaymentWidget(
  document.getElementById("sage-chat")!,
  {
    tenant: { id: "docs-footer", label: "Docs footer" },
  },
)

await handle.send("/code show me a Fleet SDK example")
console.log(handle.status().receiptBundle?.completeness)

import {
  createSagePaymentIntent,
  fetchSageQuote,
  fetchSageReceipt,
  isFullSageReceiptBundle,
} from "@ergoblockchain/sage-widget"

const question = "/deep explain Accord receipts"
const quoteResponse = await fetchSageQuote({ question })
if (!quoteResponse.quote) throw new Error("No premium quote returned")

const intent = createSagePaymentIntent({
  question,
  quote: quoteResponse.quote,
})

const receipt = await fetchSageReceipt("f8752d10a2ece92fbc88065c3b92b94da621ec65943098f43c9e084deb763d81")

if (isFullSageReceiptBundle(receipt)) {
  console.log(receipt.accord?.agreement_json)
}