pnpm add @agentronics/sdk @agentronics/react

// src/main.tsx
import React from 'react'
import ReactDOM from 'react-dom/client'
import { AgentronicsProvider } from '@agentronics/react'
import { App } from './App'
 
const PUBLISHABLE_KEY = import.meta.env.VITE_AGENTRONICS_KEY ?? 'agtx_pk_local_dev_only'
 
ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <AgentronicsProvider
      publishableKey={PUBLISHABLE_KEY}
      progression={{
        initial: 'browse',
        stages: [
          { name: 'browse', transitions: [{ on: 'cart.add', to: 'checkout' }] },
          { name: 'checkout' },
        ],
      }}
    >
      <App />
    </AgentronicsProvider>
  </React.StrictMode>
)

import {
  useAgentronics,
  useAgentContext,
  useGovernedTool,
  useSiteMemory,
} from '@agentronics/react'
 
export function App() {
  const client = useAgentronics()
  const ctx = useAgentContext()
  const shipping = useSiteMemory<string>('policies.shipping')
 
  useGovernedTool({
    name: 'cart.add',
    group: 'cart',
    stage: 'browse',
    authz: { minTrust: 'declared', allowedClasses: [], decision: 'allow' },
    execute: async (input) => addToCart(input),
  })
 
  return (
    <main>
      <h1>{shipping ?? 'Loading shipping policy...'}</h1>
      <p>Agent: {ctx.identity ? `${ctx.identity.vendor} (${ctx.identity.trust})` : 'none yet'}</p>
      <button onClick={() => client.detect()}>Detect</button>
    </main>
  )
}

import { useEffect } from 'react'
import { useAgentronics } from '@agentronics/react'
 
export function BootstrapSiteMemory() {
  const client = useAgentronics()
  useEffect(() => {
    client.provideSiteMemory({
      siteMap: { pages: [{ path: '/', name: 'Home' }] },
      policies: { shipping: 'Free over $50' },
    })
    client.installMemoryDelivery({ metaTags: true })
  }, [client])
  return null
}