chat.tsx — ui Source File

Architecture documentation for chat.tsx, a tsx file in the ui codebase. 10 imports, 0 dependents.

File tsx Internationalization RTLLayout 10 imports 1 functions

Entity Profile

Internationalization→ RTLLayout→ chat.tsx — ui Source File

Dependency Diagram

graph LR
  0581b220_48ec_05d9_086f_1c4a1625e682["chat.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  550576ca_32fe_8288_72d6_10281189833b["avatar"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 550576ca_32fe_8288_72d6_10281189833b
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  ea5fe791_bf71_2e59_8da4_433dcd06ee7b["command"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> ea5fe791_bf71_2e59_8da4_433dcd06ee7b
  0896a8fa_5462_a73a_5add_fb8176921778["dialog"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 0896a8fa_5462_a73a_5add_fb8176921778
  41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b["input-group"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> 41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b
  a2518e24_160d_3f8f_bb12_2206d8e84ab8["tooltip"]
  0581b220_48ec_05d9_086f_1c4a1625e682 --> a2518e24_160d_3f8f_bb12_2206d8e84ab8
  style 0581b220_48ec_05d9_086f_1c4a1625e682 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { ArrowUpIcon, CheckIcon, PlusIcon } from "lucide-react"

import { cn } from "@/lib/utils"
import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/registry/new-york-v4/ui/avatar"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardContent,
  CardFooter,
  CardHeader,
} from "@/registry/new-york-v4/ui/card"
import {
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
} from "@/registry/new-york-v4/ui/command"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/registry/new-york-v4/ui/dialog"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
} from "@/registry/new-york-v4/ui/input-group"
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/registry/new-york-v4/ui/tooltip"

const users = [
  {
    name: "Olivia Martin",
    email: "m@example.com",
    avatar: "/avatars/01.png",
  },
  {
    name: "Isabella Nguyen",
    email: "isabella.nguyen@email.com",
    avatar: "/avatars/03.png",
  },
  {
    name: "Emma Wilson",
// ... (214 more lines)