Ask your agent
The chip that asks: a tap hands the question to your own agent in the Dock, with this page's context, and it never sends for you.
openvibe-shared/kitJSON
Build it
kit.askAgent({ text: 'About this stream: Seattle at night' }) + kit.askAgent({ text: 'What is in this clip?', label: 'Ask about this clip' })Props
text- string?
label- string?
small- any?
Anatomy
- askAgentThe chip that asks: a tap hands the question to your own agent in the Dock, with this page's context, and it never sends for you.
Behaviour and access
- Keyboard
- Standard focus order
- Outside tap
- Leaves it open
- Scroll
- The page still scrolls
- Reduced motion
- Remove movement; keep the state change.
- Name
- Ask your agent
- Target
- At least 44 × 44 px on touch
- Focus
- Visible keyboard focus; follow reading order
States
- default
Tokens
color.accent.strongsize.tap
Android · Jetpack Compose
Material 3 Ask your agent
Use Ask your agent in Jetpack Compose with the shared tokens.
iOS · SwiftUI
Use Ask your agent in SwiftUI with the shared tokens.
Markup
Default
<button class="ovk-ask ovk-btn ovk-btn--quiet ovk-btn--small" type="button" data-ov-ask="About this stream: Seattle at night"><svg class="ovk-i" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M11.5 3l1.8 5.2L18.5 10l-5.2 1.8L11.5 17l-1.8 -5.2L4.5 10l5.2 -1.8ZM18.5 15l0.8 2.2L21.5 18l-2.2 0.8L18.5 21l-0.8 -2.2L15.5 18l2.2 -0.8Z"/></svg><span>Ask your agent</span></button><button class="ovk-ask ovk-btn ovk-btn--quiet ovk-btn--small" type="button" data-ov-ask="What is in this clip?"><svg class="ovk-i" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M11.5 3l1.8 5.2L18.5 10l-5.2 1.8L11.5 17l-1.8 -5.2L4.5 10l5.2 -1.8ZM18.5 15l0.8 2.2L21.5 18l-2.2 0.8L18.5 21l-0.8 -2.2L15.5 18l2.2 -0.8Z"/></svg><span>Ask about this clip</span></button>