@mvriu5/payload-ai 0.5.6 → 0.5.9

package/dist/components/Icons.js

@@ -0,0 +1,266 @@
+export function MistralAiIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 256 233",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M186.182 0h46.545v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#f7d046",
+        d: "M209.455 0H256v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M0 0h46.545v46.545H0zm0 46.545h46.545V93.09H0zm0 46.546h46.545v46.545H0zm0 46.545h46.545v46.545H0zm0 46.546h46.545v46.545H0z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#f7d046",
+        d: "M23.273 0h46.545v46.545H23.273z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#f2a73b",
+        d: "M209.455 46.545H256V93.09h-46.545zm-186.182 0h46.545V93.09H23.273z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M139.636 46.545h46.545V93.09h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#f2a73b",
+        d: "M162.909 46.545h46.545V93.09h-46.545zm-93.091 0h46.545V93.09H69.818z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#ee792f",
+        d: "M116.364 93.091h46.545v46.545h-46.545zm46.545 0h46.545v46.545h-46.545zm-93.091 0h46.545v46.545H69.818z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M93.091 139.636h46.545v46.545H93.091z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#eb5829",
+        d: "M116.364 139.636h46.545v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#ee792f",
+        d: "M209.455 93.091H256v46.545h-46.545zm-186.182 0h46.545v46.545H23.273z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M186.182 139.636h46.545v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#eb5829",
+        d: "M209.455 139.636H256v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M186.182 186.182h46.545v46.545h-46.545z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#eb5829",
+        d: "M23.273 139.636h46.545v46.545H23.273z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#ea3326",
+        d: "M209.455 186.182H256v46.545h-46.545zm-186.182 0h46.545v46.545H23.273z"
+    }));
+}
+export function OpenaiIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 256 260",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M239.184 106.203a64.72 64.72 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.72 64.72 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.67 64.67 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.77 64.77 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483m-97.56 136.338a48.4 48.4 0 0 1-31.105-11.255l1.535-.87l51.67-29.825a8.6 8.6 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601M37.158 197.93a48.35 48.35 0 0 1-5.781-32.589l1.534.921l51.722 29.826a8.34 8.34 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803M23.549 85.38a48.5 48.5 0 0 1 25.58-21.333v61.39a8.29 8.29 0 0 0 4.195 7.316l62.874 36.272l-21.845 12.636a.82.82 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405zm179.466 41.695l-63.08-36.63L161.73 77.86a.82.82 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.54 8.54 0 0 0-4.4-7.213m21.742-32.69l-1.535-.922l-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.72.72 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391zM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87l-51.67 29.825a8.6 8.6 0 0 0-4.246 7.367zm11.868-25.58L128.067 97.3l28.188 16.218v32.434l-28.086 16.218l-28.188-16.218z"
+    }));
+}
+export function ClaudeIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 256 257",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        fill: "#d97757",
+        d: "m50.228 170.321l50.357-28.257l.843-2.463l-.843-1.361h-2.462l-8.426-.518l-28.775-.778l-24.952-1.037l-24.175-1.296l-6.092-1.297L0 125.796l.583-3.759l5.12-3.434l7.324.648l16.202 1.101l24.304 1.685l17.629 1.037l26.118 2.722h4.148l.583-1.685l-1.426-1.037l-1.101-1.037l-25.147-17.045l-27.22-18.017l-14.258-10.37l-7.713-5.25l-3.888-4.925l-1.685-10.758l7-7.713l9.397.649l2.398.648l9.527 7.323l20.35 15.75L94.817 91.9l3.889 3.24l1.555-1.102l.195-.777l-1.75-2.917l-14.453-26.118l-15.425-26.572l-6.87-11.018l-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0l10.63 1.426l4.472 3.888l6.61 15.101l10.694 23.786l16.591 32.34l4.861 9.592l2.592 8.879l.973 2.722h1.685v-1.556l1.36-18.211l2.528-22.36l2.463-28.776l.843-8.1l4.018-9.722l7.971-5.25l6.222 2.981l5.12 7.324l-.713 4.73l-3.046 19.768l-5.962 30.98l-3.889 20.739h2.268l2.593-2.593l10.499-13.934l17.628-22.036l7.778-8.749l9.073-9.657l5.833-4.601h11.018l8.1 12.055l-3.628 12.443l-11.342 14.388l-9.398 12.184l-13.48 18.147l-8.426 14.518l.778 1.166l2.01-.194l30.46-6.481l16.462-2.982l19.637-3.37l8.88 4.148l.971 4.213l-3.5 8.62l-20.998 5.184l-24.628 4.926l-36.682 8.685l-.454.324l.519.648l16.526 1.555l7.065.389h17.304l32.21 2.398l8.426 5.574l5.055 6.805l-.843 5.184l-12.962 6.611l-17.498-4.148l-40.83-9.721l-14-3.5h-1.944v1.167l11.666 11.406l21.387 19.314l26.767 24.887l1.36 6.157l-3.434 4.86l-3.63-.518l-23.526-17.693l-9.073-7.972l-20.545-17.304h-1.36v1.814l4.73 6.935l25.017 37.59l1.296 11.536l-1.814 3.76l-6.481 2.268l-7.13-1.297l-14.647-20.544l-15.1-23.138l-12.185-20.739l-1.49.843l-7.194 77.448l-3.37 3.953l-7.778 2.981l-6.48-4.925l-3.436-7.972l3.435-15.749l4.148-20.544l3.37-16.333l3.046-20.285l1.815-6.74l-.13-.454l-1.49.194l-15.295 20.999l-23.267 31.433l-18.406 19.702l-4.407 1.75l-7.648-3.954l.713-7.064l4.277-6.286l25.47-32.405l15.36-20.092l9.917-11.6l-.065-1.686h-.583L44.07 198.125l-12.055 1.555l-5.185-4.86l.648-7.972l2.463-2.593l20.35-13.999z"
+    }));
+}
+export function GoogleGeminiIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 188",
+        ...props
+    }, /*#__PURE__*/ React.createElement("defs", null, /*#__PURE__*/ React.createElement("radialGradient", {
+        id: "SVGPMo0zqwk",
+        cx: "85.738%",
+        cy: "25.354%",
+        r: "103.154%",
+        fx: "85.738%",
+        fy: "25.354%",
+        gradientTransform: "matrix(-.86887 .47915 -.39276 -.66723 1.702 .012)"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#5baeff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#9cbfff"
+    })), /*#__PURE__*/ React.createElement("radialGradient", {
+        id: "SVG6LOdsc2X",
+        cx: "61.879%",
+        cy: "26.683%",
+        r: "80.612%",
+        fx: "61.879%",
+        fy: "26.683%",
+        gradientTransform: "matrix(-.14736 .90946 -.98908 -.1355 .974 -.26)"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#409dff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#64b0ff"
+    })), /*#__PURE__*/ React.createElement("radialGradient", {
+        id: "SVGRoCRHePI",
+        cx: "53.184%",
+        cy: "19.021%",
+        r: "110.789%",
+        fx: "53.184%",
+        fy: "19.021%",
+        gradientTransform: "matrix(-.16226 .97112 -.66046 -.23858 .744 -.28)"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#177cff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#4da4ff"
+    })), /*#__PURE__*/ React.createElement("radialGradient", {
+        id: "SVG8W8bkc7G",
+        cx: "-182.665%",
+        cy: "10.869%",
+        r: "521.404%",
+        fx: "-182.665%",
+        fy: "10.869%",
+        gradientTransform: "matrix(.41608 .16332 -.90933 .07473 -.968 .399)"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#1c7aff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#76a9ff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#8fb9ff"
+    })), /*#__PURE__*/ React.createElement("linearGradient", {
+        id: "SVGKvzpwcOj",
+        x1: "48.887%",
+        x2: "48.887%",
+        y1: "8.809%",
+        y2: "100%"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#076eff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#3e93ff"
+    })), /*#__PURE__*/ React.createElement("linearGradient", {
+        id: "SVGaWXYB1Pi",
+        x1: "13.217%",
+        x2: "78.598%",
+        y1: "0%",
+        y2: "94.201%"
+    }, /*#__PURE__*/ React.createElement("stop", {
+        offset: "0%",
+        stopColor: "#076eff"
+    }), /*#__PURE__*/ React.createElement("stop", {
+        offset: "100%",
+        stopColor: "#69a3ff"
+    }))), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVGPMo0zqwk)",
+        d: "M125.939 126.64q0 26.094-15.482 41.575q-17.395 18.438-45.748 18.438q-27.135 0-45.923-18.786Q0 149.08 0 121.597q0-27.485 18.786-46.27Q37.573 56.54 64.71 56.54q13.741 0 25.918 4.87t20.004 13.742l-11.48 11.48q-5.74-6.957-14.873-10.871t-19.57-3.914q-20.351 0-34.441 14.09q-13.916 14.264-13.916 35.66t13.916 35.659q14.09 14.09 34.442 14.09q18.613 0 30.963-10.437t14.263-28.702H64.71v-14.96h60.36q.87 4.872.87 9.394"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVG6LOdsc2X)",
+        d: "M176.17 96.205q19.152 0 30.485 12.387q11.334 12.388 11.334 34.703l-.176 1.757h-67.648q.352 12.651 8.434 20.382q8.083 7.73 19.328 7.73q15.462 0 24.248-15.461l14.408 7.028q-5.799 10.894-16.077 17.044t-23.282 6.15q-18.976 0-31.276-13.003t-12.299-32.857q0-19.68 11.948-32.77t30.573-13.09m-.351 14.76q-9.137 0-15.726 5.622q-6.59 5.623-8.698 15.11h49.374q-.702-8.96-7.292-14.846t-17.658-5.887"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVGRoCRHePI)",
+        d: "M244.493 184.843h-16.116V99.008h15.416v11.912h.7q3.68-6.306 11.299-10.51q7.62-4.206 15.153-4.205q9.459 0 16.641 4.38q7.182 4.379 10.51 12.086q10.687-16.466 29.605-16.466q14.89 0 22.948 9.11q8.058 9.108 8.058 25.925v53.603h-16.116v-51.15q0-12.088-4.38-17.43q-4.379-5.343-14.714-5.343q-9.285 0-15.59 7.883q-6.307 7.882-6.307 18.568v47.472h-16.116v-51.15q0-12.088-4.38-17.43q-4.379-5.343-14.714-5.343q-9.285 0-15.59 7.883q-6.307 7.882-6.307 18.568z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVGKvzpwcOj)",
+        d: "M393.263 69.216q0 4.737-3.334 8.07q-3.334 3.335-8.071 3.335t-8.071-3.334t-3.334-8.071q0-4.738 3.334-8.071q3.334-3.334 8.07-3.334q4.74 0 8.072 3.334q3.334 3.334 3.334 8.07m-3.334 29.652v85.975h-16.142V98.868z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVG8W8bkc7G)",
+        d: "M512 69.216q0 4.737-3.334 8.07q-3.334 3.335-8.07 3.335q-4.74 0-8.072-3.334q-3.333-3.334-3.334-8.071q0-4.738 3.334-8.071q3.334-3.334 8.071-3.334t8.071 3.334t3.334 8.07m-3.334 29.652v85.975h-16.142V98.868z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "url(#SVGaWXYB1Pi)",
+        d: "M404.004 99.008h15.415v11.912h.7q3.68-6.306 11.3-10.51q7.62-4.206 15.853-4.205q15.765 0 24.261 9.022q8.496 9.02 8.496 25.663v53.953h-16.116v-52.902q-.526-21.021-21.196-21.021q-9.634 0-16.116 7.795t-6.481 18.656v47.472h-16.116z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "#076eff",
+        d: "M348.374 72.76c-2.846-18.788-17.592-33.533-36.38-36.38c18.788-2.847 33.534-17.593 36.38-36.38c2.847 18.787 17.593 33.533 36.38 36.38c-18.787 2.847-33.533 17.592-36.38 36.38"
+    }));
+}
+export function FileDiff(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M14 3v4a1 1 0 0 0 1 1h4"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M12 10l0 4"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M10 12l4 0"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M10 17l4 0"
+    }));
+}
+export function Send(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "icon icon-tabler icons-tabler-outline icon-tabler-send",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M10 14l11 -11"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"
+    }));
+}
+export function Apply(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "icon icon-tabler icons-tabler-outline icon-tabler-check",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M5 12l5 5l10 -10"
+    }));
+}
+export function Reject(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "icon icon-tabler icons-tabler-outline icon-tabler-x",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M18 6l-12 12"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M6 6l12 12"
+    }));
+}

