@mvriu5/payload-ai 0.5.9 → 0.5.10

package/dist/components/Icons.js

@@ -51,6 +51,8 @@ export function OpenaiIcon(props) {
     return /*#__PURE__*/ React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 256 260",
+        fill: "currentColor",
+        stroke: "currentColor",
         ...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"
@@ -177,6 +179,29 @@ export function GoogleGeminiIcon(props) {
         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 OpenrouterIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "512",
+        height: "512",
+        viewBox: "0 0 512 512",
+        fill: "currentColor",
+        stroke: "currentColor",
+        ...props
+    }, /*#__PURE__*/ React.createElement("g", {
+        clipPath: "url(#clip0_205_3)"
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M3 248.945C18 248.945 76 236 106 219C136 202 136 202 198 158C276.497 102.293 332 120.945 423 120.945",
+        strokeWidth: "90"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M511 121.5L357.25 210.268L357.25 32.7324L511 121.5Z"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M0 249C15 249 73 261.945 103 278.945C133 295.945 133 295.945 195 339.945C273.497 395.652 329 377 420 377",
+        strokeWidth: "90"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M508 376.445L354.25 287.678L354.25 465.213L508 376.445Z"
+    })));
+}
 export function FileDiff(props) {
     return /*#__PURE__*/ React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -212,7 +237,6 @@ export function Send(props) {
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-send",
         ...props
     }, /*#__PURE__*/ React.createElement("path", {
         stroke: "none",
@@ -233,7 +257,6 @@ export function Apply(props) {
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-check",
         ...props
     }, /*#__PURE__*/ React.createElement("path", {
         stroke: "none",
@@ -252,7 +275,6 @@ export function Reject(props) {
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-x",
         ...props
     }, /*#__PURE__*/ React.createElement("path", {
         stroke: "none",
@@ -264,3 +286,87 @@ export function Reject(props) {
         d: "M6 6l12 12"
     }));
 }
+export function Collection(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: "M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"
+    }));
+}
+export function Document(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"
+    }));
+}
+export function Global(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: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M3.6 9h16.8"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M3.6 15h16.8"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M11.5 3a17 17 0 0 0 0 18"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M12.5 3a17 17 0 0 1 0 18"
+    }));
+}
+export function Block(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 4a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1l0 -5"
+    }), /*#__PURE__*/ React.createElement("path", {
+        d: "M3 14h12a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h3a2 2 0 0 1 2 2v12"
+    }));
+}

package/dist/components/MentionPopover.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from "react";
+import type { RefObject } from "react";
+export type MentionOption = {
+    collection?: string;
+    id?: string;
+    isDefault?: boolean;
+    label: string;
+    parent?: string;
+    slug: string;
+    type: "block" | "collection" | "doc" | "global" | "locale";
+};
+type MentionPopoverProps = {
+    containerRef?: RefObject<HTMLDivElement | null>;
+    suggestions: MentionOption[];
+    onSelect: (suggestion: MentionOption) => void;
+    style?: CSSProperties;
+};
+export declare const MentionPopover: ({ containerRef, onSelect, style, suggestions }: MentionPopoverProps) => import("react").JSX.Element | null;
+export {};

package/dist/components/{CollectionMentionPopover.js → MentionPopover.js}

