Chat History Payload Formatter

[
  {
    "role": "system",
    "content": "You are an expert TypeScript and Next.js architect. Always return production-ready code."
  },
  {
    "role": "user",
    "content": "How do I handle server actions in Next.js 14?"
  },
  {
    "role": "assistant",
    "content": "Next.js 14 Server Actions allow you to run asynchronous server code directly from components.\n\nHere is a basic example:\n\n```tsx\n'use server'\n\nexport async function updateUser(formData: FormData) {\n  const name = formData.get('name');\n  await db.user.update({ where: { id: 1 }, data: { name } });\n}\n```"
  },
  {
    "role": "user",
    "content": "Thanks! Can I invoke this inside a form element?"
  },
  {
    "role": "assistant",
    "content": "Yes, pass it directly to the `action` attribute of any `<form>` tag!"
  }
]