package/dist/components/RecentChangesList.d.ts

@@ -0,0 +1,18 @@
+import type { AIActionProposal } from "./AIActionProposalList.js";
+export type AppliedChange = {
+    action?: AIActionProposal["action"] | null;
+    additions: number;
+    after?: unknown;
+    before?: unknown;
+    collection?: string | null;
+    documentID?: string | null;
+    removals: number;
+    slug?: string | null;
+    title: string;
+    url?: string | null;
+};
+type RecentChangesListProps = {
+    changes: AppliedChange[];
+};
+export declare const RecentChangesList: ({ changes }: RecentChangesListProps) => import("react").JSX.Element;
+export {};

package/dist/components/RecentChangesList.js

@@ -0,0 +1,66 @@
+import { useState } from "react";
+import { DiffDialog } from "./DiffDialog.js";
+import { FileDiff } from "./Icons.js";
+import styles from "./RecentChangesList.module.css";
+import { ExternalLinkIcon } from "@payloadcms/ui";
+const getChangeProposal = (change)=>({
+        action: change.action || "update",
+        collection: change.collection || undefined,
+        id: change.documentID || undefined,
+        label: change.title,
+        slug: change.slug || undefined
+    });
+export const RecentChangesList = ({ changes })=>{
+    const [activeDiff, setActiveDiff] = useState(null);
+    return /*#__PURE__*/ React.createElement("aside", {
+        className: styles.recentChanges
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles.header
+    }, /*#__PURE__*/ React.createElement("h3", {
+        className: styles.title
+    }, "Recent changes")), /*#__PURE__*/ React.createElement("div", {
+        className: styles.list
+    }, changes.length === 0 ? /*#__PURE__*/ React.createElement("div", {
+        className: styles.empty
+    }, "No changes yet.") : changes.map((change, index)=>/*#__PURE__*/ React.createElement("div", {
+            className: styles.item,
+            key: `${change.title}-${index}`
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: styles.titleRow
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: styles.itemTitle
+        }, change.title), change.url ? /*#__PURE__*/ React.createElement("a", {
+            className: styles.ghostButton,
+            href: change.url,
+            rel: "noreferrer noopener",
+            target: "_blank"
+        }, /*#__PURE__*/ React.createElement(ExternalLinkIcon, null)) : null), /*#__PURE__*/ React.createElement("div", {
+            className: styles.stats
+        }, /*#__PURE__*/ React.createElement("code", {
+            className: styles.additions
+        }, "+", change.additions), /*#__PURE__*/ React.createElement("code", {
+            className: styles.removals
+        }, "-", change.removals)), /*#__PURE__*/ React.createElement("button", {
+            className: styles.button,
+            onClick: ()=>{
+                if (change.before === undefined || change.after === undefined) {
+                    return;
+                }
+                setActiveDiff({
+                    diff: {
+                        after: change.after,
+                        before: change.before
+                    },
+                    proposal: getChangeProposal(change)
+                });
+            },
+            type: "button"
+        }, /*#__PURE__*/ React.createElement(FileDiff, {
+            height: 16,
+            width: 16
+        }), "Review")))), activeDiff ? /*#__PURE__*/ React.createElement(DiffDialog, {
+        diff: activeDiff.diff,
+        onClose: ()=>setActiveDiff(null),
+        proposal: activeDiff.proposal
+    }) : null);
+};