@@ -1,11 +1,11 @@
-import styles from "./CollectionMentionPopover.module.css";
+import styles from "./MentionPopover.module.css";
 const suggestionGroups = [
     {
         label: "Collections",
         type: "collection"
     },
     {
-        label: "Collection items",
+        label: "Documents",
         type: "doc"
     },
     {
@@ -15,21 +15,27 @@ const suggestionGroups = [
     {
         label: "Blocks",
         type: "block"
+    },
+    {
+        label: "Locales",
+        type: "locale"
     }
 ];
 const getSuggestionTitle = (suggestion)=>{
     if (suggestion.type === "collection") return `@${suggestion.slug}`;
     if (suggestion.type === "global") return `@${suggestion.slug}`;
     if (suggestion.type === "block") return `@${suggestion.slug}`;
+    if (suggestion.type === "locale") return `@${suggestion.slug}`;
     return suggestion.label;
 };
 const getSuggestionLabel = (suggestion)=>{
     if (suggestion.type === "collection") return suggestion.label;
     if (suggestion.type === "global") return "global";
     if (suggestion.type === "block") return `${suggestion.parent} block`;
+    if (suggestion.type === "locale") return suggestion.isDefault ? "default locale" : "locale";
     return `${suggestion.collection} item`;
 };
-export const CollectionMentionPopover = ({ containerRef, onSelect, suggestions })=>{
+export const MentionPopover = ({ containerRef, onSelect, style, suggestions })=>{
     if (suggestions.length === 0) return null;
     const onKeyDown = (event, suggestion)=>{
         if (event.key === "Enter" || event.key === " ") {
@@ -53,7 +59,8 @@ export const CollectionMentionPopover = ({ containerRef, onSelect, suggestions }
     };
     return /*#__PURE__*/ React.createElement("div", {
         className: styles.popover,
-        ref: containerRef
+        ref: containerRef,
+        style: style
     }, suggestionGroups.map((group)=>{
         const groupSuggestions = suggestions.filter((s)=>s.type === group.type);
         if (groupSuggestions.length === 0) return null;

package/dist/components/{CollectionMentionPopover.module.css → MentionPopover.module.css}

@@ -3,14 +3,12 @@
     border: 1px solid var(--theme-elevation-150);
     border-radius: 6px;
     box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
-    left: 0;
     max-height: 220px;
     max-width: calc(100% - 96px);
     min-width: 260px;
     overflow: auto;
     padding: 6px;
     position: absolute;
-    top: calc(100% + 6px);
     z-index: 10;
 }
 

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

@@ -1,10 +1,12 @@
 import { type AIProvider } from "../../ai/providerOptions.js";
-export declare const useAISettings: ({ adminUserSlug, apiRoute, defaultModels, }: {
+interface UseAISettingsOptions {
     adminUserSlug?: string;
     apiRoute: string;
     defaultModels: Record<AIProvider, string>;
-}) => {
+}
+export declare const useAISettings: ({ adminUserSlug, apiRoute, defaultModels }: UseAISettingsOptions) => {
     selectedModel: string;
-    setSelectedModel: import("react").Dispatch<import("react").SetStateAction<string>>;
-    settingsProvider: "claude" | "google" | "mistral" | "openai" | null;
+    setSelectedModel: (model: string) => void;
+    settingsProvider: "claude" | "google" | "mistral" | "openai" | "openrouter" | null;
 };
+export {};

package/dist/components/hooks/useAISettings.js

@@ -2,10 +2,25 @@
 import { formatAdminURL } from "payload/shared";
 import { useEffect, useState } from "react";
 import { isAIProvider } from "../../ai/providerOptions.js";
-import { isAbortError } from "./utils.js";
+import { isAbortError } from "../../payload/shared.js";
+const getStoredModelKey = (provider)=>`payload-ai:selected-model:${provider}`;
+const getStoredModel = (provider)=>{
+    if (typeof window === "undefined") return null;
+    return window.localStorage.getItem(getStoredModelKey(provider));
+};
+const storeModel = (provider, model)=>{
+    if (typeof window === "undefined") return;
+    window.localStorage.setItem(getStoredModelKey(provider), model);
+};
 export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
     const [settingsProvider, setSettingsProvider] = useState(null);
     const [selectedModel, setSelectedModel] = useState("");
+    const setStoredSelectedModel = (model)=>{
+        setSelectedModel(model);
+        if (settingsProvider && model) {
+            storeModel(settingsProvider, model);
+        }
+    };
     useEffect(()=>{
         if (!adminUserSlug) {
             setSettingsProvider(null);
@@ -34,7 +49,7 @@ export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
                     return;
                 }
                 setSettingsProvider(provider);
-                setSelectedModel(defaultModels[provider]);
+                setSelectedModel(getStoredModel(provider) || defaultModels[provider]);
             } catch (err) {
                 if (isAbortError(err)) return;
                 setSettingsProvider(null);
@@ -50,7 +65,7 @@ export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
     ]);
     return {
         selectedModel,
-        setSelectedModel,
+        setSelectedModel: setStoredSelectedModel,
         settingsProvider
     };
 };

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

@@ -1,4 +1,4 @@
-import type { CollectionMentionOption } from "../CollectionMentionPopover.js";
+import type { MentionOption } from "../MentionPopover.js";
 type MentionRange = {
     end: number;
     start: number;
@@ -9,8 +9,8 @@ interface DocumentMentionSuggestions {
     mentionQuery: string;
     mentionRange: MentionRange | null;
 }
-export declare const useDocumentMentionSuggestions: ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange, }: DocumentMentionSuggestions) => {
-    documentSuggestions: CollectionMentionOption[];
+export declare const useDocumentMentionSuggestions: ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange }: DocumentMentionSuggestions) => {
+    documentSuggestions: MentionOption[];
     resetDocumentSuggestions: () => void;
 };
 export {};

package/dist/components/hooks/useDocumentMentionSuggestions.js

@@ -1,7 +1,7 @@
 "use client";
 import { formatAdminURL } from "payload/shared";
 import { useEffect, useState } from "react";
-import { isAbortError } from "./utils.js";
+import { isAbortError } from "../../payload/shared.js";
 export const useDocumentMentionSuggestions = ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange })=>{
     const [documentSuggestions, setDocumentSuggestions] = useState([]);
     useEffect(()=>{
@@ -15,7 +15,7 @@ export const useDocumentMentionSuggestions = ({ apiRoute, documentSuggestionColl
             try {
                 const res = await fetch(formatAdminURL({
                     apiRoute,
-                    path: "/ai-mention-suggestions"
+                    path: "/ai-mention-suggestion"
                 }), {
                     body: JSON.stringify({
                         collectionSlug: documentSuggestionCollection,

package/dist/exports/client.d.ts

@@ -1,2 +1,4 @@
-export { AIInput } from "../components/AIInput.js";
-export { AIApiKeyField } from "../components/AIApiKeyField.js";
+import AIInput from "../components/AIInput.js";
+import APIKeyField from "../components/APIKeyField.js";
+export { AIInput };
+export { APIKeyField as AIApiKeyField };

package/dist/exports/client.js

@@ -1,2 +1,4 @@
-export { AIInput } from "../components/AIInput.js";
-export { AIApiKeyField } from "../components/AIApiKeyField.js";
+import AIInput from "../components/AIInput.js";
+import APIKeyField from "../components/APIKeyField.js";
+export { AIInput };
+export { APIKeyField as AIApiKeyField };

package/dist/handlers/applyActionHandler.d.ts

@@ -0,0 +1,8 @@
+import type { PayloadHandler } from "payload";
+import { type ResolvedCollectionPermissionMap } from "../payload/collectionPermissions.js";
+type ApplyActionOptions = {
+    changeLogCollection?: string;
+    collections?: ResolvedCollectionPermissionMap;
+};
+export declare const createApplyActionHandler: (options?: ApplyActionOptions) => PayloadHandler;
+export {};