app-sidebar.tsx — ui Source File
Architecture documentation for app-sidebar.tsx, a tsx file in the ui codebase. 7 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 0820f7a6_56f5_76e1_c4f9_4f7788f252d1["app-sidebar.tsx"] 1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2 d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 0ecc4349_6813_45f2_72cf_45c4e111551a["nav-main"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> 0ecc4349_6813_45f2_72cf_45c4e111551a 306c5048_f612_61aa_dae6_244b080ae547["nav-projects"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> 306c5048_f612_61aa_dae6_244b080ae547 e653fffb_815a_f22b_94e5_b61ce911a8be["nav-user"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> e653fffb_815a_f22b_94e5_b61ce911a8be d5c5fa07_8976_8aed_2ec3_ae92701656b8["team-switcher"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> d5c5fa07_8976_8aed_2ec3_ae92701656b8 6ff5c02b_2b25_4633_4ccd_fd28f2f55862["sidebar"] 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 --> 6ff5c02b_2b25_4633_4ccd_fd28f2f55862 style 0820f7a6_56f5_76e1_c4f9_4f7788f252d1 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
"use client"
import * as React from "react"
import {
AudioWaveform,
BookOpen,
Bot,
Command,
Frame,
GalleryVerticalEnd,
Map,
PieChart,
Settings2,
SquareTerminal,
} from "lucide-react"
import { NavMain } from "@/registry/new-york/blocks/sidebar-07/components/nav-main"
import { NavProjects } from "@/registry/new-york/blocks/sidebar-07/components/nav-projects"
import { NavUser } from "@/registry/new-york/blocks/sidebar-07/components/nav-user"
import { TeamSwitcher } from "@/registry/new-york/blocks/sidebar-07/components/team-switcher"
import {
Sidebar,
SidebarContent,
SidebarFooter,
SidebarHeader,
SidebarRail,
} from "@/registry/new-york/ui/sidebar"
// This is sample data.
const data = {
user: {
name: "shadcn",
email: "m@example.com",
avatar: "/avatars/shadcn.jpg",
},
teams: [
{
name: "Acme Inc",
logo: GalleryVerticalEnd,
plan: "Enterprise",
},
{
name: "Acme Corp.",
logo: AudioWaveform,
plan: "Startup",
},
{
name: "Evil Corp.",
logo: Command,
plan: "Free",
},
],
navMain: [
{
title: "Playground",
url: "#",
icon: SquareTerminal,
isActive: true,
items: [
{
// ... (116 more lines)
Domain
Subdomains
Functions
Dependencies
- lucide-react
- nav-main
- nav-projects
- nav-user
- react
- sidebar
- team-switcher
Source
Frequently Asked Questions
What does app-sidebar.tsx do?
app-sidebar.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in app-sidebar.tsx?
app-sidebar.tsx defines 1 function(s): AppSidebar.
What does app-sidebar.tsx depend on?
app-sidebar.tsx imports 7 module(s): lucide-react, nav-main, nav-projects, nav-user, react, sidebar, team-switcher.
Where is app-sidebar.tsx in the architecture?
app-sidebar.tsx is located at deprecated/www/registry/new-york/blocks/sidebar-07/components/app-sidebar.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/blocks/sidebar-07/components).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free