ניתוב

 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();+נוסף:   });