Ui
Functions
Functions
toast
Signature:
toast({ ...props }: Toast): { id: string; dismiss: () => void; update: (props: ToasterToast) => void; }
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
{ ...props } | Toast | Yes |
Returns:
{ id: string; dismiss: () => void; update: (props: ToasterToast) => void; } -
useToast
Signature:
useToast(): { toast: typeof toast; dismiss: (toastId?: string) => void; toasts: ToasterToast[]; }
Returns:
{ toast: typeof toast; dismiss: (toastId?: string) => void; toasts: ToasterToast[]; } -
cn
Combines class names using clsx and tailwind-merge This is the standard shadcn/ui utility function
Signature:
cn(inputs?: ClassValue[]): string
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
inputs | ClassValue[] | No |
Returns:
string -
ScopeBadge
ScopeBadge component displays a badge indicating the scope context of a conversation.
Features:
- Shows entity type icon (Folder for projects, Flag for milestones, etc.)
- Displays a pin icon to indicate the conversation is scoped
- Supports interactive mode with click handler
- Multiple sizes and variants
Signature:
ScopeBadge({
entityType,
entityTitle,
entityId,
variant = 'secondary',
size = 'sm',
className,
onClick,
}: ScopeBadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| entityType, | |||
| entityTitle, | |||
| entityId, | |||
| variant = 'secondary', | |||
| size = 'sm', | |||
| className, | |||
| onClick, | |||
| }` | ScopeBadgeProps | Yes |
Returns:
React.ReactElement<unknown, string \| React.JSXElementConstructor<any>> -
Examples:
// Project scope badge
<ScopeBadge entityType="project" entityTitle="Website Redesign" />
// Interactive task badge
<ScopeBadge
entityType="task"
entityTitle="Implement login"
onClick={() => navigateToTask(taskId)}
/>
Badge
Signature:
Badge({ className, variant, ...props }: BadgeProps): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, variant, ...props } | BadgeProps | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
MenubarMenu
Signature:
MenubarMenu({
...props
}: MenubarPrimitive.MenubarMenuProps & { __scopeMenubar?: import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@radix-ui/react-context/dist/index").Scope; }): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| ...props | |||
| }` | MenubarPrimitive.MenubarMenuProps & { __scopeMenubar?: import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@radix-ui/react-context/dist/index").Scope; } | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
MenubarGroup
Signature:
MenubarGroup({
...props
}: MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| ...props | |||
| }` | MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement> | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
MenubarPortal
Signature:
MenubarPortal({
...props
}: MenubarPrimitive.MenubarPortalProps): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| ...props | |||
| }` | MenubarPrimitive.MenubarPortalProps | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
MenubarRadioGroup
Signature:
MenubarRadioGroup({
...props
}: MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| ...props | |||
| }` | MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement> | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
MenubarSub
Signature:
MenubarSub({
...props
}: MenubarPrimitive.MenubarSubProps): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| ...props | |||
| }` | MenubarPrimitive.MenubarSubProps | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
Skeleton
Signature:
Skeleton({
className,
...props
}: import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/index").HTMLAttributes<HTMLDivElement>): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
| `{ | |||
| className, | |||
| ...props | |||
| }` | import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/index").HTMLAttributes<HTMLDivElement> | Yes |
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -
Toaster
Signature:
Toaster(): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element
Returns:
import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -