Add a row action

tappify extension add row-action --name "Explain rank" --table analytics.keywords

{
  "contributes": {
    "rowActions": [
      {
        "id": "explain-rank",
        "title": "Explain rank",
        "entry": "src/row-actions/explain-rank.tsx",
        "table": "analytics.keywords"
      }
    ]
  }
}

import {
  TapButton,
  TapCard,
  useTap,
  useTapServer,
  type TapRowActionProps,
} from "@tappify/extension-sdk";
import "@tappify/extension-sdk/styles.css";

export default function ExplainRank({ row }: TapRowActionProps) {
  const tap = useTap();
  const keyword = typeof row.keyword === "string" ? row.keyword : "";
  const explanation = useTapServer("explainRank", { keyword });

  return (
    <TapCard
      title={`Why "${keyword}" moved`}
      footer={
        <TapButton
          variant="ghost"
          size="sm"
          onClick={() => void tap.ui.copy(explanation.data?.summary ?? "")}
        >
          Copy
        </TapButton>
      }
    >
      {explanation.data?.summary}
    </TapCard>
  );
}