import type { Metadata } from "next";
import RepliesClient from "./replies-client";

export const metadata: Metadata = {
  title: "Saved Replies",
  robots: { index: false, follow: false },
};

// R15 E.8: server shell for the saved-replies CRUD page. Auth + data
// fetching happens client-side via /api/messaging/replies so the page
// stays interactive without round-tripping the server on every edit.
export default function SavedRepliesPage() {
  return (
    <div className="max-w-3xl mx-auto p-6 space-y-6">
      <header>
        <h1 className="text-2xl font-bold text-text">Saved replies</h1>
        <p className="text-sm text-text-muted mt-1">
          Quick canned responses you can drop into a chat. Maximum 30 per
          account.
        </p>
      </header>
      <RepliesClient />
    </div>
  );
}