ui-action

Generate Kibana UI Action

Create custom UI Actions and Triggers that enable inter-plugin communication and contextual user interactions (e.g. clicking a table row to open a flyout, drilldowns from dashboard panels, context menu items). Ask the user for:

1. Action or Trigger? Are they creating a new action, a new trigger, or both?
2. Action ID (UPPER_SNAKE_CASE, e.g. MY_PLUGIN_OPEN_DETAIL_ACTION)
3. Action display name (human-readable, e.g. "Open detail view")
4. Trigger ID (if creating a trigger — e.g. MY_PLUGIN_ROW_CLICK_TRIGGER)
5. Context type — what data does the action receive when executed? (e.g. a saved object ID, an embeddable, a row of data, coordinates)
6. Where does it appear? Context menu, panel header, custom trigger point, or programmatic execution
7. What does it do? Opens a flyout, navigates to a page, applies a filter, opens a modal, calls an API

Generation Steps

1. Create the action/trigger files in public/actions/ and/or public/triggers/:

   public/
   ├── actions/
   │   ├── index.ts
   │   ├── my_action.ts            # Action implementation
   │   └── my_action_context.ts    # Context type definition
   ├── triggers/
   │   ├── index.ts
   │   └── my_trigger.ts           # Trigger definition
   

2. For a Trigger:

   • Define a trigger ID constant
   • Create the trigger with id, title, description
   • Register via uiActions.registerTrigger() in setup()

3. For an Action:

   • Define an action ID constant
   • Create an action class extending Action<Context> or using createAction()
   • Implement execute({ context }) — the logic that runs when triggered
   • Implement isCompatible({ context }) — whether the action should appear for this context
   • Implement getDisplayName(), getIconType() for menu rendering
   • Register via uiActions.registerAction() in setup()
   • Attach to one or more triggers via uiActions.attachAction(triggerId, actionId) in setup()