ExodeUI vs A2UI

// 1. Google A2UI Declarative Protocol (agent streams UI structure & data over JSON):
{
  "type": "create_surface",
  "surface_id": "cart_summary",
  "components": [
    { "id": "checkout_btn", "type": "button", "label": "Proceed to Pay", "action": "checkout" }
  ]
}

// 2. ExodeUI Component Schema (defines layout, spring physics & state machines):
import { ExodeUICanvas } from 'exodeui';

// An A2UI client renderer embeds ExodeUI to handle living physics & state machines:
export function A2UIAnimatedSurface({ a2uiAction }) {
  return (
    <ExodeUICanvas
      src="/components/checkout_button.bexode"
      inputs={{ processing: a2uiAction === 'submitting' }}
      onTrigger={(e) => console.log('ExodeUI event:', e)}
    />
  );
}