Documentation
Open app

Composer actions

A composer-action is a compact app-owned action beside the chat input controls. It is appropriate for opening app UI or starting an app workflow.

YAML
contributes:
  ui:
    - id: report-action
      kind: nativeModule
      surface: composer-action
      slot: chat.composer.actions
      module:
        entry: dist/ui/app.js
        export: ReportAction
TSX
import { useAppContext } from '@sota/platform';

export function ReportAction() {
  const { ui } = useAppContext();
  return <button type="button" onClick={() => ui.openArtifact('reports.viewer')}>Reports</button>;
}

useComposer is deliberately unavailable here. If UI must read or edit the active draft, declare a composer-panel; do not reach into Core stores.

Contents

Esc

Search titles and body text across every chapter.