import { OrquestaEmbed } from 'orquesta-embed'
import 'orquesta-embed/styles.css'

function App() {
  return (
    <>
      <YourApp />
      <OrquestaEmbed
        token="oek_xxxxx"
        position="bottom-right"
        captureConsole={true}
        captureNetwork={true}
        onReady={() => console.log('Orquesta ready!')}
      />
    </>
  )
}

Vanilla JavaScript

<script src="https://orquesta.live/embed/v1/orquesta.min.js"></script>
<script>
  const widget = Orquesta.init({
    token: 'oek_xxxxx',
    position: 'bottom-right',
    captureConsole: true,
    captureNetwork: true,
    onReady: () => console.log('Orquesta ready!')
  });

  // Programmatic API
  widget.open();
  widget.close();
  widget.toggle();
  widget.startElementSelection();
  widget.submitPrompt('Fix this bug', { includeConsole: true });
  widget.destroy();
</script>

Configuration

Option	Type	Default	Description
`token`	`string`	required	Your embed token (oek_xxx)
`position`	`'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left'`	`'bottom-right'`	Panel position
`defaultOpen`	`boolean`	`false`	Start with panel open
`theme`	`'dark' \| 'light' \| 'auto'`	`'dark'`	Color theme
`features`	`Feature[]`	All features	Enabled features
`captureConsole`	`boolean`	`true`	Capture console.log/error
`captureNetwork`	`boolean`	`true`	Capture fetch/XHR errors
`hotkey`	`string`	`'ctrl+shift+o'`	Keyboard shortcut to toggle
`onReady`	`() => void`	-	Called when connected
`onPromptSubmit`	`(promptId: string) => void`	-	Called when prompt submitted
`onError`	`(error: Error) => void`	-	Called on errors