ui Architecture Docs
Home / File/ chat-settings.tsx — ui Source File

chat-settings.tsx — ui Source File

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

File tsx DocumentationAtlas SearchAPI 12 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  b7cd9c33_4461_4f6a_58c0_7ce867d62437["chat-settings.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 57e86e45_ac6e_7278_be08_9092724e8401
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b["input-group"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b
  eef72ee8_5107_2380_708f_cd0adbb65f49["kbd"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> eef72ee8_5107_2380_708f_cd0adbb65f49
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9["switch"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> 38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9
  ceb41313_de2c_98d6_0449_ab5301fbc3d3["tabs"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> ceb41313_de2c_98d6_0449_ab5301fbc3d3
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  a2518e24_160d_3f8f_bb12_2206d8e84ab8["tooltip"]
  b7cd9c33_4461_4f6a_58c0_7ce867d62437 --> a2518e24_160d_3f8f_bb12_2206d8e84ab8
  style b7cd9c33_4461_4f6a_58c0_7ce867d62437 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useState } from "react"
import { CircleIcon, InfoIcon } from "lucide-react"

import { Button } from "@/registry/new-york-v4/ui/button"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldSeparator,
  FieldSet,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
} from "@/registry/new-york-v4/ui/input-group"
import { Kbd } from "@/registry/new-york-v4/ui/kbd"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectSeparator,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import { Switch } from "@/registry/new-york-v4/ui/switch"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york-v4/ui/tabs"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/registry/new-york-v4/ui/tooltip"

const spokenLanguages = [
  { label: "English", value: "en" },
  { label: "Spanish", value: "es" },
  { label: "French", value: "fr" },
  { label: "German", value: "de" },
  { label: "Italian", value: "it" },
  { label: "Portuguese", value: "pt" },
  { label: "Russian", value: "ru" },
  { label: "Chinese", value: "zh" },
  { label: "Japanese", value: "ja" },
  { label: "Korean", value: "ko" },
  { label: "Arabic", value: "ar" },
  { label: "Hindi", value: "hi" },
  { label: "Bengali", value: "bn" },
// ... (404 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • checkbox
  • field
  • input-group
  • kbd
  • lucide-react
  • react
  • select
  • switch
  • tabs
  • textarea
  • tooltip

Source

Frequently Asked Questions

What does chat-settings.tsx do?
chat-settings.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in chat-settings.tsx?
chat-settings.tsx defines 1 function(s): ChatSettings.
What does chat-settings.tsx depend on?
chat-settings.tsx imports 12 module(s): button, checkbox, field, input-group, kbd, lucide-react, react, select, and 4 more.
Where is chat-settings.tsx in the architecture?
chat-settings.tsx is located at apps/v4/app/(internal)/sink/(pages)/forms/chat-settings.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/(pages)/forms).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free