ChatGPT

1"use client"
2 
3import * as React from "react"
4 
5import {
6  Example,
7  ExampleWrapper,
8} from "@/registry/bases/radix/components/example"
9import { Alert, AlertDescription } from "@/registry/bases/radix/ui/alert"
10import {
11  AlertDialog,
12  AlertDialogAction,
13  AlertDialogCancel,
14  AlertDialogContent,
15  AlertDialogDescription,
16  AlertDialogFooter,
17  AlertDialogHeader,
18  AlertDialogTitle,
19  AlertDialogTrigger,
20} from "@/registry/bases/radix/ui/alert-dialog"
21import { Badge } from "@/registry/bases/radix/ui/badge"
22import { Button } from "@/registry/bases/radix/ui/button"
23import {
24  Card,
25  CardAction,
26  CardContent,
27  CardDescription,
28  CardHeader,
29  CardTitle,
30} from "@/registry/bases/radix/ui/card"
31import {
32  DropdownMenu,
33  DropdownMenuContent,
34  DropdownMenuItem,
35  DropdownMenuLabel,
36  DropdownMenuRadioGroup,
37  DropdownMenuRadioItem,
38  DropdownMenuSeparator,
39  DropdownMenuSub,
40  DropdownMenuSubContent,
41  DropdownMenuSubTrigger,
42  DropdownMenuTrigger,
43} from "@/registry/bases/radix/ui/dropdown-menu"
44import {
45  Field,
46  FieldDescription,
47  FieldGroup,
48  FieldLabel,
49} from "@/registry/bases/radix/ui/field"
50import {
51  InputGroup,
52  InputGroupAddon,
53  InputGroupButton,
54  InputGroupInput,
55  InputGroupTextarea,
56} from "@/registry/bases/radix/ui/input-group"
57import {
58  Item,
59  ItemContent,
60  ItemDescription,
61  ItemTitle,
62} from "@/registry/bases/radix/ui/item"
63import { Kbd } from "@/registry/bases/radix/ui/kbd"
64import {
65  Popover,
66  PopoverContent,
67  PopoverTrigger,
68} from "@/registry/bases/radix/ui/popover"
69import {
70  Tooltip,
71  TooltipContent,
72  TooltipTrigger,
73} from "@/registry/bases/radix/ui/tooltip"
74import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
75 
76export default function ChatGPTBlock() {
77  return (
78    <ExampleWrapper>
79      <PromptForm />
80      <ModelSelector />
81      <GroupChatDialog />
82      <CreateProjectForm />
83    </ExampleWrapper>
84  )
85}
86 
87function PromptForm() {
88  const [dictateEnabled, setDictateEnabled] = React.useState(false)
89 
90  return (
91    <Example title="Prompt Form">
92      <Field>
93        <FieldLabel htmlFor="prompt" className="sr-only">
94          Prompt
95        </FieldLabel>
96        <InputGroup>
97          <InputGroupTextarea id="prompt" placeholder="Ask anything" />
98          <InputGroupAddon align="block-end">
99            <DropdownMenu>
100              <Tooltip>
101                <DropdownMenuTrigger asChild>
102                  <TooltipTrigger asChild>
103                    <InputGroupButton
104// … truncated