hunk.code_window:       >
           {code}
         </div>
         <div className="flex-1">
           <div className="flex flex-col justify-center gap-3 lg:flex-row lg:items-center lg:justify-start">
             <div className="grid w-6 h-6 rounded-full dark:bg-zinc-200 bg-[#313131] place-items-center">
               <p className="font-bold dark:text-[#313131] text-white">{num}</p>
             </div>
             <h2 className="text-xl font-bold lg:text-2xl">{title}</h2>
           </div>
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:           <div className="grid w-6 h-6 rounded-full dark:bg-primary-200 bg-primary place-items-center">
  
hunk.file_path: www/src/components/QuickIntro.tsx
hunk.type: replace
file: <!-- prettier-ignore -->
  ```ts twoslash
  import { initTRPC } from '@trpc/server';
  import z from 'zod';
  
  // ---cut---
  
  const t = initTRPC.create();
  
  export const appRouter = t.router({
    greeting: t.procedure
      .input(z.object({ name: z.string() }))
      .query((req) => {
        const { input } = req;
        //      ^?
        return {
          text: `Hello ${input.name}`,
        };
    }),
  });
  
  export type AppRouter = typeof appRouter;
  ```
  