Attaching Actions to Buttons

[rabisg]

Hey - so I was able to successfully create a button and an action. I can see the LLM attaching the action to the button in the form of ... on: { press: { action }}
However I'm unable to understand what should I send in the emit fn call?

catalog:

  actions: {
    openLink: z.object({
      url: z.string().describe("The URL to open"),
    }), 
  }

registry:

Button: ({ props, emit }) => (
      <button onClick={() => emit?.("??")}>
        {props.label}
      </button>
    ),

component:

const handlers = {
    openLink: (params: any) => {
      const { url } = params as { url: string };
      window.open(url, "_blank", "noopener,noreferrer");
    },
<ActionProvider handlers={handlers}>
  <Renderer spec={spec} registry={registry} loading={isStreaming} />
</ActionProvider>

At a high level what Im trying to do is generate a button that can be clicked to open a website

[ctate]

The emit function takes the event name (like "press"), not the action name. The renderer automatically maps the event name to the action binding from the element's on field:

1. In your registry, use emit("press"):

Button: ({ props, emit }) => (
  <button onClick={() => emit?.("press")}>
    {props.label}
  </button>
),

2. The LLM generates a spec with the on field mapping events to actions:

{
  "type": "Button",
  "props": { "label": "Open Website" },
  "on": { 
    "press": { 
      "action": "openLink", 
      "params": { "url": "https://example.com" } 
    } 
  }
}

3. Your ActionProvider handlers receive the params:

const handlers = {
  openLink: (params: any) => {
    const { url } = params as { url: string };
    window.open(url, "_blank", "noopener,noreferrer");
  },
};
<ActionProvider handlers={handlers}>
  <Renderer spec={spec} registry={registry} loading={isStreaming} />
</ActionProvider>

[rabisg]

Got it - this makes sense
Would it be possible to get the action in the registry renderer too? For example - i want to change cursor to pointer on a button based on whether it has the open_url action attached or not