Ui

Functions

Functions

toast

Signature:

toast({ ...props }: Toast): { id: string; dismiss: () => void; update: (props: ToasterToast) => void; }

Parameters:

ParameterTypeRequiredDescription
{ ...props }ToastYes

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:

ParameterTypeRequiredDescription
inputsClassValue[]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:

ParameterTypeRequiredDescription
`{
entityType,
entityTitle,
entityId,
variant = 'secondary',
size = 'sm',
className,
onClick,
}`ScopeBadgePropsYes

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:

ParameterTypeRequiredDescription
{ className, variant, ...props }BadgePropsYes

Returns:

import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -

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:

ParameterTypeRequiredDescription
`{
...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 -

Signature:

MenubarGroup({
  ...props
}: MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element

Parameters:

ParameterTypeRequiredDescription
`{
...props
}`MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>Yes

Returns:

import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -

Signature:

MenubarPortal({
  ...props
}: MenubarPrimitive.MenubarPortalProps): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element

Parameters:

ParameterTypeRequiredDescription
`{
...props
}`MenubarPrimitive.MenubarPortalPropsYes

Returns:

import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -

Signature:

MenubarRadioGroup({
  ...props
}: MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element

Parameters:

ParameterTypeRequiredDescription
`{
...props
}`MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>Yes

Returns:

import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element -

Signature:

MenubarSub({
  ...props
}: MenubarPrimitive.MenubarSubProps): import("/Users/sthornock/code/epic/epic-flowstate/node_modules/@types/react/jsx-runtime").JSX.Element

Parameters:

ParameterTypeRequiredDescription
`{
...props
}`MenubarPrimitive.MenubarSubPropsYes

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:

ParameterTypeRequiredDescription
`{
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 -

Previous
Types