ui Architecture Docs
Home / File/ page.tsx — ui Source File

page.tsx — ui Source File

Architecture documentation for page.tsx, a tsx file in the ui codebase. 6 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c["page.tsx"]
  3e20cbd0_de37_3281_abf0_d0e03171199f["appearance-settings"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> 3e20cbd0_de37_3281_abf0_d0e03171199f
  2582c87a_b652_0867_31bc_644ca438434f["chat-settings"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> 2582c87a_b652_0867_31bc_644ca438434f
  40a02b8b_2b90_872c_1a77_4c39cac8e0ad["display-settings"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> 40a02b8b_2b90_872c_1a77_4c39cac8e0ad
  3b83dba6_50b0_bc1c_e0c2_43bf6fe78e16["notion-prompt-form"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> 3b83dba6_50b0_bc1c_e0c2_43bf6fe78e16
  d7620f75_776b_7b67_4331_d548624d107f["ship-registration-form"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> d7620f75_776b_7b67_4331_d548624d107f
  6f14f1ad_61b0_1276_65fe_dc894504a1b5["shipping-form"]
  0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c --> 6f14f1ad_61b0_1276_65fe_dc894504a1b5
  style 0a7aee1d_6bf7_3c41_b3fb_d30bba86b63c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { AppearanceSettings } from "@/app/(internal)/sink/(pages)/forms/appearance-settings"
import { ChatSettings } from "@/app/(internal)/sink/(pages)/forms/chat-settings"
import { DisplaySettings } from "@/app/(internal)/sink/(pages)/forms/display-settings"
import { NotionPromptForm } from "@/app/(internal)/sink/(pages)/forms/notion-prompt-form"
import { ShipRegistrationForm } from "@/app/(internal)/sink/(pages)/forms/ship-registration-form"
import { ShippingForm } from "@/app/(internal)/sink/(pages)/forms/shipping-form"

export default function FormsPage() {
  return (
    <div className="@container flex flex-1 flex-col gap-12 p-4">
      <div className="grid flex-1 gap-12 @3xl:grid-cols-2 @5xl:grid-cols-3 @[120rem]:grid-cols-4 [&>div]:max-w-lg">
        <div className="flex flex-col gap-12">
          <NotionPromptForm />
          <ChatSettings />
        </div>
        <div className="flex flex-col gap-12">
          <AppearanceSettings />
        </div>
        <div className="flex flex-col gap-12">
          <DisplaySettings />
        </div>
        <div className="flex flex-col gap-12">
          <ShippingForm />
        </div>
        <div className="col-span-2 flex flex-col gap-12">
          <ShipRegistrationForm />
        </div>
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • appearance-settings
  • chat-settings
  • display-settings
  • notion-prompt-form
  • ship-registration-form
  • shipping-form

Source

Frequently Asked Questions

What does page.tsx do?
page.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 page.tsx?
page.tsx defines 1 function(s): FormsPage.
What does page.tsx depend on?
page.tsx imports 6 module(s): appearance-settings, chat-settings, display-settings, notion-prompt-form, ship-registration-form, shipping-form.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/app/(internal)/sink/(pages)/forms/page.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