GroupChatDialog() — ui Function Reference

Architecture documentation for the GroupChatDialog() function in chatgpt.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ GroupChatDialog() — ui Function Reference

Dependency Diagram

graph TD
  d22d0c0e_28e6_ae8e_bf02_e6e4d0f357d0["GroupChatDialog()"]
  1a8eb712_9ad3_8ee1_f665_9fe11916369f["chatgpt.tsx"]
  d22d0c0e_28e6_ae8e_bf02_e6e4d0f357d0 -->|defined in| 1a8eb712_9ad3_8ee1_f665_9fe11916369f
  style d22d0c0e_28e6_ae8e_bf02_e6e4d0f357d0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/blocks/chatgpt.tsx lines 385–415

function GroupChatDialog() {
  return (
    <Example title="Group Chat Dialog" className="items-center justify-center">
      <AlertDialog>
        <AlertDialogTrigger render={<Button />}>
          Start Group Chat
        </AlertDialogTrigger>
        <AlertDialogContent>
          <AlertDialogHeader>
            <AlertDialogTitle>Use ChatGPT together</AlertDialogTitle>
            <AlertDialogDescription>
              Add people to your chats to plan, share ideas, and get creative.
            </AlertDialogDescription>
          </AlertDialogHeader>
          <AlertDialogFooter className="flex-row items-center justify-between sm:justify-between">
            <a
              href="#"
              className="text-muted-foreground hover:text-foreground text-sm underline underline-offset-4"
            >
              Learn more
            </a>
            <div className="flex gap-2">
              <AlertDialogCancel>Cancel</AlertDialogCancel>
              <AlertDialogAction>Start group chat</AlertDialogAction>
            </div>
          </AlertDialogFooter>
        </AlertDialogContent>
      </AlertDialog>
    </Example>
  )
}