Ask AI Buttons

​

Pages with Ask AI buttons

​

How it works

window.dispatchEvent(
  new CustomEvent('pastures:drawer:open', {
    detail: { query: 'Diagnose: etcd cluster has only 1 member' },
  })
);

1. Opens the drawer (if not already open)
2. Pre-fills the input textarea with detail.query
3. Automatically submits the query

​

Integration pattern

<template>
  <button @click="diagnose">Diagnose →</button>
</template>

<script setup lang="ts">
function diagnose() {
  window.dispatchEvent(
    new CustomEvent('pastures:drawer:open', {
      detail: { query: `Diagnose: ${issue.title}` },
    })
  );
}
</script>

​

Behavior details

• If the drawer is already open, a new event replaces the current input and submits
• The pre-filled query appears in the user’s message history as if they typed it
• Context awareness still applies — if the user is on the Advisories page, page-specific suggestions remain available after the conversation