package/dist/components/RecentChangesList.module.css

@@ -0,0 +1,135 @@
+.recentChanges {
+    border: 1px solid var(--theme-elevation-150);
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    padding: 16px;
+}
+
+.header {
+    flex: 0 0 auto;
+    margin-bottom: 10px;
+}
+
+.title {
+    font-size: 14px;
+    line-height: 1.3;
+    margin: 0;
+}
+
+.list {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: 8px;
+    max-height: 260px;
+    min-height: 0;
+    overflow: auto;
+    padding-right: 2px;
+}
+
+.empty {
+    color: var(--theme-elevation-500);
+    font-size: 12px;
+    line-height: 1.4;
+}
+
+.item {
+    align-items: center;
+    border: 1px solid var(--theme-elevation-100);
+    border-radius: 4px;
+    display: grid;
+    gap: 8px;
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    padding: 10px;
+}
+
+.titleRow {
+    align-items: center;
+    display: flex;
+    gap: 8px;
+    min-width: 0;
+}
+
+.itemTitle {
+    color: var(--theme-text);
+    flex: 0 1 auto;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 1.4;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.stats {
+    display: flex;
+    gap: 6px;
+    justify-content: flex-end;
+}
+
+.additions,
+.removals {
+    border-radius: 3px;
+    font-size: 11px;
+    line-height: 18px;
+    padding: 0 5px;
+}
+
+.additions {
+    background: rgba(39, 132, 90, 0.16);
+    color: #27845a;
+}
+
+.removals {
+    background: rgba(160, 26, 26, 0.16);
+    color: #a01a1a;
+}
+
+.button {
+    align-items: center;
+    background: var(--theme-elevation-0);
+    border: 1px solid var(--theme-elevation-150);
+    border-radius: 4px;
+    color: var(--theme-text);
+    cursor: pointer;
+    display: inline-flex;
+    font-size: 12px;
+    gap: 6px;
+    justify-content: center;
+    line-height: 24px;
+    min-height: 24px;
+    padding: 0 10px;
+    text-align: center;
+    text-decoration: none;
+}
+
+.button:disabled {
+    color: var(--theme-elevation-400);
+    cursor: not-allowed;
+}
+
+.button svg {
+    color: var(--theme-elevation-500);
+    flex: 0 0 auto;
+}
+
+.ghostButton {
+    color: var(--theme-elevation-500);
+    flex: 0 0 auto;
+    font-size: 12px;
+    line-height: 18px;
+    text-decoration: none;
+}
+
+.ghostButton:hover {
+    text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+    .list {
+        max-height: 220px;
+    }
+}

package/dist/components/hooks/useAISettings.d.ts

@@ -6,5 +6,5 @@ export declare const useAISettings: ({ adminUserSlug, apiRoute, defaultModels, }
 }) => {
     selectedModel: string;
     setSelectedModel: import("react").Dispatch<import("react").SetStateAction<string>>;
-    settingsProvider: "claude" | "google" | "groq" | "mistral" | "openai" | null;
+    settingsProvider: "claude" | "google" | "mistral" | "openai" | null;
 };

package/dist/endpoints/aiApplyActionEndpointHandler.d.ts

@@ -1,6 +1,8 @@
 import type { PayloadHandler } from "payload";
+import { type ResolvedAICollectionPermissionMap } from "../payload/collectionPermissions.js";
 type AIApplyActionEndpointOptions = {
-    collections?: string[];
+    changeLogCollection?: string;
+    collections?: ResolvedAICollectionPermissionMap;
 };
 export declare const createAIApplyActionEndpointHandler: (options?: AIApplyActionEndpointOptions) => PayloadHandler;
 export {};