Beyond the visible rows
Include full datasets, documents, and app state. You choose the backing data, even when it is not on screen.
Connect your dataLet people select what matters. Give their assistant the context to understand it.
| Company | MRR | Plan | Status |
|---|
select context above…
waiting for focus…
A selection is the start. Connect the data behind it and choose where it goes.
Include full datasets, documents, and app state. You choose the backing data, even when it is not on screen.
Connect your dataDeliver selected context to your chat, browser extension, iframe, or server through Bridge.
Explore BridgeSend the exact snapshot someone reviewed, even if their selection changes before delivery.
The reviewed-request React API is on main, not yet released to npm.
Review the React guideKeep your components, your data, and your model. Add context where your UI already has meaning.
Explore the integrationStructured data, attached to the element it describes.
<div
data-askable='{
"metric": "Monthly revenue",
"value": 128400,
"change": "+12.4%"
}'
>
$128,400
</div>
User intent becomes prompt-ready context.
import {
createAskableContext
} from '@askable-ui/core';
const askable = createAskableContext();
askable.observe(document, {
events: ['click']
});
The question, selection, and app-owned sources in one request.
const request = await askable.toAgentRequest(
question,
{
packet: selectedPacket,
contextFromPacket: true,
selectionFromPacket: true,
sources: ['accounts']
}
);
One core, with adapters for the way you build.
useAskable() and <Askable> for Qwik City apps: resumable, zero-JS-by-default.<askable-context> custom element: zero build step, works in HTMX, Ember, or plain HTML via CDN.Choose how selected context reaches your assistant. Each connection needs its own setup and permissions.
Pass prompt context to your model or use Bridge to deliver a packet to your existing chat UI.
AI SDK examplesCapture page context through the extension example, or connect a page-side bridge to a local MCP companion.
Browser extension exampleExpose approved context through an MCP server for clients such as Claude Desktop or Cursor. Configure the provider, transport, and authorization.
MCP integration guideYou control what leaves your app. Sanitize sensitive data before sharing it. The redaction gate checks the packet's redaction flag; it does not detect personal information for you.
Add meaningful context to the interface you already have.