Zones give every window a home
Carve the screen into named areas, like Code, Terminal and Review. Drag a window near one and Mosaïk pulls it in. Open a project and everything lands where you left it.
- Zones belong to the project, not the monitor
- Every window wears its zone’s colour, so you can tell at a glance
- Works across multiple displays
Code
checkout.tsx - shop - Code
SHOP
app
checkout
page.tsx
checkout.tsx
components
button.tsx
price.tsx
lib
cart.ts
money.ts
pay.ts
checkout.tsx
cart.ts
pay.ts
app checkout checkout.tsx
1import { useState } from "react"
2import { useRouter } from "next/navigation"
3import { useCart } from "@/lib/cart"
4import { formatPrice } from "@/lib/money"
5
6export function Checkout() {
7 const router = useRouter()
8 const { items, total } = useCart()
9 const [status, setStatus] = useState<"idle" | "paying">("idle")
10
11 async function pay() {
12 setStatus("paying")
13 const res = await fetch("/api/pay", {
14 method: "POST",
15 body: JSON.stringify({ items, total }),
16 })
17 if (!res.ok) throw new Error("Payment failed")
18 router.push("/thanks")
19 }
20
21 return (
22 <button onClick={pay} disabled={status === "paying"}>
23 Pay {formatPrice(total)}
24 </button>
25 )
26}
feat/checkoutLn 17, Col 40 TypeScript React
Terminal
>_ PowerShell
Ubuntu
shop on feat/checkout ❯ npm run dev
▲ Next.js 16
- Local: http://localhost:3000
✓ Ready in 842ms
○ Compiling /checkout ...
✓ Compiled /checkout in 311ms
GET /checkout 200 in 38ms
POST /api/pay 200 in 112ms
GET /thanks 200 in 21ms
shop on feat/checkout ❯
Release to place in Review
Review
Add one-tap checkout #482
git.acme.dev/shop/pull/482/files
SAdd one-tap checkout #482
Openana wants to merge 3 commits into
main from feat/checkoutConversation 4Commits 3Checks 6Files changed 5
lib/cart.ts+14 −3
41 export function total(items: Item[]) {
42- return items.reduce((s, i) => s + i.price, 0)
43+ const sum = items.reduce((s, i) => s + i.price * i.qty, 0)
44+ return Math.round(sum * 100) / 100
45 }
46
47+export const SHIPPING_FREE_OVER = 75
All checks have passed 6 successful checks