wehub-resource-sync
e30e75b5d4
Changesets / Create Version PR (push) Waiting to run
Code Quality / Oxlint + Oxfmt (push) Waiting to run
Code Quality / Template Sync (push) Waiting to run
Code Quality / Build Changed Packages (push) Waiting to run
Code Quality / Test Changed Packages (push) Waiting to run
Deploy Expo Example / Deploy Production (push) Waiting to run
Deploy Ink Example / Deploy Production (push) Waiting to run
Python Tests / pytest (assistant-stream, 3.10) (push) Waiting to run
Python Tests / pytest (assistant-stream, 3.12) (push) Waiting to run
Python Tests / pytest (assistant-ui-sync-server-api, 3.10) (push) Waiting to run
Python Tests / pytest (assistant-ui-sync-server-api, 3.12) (push) Waiting to run
Deploy Shadcn Registry / Deploy Production (push) Waiting to run
Template Metrics / LOC + Bundle Size (push) Waiting to run
@assistant-ui/react-lexical
Lexical rich-text composer for @assistant-ui/react, with first-class support for @-mention directive chips. Drop LexicalComposerInput in place of the default plain-text composer to render mentions and slash commands as inline chips while keeping the underlying message format clean.
Installation
npm install @assistant-ui/react @assistant-ui/react-lexical
Usage
import { ComposerPrimitive } from "@assistant-ui/react";
import { LexicalComposerInput } from "@assistant-ui/react-lexical";
export function Composer() {
return (
<ComposerPrimitive.Root>
<LexicalComposerInput placeholder="Ask anything..." />
<ComposerPrimitive.Send />
</ComposerPrimitive.Root>
);
}
For custom chip rendering, pass a directiveChip render prop. Directives (e.g. @user, /command) survive cursor navigation, selection, and copy/paste as a single unit.
See also
@assistant-ui/react-hook-formfor binding the composer to a form whose fields the assistant can read and fill.
Full reference at assistant-ui.com/docs.