Shipped Building Next DeclinedPRO

npx shadcn add "https://ui.beste.co/r/changelog29?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://ui.beste.co/r-base/changelog29?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Changelog29, changelog29Demo } from "@/components/beste/block/changelog29";

export default function RoadmapPage() {
  return <Changelog29 {...changelog29Demo} />;
}

import { Changelog29 } from "@/components/beste/block/changelog29";

export default function RoadmapPage() {
  return (
    <Changelog29
      badge={{ label: "Where things stand" }}
      heading="Shipped, building, next, and the ones we said no to"
      description="The fourth column is the one nobody publishes."
      columns={[
        {
          label: "Shipped this quarter",
          summary: "Out and running in every practice.",
          state: "shipped",
          items: [
            {
              title: "Shared waiting list across sites",
              detail: "Eleven weeks of testing with three practices.",
              meta: "v3.4.0, 14 May",
              askedBy: "Asked for by Fenwick Group",
            },
          ],
        },
        {
          label: "Said no to",
          summary: "With the reasoning, so you can argue back.",
          state: "declined",
          items: [
            {
              title: "Editable audit log retention",
              detail: "An audit log you can shorten is not an audit log.",
              meta: "Declined 12 May",
            },
          ],
        },
      ]}
      footnote="Anything asked for by a named practice keeps that credit through to the release note."
      button={{ label: "Ask for something", href: "/feedback" }}
    />
  );
}

type State = "shipped" | "building" | "next" | "declined";

type ActionLink = {
  label: string;
  href: string;
};

type Item = {
  title: string;
  detail: string;
  meta: string;
  askedBy?: string;
};

type Column = {
  label: string;
  summary: string;
  state: State;
  items: Item[];
};