Skip to content

Registry

Field Value
Name super-assist
Items assisted-panel, assisted-cards
Install npx shadcn@latest add https://super-assist.dogar.biz/r/<item>.json
Homepage super-assist.dogar.biz
Source apps/site/registry.json, built into public/r/ with the site

The assistant’s panel, floating, as a sheet beside the page or embedded, and a trigger that opens it.

Field Value
Type registry:component
File assisted-panel.tsx, installed as components/assisted-panel.tsx
Dependencies @ark-ui/react, @assistant-ui/react, @super-assist/react, lucide-react
Registry dependencies button, native-select, @assistant-ui/thread
Imports @/components/assistant-ui/elements/thread.aui, @/components/ui/button, @/components/ui/native-select, @/lib/utils

It exports AssistedPanel, its props type AssistedPanelProps, and AssistedTrigger. Their props, modes and states are on AssistedPanel and AssistedTrigger.

Styles for the link, choices and confirm cards @super-assist/react renders in the thread.

Field Value
Type registry:component
Files None. Its css field adds rules to the project’s global CSS in @layer components.
Selector Styles
[data-assisted-links] A column of link cards. Each li is a bordered card whose whole area is the link. p is the muted gist.
[data-assisted-choices], [data-assisted-confirm] A bordered card with the question or label on its own line and buttons beside each other.
button[data-picked], [data-answer=approve] The primary color: the picked choice and Approve.
Disabled buttons Half opacity, no pointer events.

The DOM the cards render is in Model context. Each card has a page: Confirm card, Links card and Choices card.