روٹنگ

 app/   layout.tsx   page.tsx                 → /+شامل کردہ:   deployments/+شامل کردہ:     page.tsx               → /deployments+شامل کردہ:     [id]/page.tsx          → /deployments/dpl_8fK2+شامل کردہ:   settings/+شامل کردہ:     page.tsx               → /settings

+شامل کردہ: import type { ReactNode } from "react";+شامل کردہ: import { Box, Spacer, Text } from "@textjs/app";+شامل کردہ: import Link from "@textjs/app/link";+شامل کردہ: import { usePathname } from "@textjs/app/navigation";+شامل کردہ: +شامل کردہ: export const metadata = { title: { default: "Acme Deploys", template: "%s · Acme" } };+شامل کردہ: +شامل کردہ: export default function RootLayout({ children }: { children?: ReactNode }) {+شامل کردہ:   const pathname = usePathname();+شامل کردہ:   return (+شامل کردہ:     <Box className="flex-col grow">+شامل کردہ:       <Box className="flex-row h-1 px-1 gap-2">+شامل کردہ:         <Text bold>▼ Acme</Text>+شامل کردہ:         <Text color="subtle">{`acme.local${pathname === "/" ? "" : pathname}`}</Text>+شامل کردہ:         <Spacer />+شامل کردہ:       </Box>+شامل کردہ:       <Box className="flex-row h-1 px-1 gap-3">+شامل کردہ:         <Link href="/" shortcut="1">Overview</Link>+شامل کردہ:         <Link href="/deployments" shortcut="2">Deployments</Link>+شامل کردہ:         <Link href="/settings" shortcut="3">Settings</Link>+شامل کردہ:       </Box>+شامل کردہ:       <Box className="flex-col grow p-1">{children}</Box>+شامل کردہ:     </Box>+شامل کردہ:   );+شامل کردہ: }

-ہٹائے گئے: import { Box, Spacer, Text } from "@textjs/app";+شامل کردہ: import { Box, Spacer, Text, useInput } from "@textjs/app"; import Link from "@textjs/app/link";-ہٹائے گئے: import { usePathname } from "@textjs/app/navigation";+شامل کردہ: import { usePathname, useRouter } from "@textjs/app/navigation";  export default function RootLayout({ children }: { children?: ReactNode }) {   const pathname = usePathname();+شامل کردہ:   const router = useRouter();+شامل کردہ: +شامل کردہ:   useInput((e) => {+شامل کردہ:     if (e.key === "backspace") router.back();+شامل کردہ:   });