@payloadcms/plugin-mcp 4.0.0-canary.1 → 4.0.0-canary.2

package/dist/components/AccessField/index.client.js

@@ -1,9 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckboxInput, Collapsible, useField } from '@payloadcms/ui';
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckboxInput, Collapsible, Tabs, useField, useTranslation } from '@payloadcms/ui';
+import React, { useState } from 'react';
 import './index.css';
 const baseClass = 'mcp-access-field';
+const LEAF_GROUP_KEYS = [
+    'operations',
+    'auth',
+    'custom'
+];
 /** Drop a key from an object and return a new object — or `undefined` if it'd be empty. */ const without = (obj, key)=>{
     if (!obj || !(key in obj)) {
         return obj;
@@ -19,14 +24,19 @@ export const AccessField = ({ path, pluginConfig })=>{
     const { setValue, value } = useField({
         path
     });
+    const { t } = useTranslation();
+    const [activeTab, setActiveTab] = useState(null);
     const access = value ?? {};
-    // Bucket items for rendering. (Bucketing is cheap and runs once per render;
-    // memoizing would mean managing inputs/refs for marginal benefit.)
+    const leafGroupLabels = {
+        auth: t('plugin-mcp:authentication'),
+        custom: t('general:custom'),
+        operations: t('plugin-mcp:operations')
+    };
     const collectionsBySlug = {};
     const globalsBySlug = {};
-    const tools = [];
     const prompts = [];
     const resources = [];
+    const tools = [];
     for (const item of pluginConfig.items){
         switch(item.type){
             case 'collectionTool':
@@ -90,216 +100,148 @@ export const AccessField = ({ path, pluginConfig })=>{
             setValue(setKey(access, scope, bucket));
         }
     };
-    const collectionSlugs = Object.keys(collectionsBySlug);
-    const globalSlugs = Object.keys(globalsBySlug);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            collectionSlugs.length > 0 && /*#__PURE__*/ _jsxs("section", {
-                className: `${baseClass}__section`,
-                children: [
-                    /*#__PURE__*/ _jsxs("header", {
-                        className: `${baseClass}__section-header`,
-                        children: [
-                            /*#__PURE__*/ _jsx("h4", {
-                                children: "Collection-level permissions"
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                children: "Allow MCP clients to perform the following actions within these collections:"
-                            })
-                        ]
-                    }),
-                    collectionSlugs.map((slug)=>{
-                        const leaves = collectionsBySlug[slug];
-                        return /*#__PURE__*/ _jsx(Collapsible, {
-                            actions: /*#__PURE__*/ _jsx(GroupActions, {
-                                onSetAll: (allow)=>setAllScoped('collections', slug, leaves, allow)
-                            }),
-                            className: `${baseClass}__group`,
-                            header: /*#__PURE__*/ _jsx("span", {
-                                className: `${baseClass}__group-label`,
-                                children: titleCase(slug)
-                            }),
-                            initCollapsed: true,
-                            children: /*#__PURE__*/ _jsx("ul", {
-                                className: `${baseClass}__list`,
-                                children: leaves.map((leaf)=>/*#__PURE__*/ _jsx("li", {
-                                        children: /*#__PURE__*/ _jsx(CheckboxInput, {
-                                            checked: isScopedAllowed('collections', slug, leaf.configKey),
-                                            id: `${path}.collections.${slug}.${leaf.configKey}`,
-                                            label: leaf.label,
-                                            onToggle: (e)=>toggleScoped('collections', slug, leaf.configKey, e.target.checked),
-                                            tooltip: leaf.description
-                                        })
-                                    }, leaf.configKey))
-                            })
-                        }, `collection-${slug}`);
-                    })
-                ]
+    const renderLeaf = (leaf, id, checked, onToggle)=>/*#__PURE__*/ _jsxs("li", {
+            className: `${baseClass}__leaf`,
+            children: [
+                /*#__PURE__*/ _jsx(CheckboxInput, {
+                    checked: checked,
+                    id: id,
+                    label: leaf.label,
+                    onToggle: (e)=>onToggle(e.target.checked)
+                }),
+                leaf.description && /*#__PURE__*/ _jsx("p", {
+                    className: `${baseClass}__leaf-description`,
+                    children: leaf.description
+                })
+            ]
+        }, leaf.configKey);
+    const renderCard = ({ id, isLeafAllowed, label, leaves, onSetAll, onToggleLeaf })=>{
+        const allowedCount = leaves.filter(isLeafAllowed).length;
+        const groups = LEAF_GROUP_KEYS.map((key)=>({
+                key,
+                label: leafGroupLabels[key],
+                leaves: leaves.filter((leaf)=>(leaf.group ?? 'custom') === key)
+            })).filter((group)=>group.leaves.length > 0);
+        const hasGroupLabels = groups.length > 1;
+        return /*#__PURE__*/ _jsx(Collapsible, {
+            className: `${baseClass}__card`,
+            header: // Keep header clicks on the checkbox from also toggling the collapsible.
+            /*#__PURE__*/ _jsx("span", {
+                className: `${baseClass}__card-checkbox`,
+                onClick: (e)=>e.stopPropagation(),
+                role: "presentation",
+                children: /*#__PURE__*/ _jsx(CheckboxInput, {
+                    checked: allowedCount === leaves.length,
+                    id: `${id}._all`,
+                    label: label,
+                    onToggle: ()=>onSetAll(allowedCount < leaves.length),
+                    partialChecked: allowedCount > 0 && allowedCount < leaves.length
+                })
             }),
-            globalSlugs.length > 0 && /*#__PURE__*/ _jsxs("section", {
-                className: `${baseClass}__section`,
-                children: [
-                    /*#__PURE__*/ _jsxs("header", {
-                        className: `${baseClass}__section-header`,
+            initCollapsed: true,
+            children: /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__card-groups`,
+                children: groups.map((group)=>/*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__leaf-group`,
                         children: [
-                            /*#__PURE__*/ _jsx("h4", {
-                                children: "Global-level permissions"
+                            hasGroupLabels && /*#__PURE__*/ _jsx("p", {
+                                className: `${baseClass}__leaf-group-label`,
+                                children: group.label
                             }),
-                            /*#__PURE__*/ _jsx("p", {
-                                children: "Allow MCP clients to perform the following actions on these globals:"
+                            /*#__PURE__*/ _jsx("ul", {
+                                className: `${baseClass}__list`,
+                                children: group.leaves.map((leaf)=>renderLeaf(leaf, `${id}.${leaf.configKey}`, isLeafAllowed(leaf), (allow)=>onToggleLeaf(leaf, allow)))
                             })
                         ]
+                    }, group.key))
+            })
+        }, id);
+    };
+    const renderScope = (scope, bySlug)=>Object.entries(bySlug).map(([slug, leaves])=>renderCard({
+                id: `${path}.${scope}.${slug}`,
+                isLeafAllowed: (leaf)=>isScopedAllowed(scope, slug, leaf.configKey),
+                label: titleCase(slug),
+                leaves,
+                onSetAll: (allow)=>setAllScoped(scope, slug, leaves, allow),
+                onToggleLeaf: (leaf, allow)=>toggleScoped(scope, slug, leaf.configKey, allow)
+            }));
+    const renderFlat = (scope, label, leaves)=>leaves.length > 0 && renderCard({
+            id: `${path}.${scope}`,
+            isLeafAllowed: (leaf)=>isFlatAllowed(scope, leaf.configKey),
+            label,
+            leaves,
+            onSetAll: (allow)=>setAllFlat(scope, leaves, allow),
+            onToggleLeaf: (leaf, allow)=>toggleFlat(scope, leaf.configKey, allow)
+        });
+    const tabs = [
+        ...Object.keys(collectionsBySlug).length > 0 ? [
+            {
+                key: 'collections',
+                label: t('general:collections')
+            }
+        ] : [],
+        ...Object.keys(globalsBySlug).length > 0 ? [
+            {
+                key: 'globals',
+                label: t('general:globals')
+            }
+        ] : [],
+        ...prompts.length > 0 || resources.length > 0 || tools.length > 0 ? [
+            {
+                key: 'server',
+                label: t('plugin-mcp:server')
+            }
+        ] : []
+    ];
+    if (tabs.length === 0) {
+        return null;
+    }
+    const currentTab = activeTab ?? tabs[0].key;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                className: `${baseClass}__header`,
+                children: [
+                    /*#__PURE__*/ _jsx("h4", {
+                        children: t('plugin-mcp:permissions')
                     }),
-                    globalSlugs.map((slug)=>{
-                        const leaves = globalsBySlug[slug];
-                        return /*#__PURE__*/ _jsx(Collapsible, {
-                            actions: /*#__PURE__*/ _jsx(GroupActions, {
-                                onSetAll: (allow)=>setAllScoped('globals', slug, leaves, allow)
-                            }),
-                            className: `${baseClass}__group`,
-                            header: /*#__PURE__*/ _jsx("span", {
-                                className: `${baseClass}__group-label`,
-                                children: titleCase(slug)
-                            }),
-                            initCollapsed: true,
-                            children: /*#__PURE__*/ _jsx("ul", {
-                                className: `${baseClass}__list`,
-                                children: leaves.map((leaf)=>/*#__PURE__*/ _jsx("li", {
-                                        children: /*#__PURE__*/ _jsx(CheckboxInput, {
-                                            checked: isScopedAllowed('globals', slug, leaf.configKey),
-                                            id: `${path}.globals.${slug}.${leaf.configKey}`,
-                                            label: leaf.label,
-                                            onToggle: (e)=>toggleScoped('globals', slug, leaf.configKey, e.target.checked),
-                                            tooltip: leaf.description
-                                        })
-                                    }, leaf.configKey))
-                            })
-                        }, `global-${slug}`);
+                    /*#__PURE__*/ _jsx("p", {
+                        children: t('plugin-mcp:permissionsDescription')
                     })
                 ]
             }),
-            (tools.length > 0 || prompts.length > 0 || resources.length > 0) && /*#__PURE__*/ _jsxs("section", {
-                className: `${baseClass}__section`,
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__tabbed-content`,
                 children: [
-                    /*#__PURE__*/ _jsxs("header", {
-                        className: `${baseClass}__section-header`,
+                    /*#__PURE__*/ _jsx(Tabs, {
+                        className: `${baseClass}__tabs`,
+                        onChange: setActiveTab,
+                        tabs: tabs.map((tab)=>({
+                                label: tab.label,
+                                value: tab.key
+                            })),
+                        value: currentTab
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__cards`,
                         children: [
-                            /*#__PURE__*/ _jsx("h4", {
-                                children: "Project-level permissions"
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                children: "Cross-cutting tools, prompts, and resources not scoped to a single collection."
+                            currentTab === 'collections' && renderScope('collections', collectionsBySlug),
+                            currentTab === 'globals' && renderScope('globals', globalsBySlug),
+                            currentTab === 'server' && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    renderFlat('prompts', t('plugin-mcp:prompts'), prompts),
+                                    renderFlat('resources', t('plugin-mcp:resources'), resources),
+                                    renderFlat('tools', t('plugin-mcp:tools'), tools)
+                                ]
                             })
                         ]
-                    }),
-                    tools.length > 0 && /*#__PURE__*/ _jsx(Collapsible, {
-                        actions: /*#__PURE__*/ _jsx(GroupActions, {
-                            onSetAll: (allow)=>setAllFlat('tools', tools, allow)
-                        }),
-                        className: `${baseClass}__group`,
-                        header: /* TODO: needs i18n once design is finalized */ /*#__PURE__*/ _jsx("span", {
-                            className: `${baseClass}__group-label`,
-                            children: "Tools"
-                        }),
-                        initCollapsed: true,
-                        children: /*#__PURE__*/ _jsx("ul", {
-                            className: `${baseClass}__list`,
-                            children: tools.map((leaf)=>/*#__PURE__*/ _jsx("li", {
-                                    children: /*#__PURE__*/ _jsx(CheckboxInput, {
-                                        checked: isFlatAllowed('tools', leaf.configKey),
-                                        id: `${path}.tools.${leaf.configKey}`,
-                                        label: leaf.label,
-                                        onToggle: (e)=>toggleFlat('tools', leaf.configKey, e.target.checked),
-                                        tooltip: leaf.description
-                                    })
-                                }, leaf.configKey))
-                        })
-                    }),
-                    prompts.length > 0 && /*#__PURE__*/ _jsx(Collapsible, {
-                        actions: /*#__PURE__*/ _jsx(GroupActions, {
-                            onSetAll: (allow)=>setAllFlat('prompts', prompts, allow)
-                        }),
-                        className: `${baseClass}__group`,
-                        header: /* TODO: needs i18n once design is finalized */ /*#__PURE__*/ _jsx("span", {
-                            className: `${baseClass}__group-label`,
-                            children: "Prompts"
-                        }),
-                        initCollapsed: true,
-                        children: /*#__PURE__*/ _jsx("ul", {
-                            className: `${baseClass}__list`,
-                            children: prompts.map((leaf)=>/*#__PURE__*/ _jsx("li", {
-                                    children: /*#__PURE__*/ _jsx(CheckboxInput, {
-                                        checked: isFlatAllowed('prompts', leaf.configKey),
-                                        id: `${path}.prompts.${leaf.configKey}`,
-                                        label: leaf.label,
-                                        onToggle: (e)=>toggleFlat('prompts', leaf.configKey, e.target.checked),
-                                        tooltip: leaf.description
-                                    })
-                                }, leaf.configKey))
-                        })
-                    }),
-                    resources.length > 0 && /*#__PURE__*/ _jsx(Collapsible, {
-                        actions: /*#__PURE__*/ _jsx(GroupActions, {
-                            onSetAll: (allow)=>setAllFlat('resources', resources, allow)
-                        }),
-                        className: `${baseClass}__group`,
-                        header: /* TODO: needs i18n once design is finalized */ /*#__PURE__*/ _jsx("span", {
-                            className: `${baseClass}__group-label`,
-                            children: "Resources"
-                        }),
-                        initCollapsed: true,
-                        children: /*#__PURE__*/ _jsx("ul", {
-                            className: `${baseClass}__list`,
-                            children: resources.map((leaf)=>/*#__PURE__*/ _jsx("li", {
-                                    children: /*#__PURE__*/ _jsx(CheckboxInput, {
-                                        checked: isFlatAllowed('resources', leaf.configKey),
-                                        id: `${path}.resources.${leaf.configKey}`,
-                                        label: leaf.label,
-                                        onToggle: (e)=>toggleFlat('resources', leaf.configKey, e.target.checked),
-                                        tooltip: leaf.description
-                                    })
-                                }, leaf.configKey))
-                        })
                     })
                 ]
             })
         ]
     });
 };
-const GroupActions = ({ onSetAll })=>// TODO: button labels + aria-labels need i18n once design is finalized
-    /*#__PURE__*/ _jsxs("div", {
-        className: `${baseClass}__group-actions`,
-        children: [
-            /*#__PURE__*/ _jsx("button", {
-                "aria-label": "Select all",
-                className: `${baseClass}__action`,
-                onClick: (e)=>{
-                    e.stopPropagation();
-                    onSetAll(true);
-                },
-                title: "Select all",
-                type: "button",
-                children: "all"
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                "aria-hidden": true,
-                className: `${baseClass}__action-sep`,
-                children: "/"
-            }),
-            /*#__PURE__*/ _jsx("button", {
-                "aria-label": "Clear all",
-                className: `${baseClass}__action`,
-                onClick: (e)=>{
-                    e.stopPropagation();
-                    onSetAll(false);
-                },
-                title: "Clear all",
-                type: "button",
-                children: "none"
-            })
-        ]
-    });
 const titleCase = (slug)=>slug.replace(/(^|[-_])(.)/g, (_, sep, ch)=>sep ? ` ${ch.toUpperCase()}` : ch.toUpperCase());
 
 //# sourceMappingURL=index.client.js.map

package/dist/components/AccessField/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccessField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { JSONFieldClientProps } from 'payload'\n\nimport { CheckboxInput, Collapsible, useField } from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { ClientMCPPluginConfig, MCPAPIKeysDocAccessTree } from '../../types.js'\n\nimport './index.css'\n\nconst baseClass = 'mcp-access-field'\n\ntype ClientItem = ClientMCPPluginConfig['items'][number]\ntype ScopeKey = 'collections' | 'globals'\ntype FlatKey = 'prompts' | 'resources' | 'tools'\n\ntype Props = {\n  pluginConfig: ClientMCPPluginConfig\n} & JSONFieldClientProps\n\n/** Drop a key from an object and return a new object — or `undefined` if it'd be empty. */\nconst without = <T extends Record<string, unknown>>(\n  obj: T | undefined,\n  key: string,\n): T | undefined => {\n  if (!obj || !(key in obj)) {\n    return obj\n  }\n  const { [key]: _omitted, ...rest } = obj\n  return Object.keys(rest).length === 0 ? undefined : (rest as T)\n}\n\nconst setKey = <T extends Record<string, unknown>>(\n  obj: T | undefined,\n  key: string,\n  value: unknown,\n): T => ({ ...(obj ?? {}), [key]: value }) as T\n\nexport const AccessField: React.FC<Props> = ({ path, pluginConfig }) => {\n  const { setValue, value } = useField<MCPAPIKeysDocAccessTree>({ path })\n  const access = value ?? {}\n\n  // Bucket items for rendering. (Bucketing is cheap and runs once per render;\n  // memoizing would mean managing inputs/refs for marginal benefit.)\n  const collectionsBySlug: Record<string, ClientItem[]> = {}\n  const globalsBySlug: Record<string, ClientItem[]> = {}\n  const tools: ClientItem[] = []\n  const prompts: ClientItem[] = []\n  const resources: ClientItem[] = []\n  for (const item of pluginConfig.items) {\n    switch (item.type) {\n      case 'collectionTool':\n        ;(collectionsBySlug[item.collectionSlug!] ??= []).push(item)\n        break\n      case 'globalTool':\n        ;(globalsBySlug[item.globalSlug!] ??= []).push(item)\n        break\n      case 'prompt':\n        prompts.push(item)\n        break\n      case 'resource':\n        resources.push(item)\n        break\n      case 'tool':\n        tools.push(item)\n        break\n    }\n  }\n\n  const isScopedAllowed = (scope: ScopeKey, slug: string, configKey: string): boolean =>\n    access[scope]?.[slug]?.[configKey] !== false\n\n  const isFlatAllowed = (scope: FlatKey, configKey: string): boolean =>\n    access[scope]?.[configKey] !== false\n\n  const toggleScoped = (scope: ScopeKey, slug: string, configKey: string, allow: boolean) => {\n    if (allow) {\n      const slugBucket = without(access[scope]?.[slug], configKey)\n      const scopeBucket = slugBucket\n        ? setKey(access[scope], slug, slugBucket)\n        : without(access[scope], slug)\n      setValue(scopeBucket ? setKey(access, scope, scopeBucket) : (without(access, scope) ?? {}))\n    } else {\n      setValue(\n        setKey(\n          access,\n          scope,\n          setKey(access[scope], slug, setKey(access[scope]?.[slug], configKey, false)),\n        ),\n      )\n    }\n  }\n\n  const toggleFlat = (scope: FlatKey, configKey: string, allow: boolean) => {\n    if (allow) {\n      const bucket = without(access[scope], configKey)\n      setValue(bucket ? setKey(access, scope, bucket) : (without(access, scope) ?? {}))\n    } else {\n      setValue(setKey(access, scope, setKey(access[scope], configKey, false)))\n    }\n  }\n\n  const setAllScoped = (scope: ScopeKey, slug: string, leaves: ClientItem[], allow: boolean) => {\n    if (allow) {\n      const scopeBucket = without(access[scope], slug)\n      setValue(scopeBucket ? setKey(access, scope, scopeBucket) : (without(access, scope) ?? {}))\n    } else {\n      const slugBucket = leaves.reduce<Record<string, boolean>>(\n        (acc, leaf) => ({ ...acc, [leaf.configKey]: false }),\n        {},\n      )\n      setValue(setKey(access, scope, setKey(access[scope], slug, slugBucket)))\n    }\n  }\n\n  const setAllFlat = (scope: FlatKey, leaves: ClientItem[], allow: boolean) => {\n    if (allow) {\n      setValue(without(access, scope) ?? {})\n    } else {\n      const bucket = leaves.reduce<Record<string, boolean>>(\n        (acc, leaf) => ({ ...acc, [leaf.configKey]: false }),\n        {},\n      )\n      setValue(setKey(access, scope, bucket))\n    }\n  }\n\n  const collectionSlugs = Object.keys(collectionsBySlug)\n  const globalSlugs = Object.keys(globalsBySlug)\n\n  return (\n    <div className={baseClass}>\n      {collectionSlugs.length > 0 && (\n        <section className={`${baseClass}__section`}>\n          <header className={`${baseClass}__section-header`}>\n            {/* TODO: needs i18n once design is finalized */}\n            <h4>Collection-level permissions</h4>\n            {/* TODO: needs i18n once design is finalized */}\n            <p>Allow MCP clients to perform the following actions within these collections:</p>\n          </header>\n          {collectionSlugs.map((slug) => {\n            const leaves = collectionsBySlug[slug]!\n            return (\n              <Collapsible\n                actions={\n                  <GroupActions\n                    onSetAll={(allow) => setAllScoped('collections', slug, leaves, allow)}\n                  />\n                }\n                className={`${baseClass}__group`}\n                header={<span className={`${baseClass}__group-label`}>{titleCase(slug)}</span>}\n                initCollapsed\n                key={`collection-${slug}`}\n              >\n                <ul className={`${baseClass}__list`}>\n                  {leaves.map((leaf) => (\n                    <li key={leaf.configKey}>\n                      <CheckboxInput\n                        checked={isScopedAllowed('collections', slug, leaf.configKey)}\n                        id={`${path}.collections.${slug}.${leaf.configKey}`}\n                        label={leaf.label}\n                        onToggle={(e) =>\n                          toggleScoped('collections', slug, leaf.configKey, e.target.checked)\n                        }\n                        tooltip={leaf.description}\n                      />\n                    </li>\n                  ))}\n                </ul>\n              </Collapsible>\n            )\n          })}\n        </section>\n      )}\n\n      {globalSlugs.length > 0 && (\n        <section className={`${baseClass}__section`}>\n          <header className={`${baseClass}__section-header`}>\n            {/* TODO: needs i18n once design is finalized */}\n            <h4>Global-level permissions</h4>\n            {/* TODO: needs i18n once design is finalized */}\n            <p>Allow MCP clients to perform the following actions on these globals:</p>\n          </header>\n          {globalSlugs.map((slug) => {\n            const leaves = globalsBySlug[slug]!\n            return (\n              <Collapsible\n                actions={\n                  <GroupActions\n                    onSetAll={(allow) => setAllScoped('globals', slug, leaves, allow)}\n                  />\n                }\n                className={`${baseClass}__group`}\n                header={<span className={`${baseClass}__group-label`}>{titleCase(slug)}</span>}\n                initCollapsed\n                key={`global-${slug}`}\n              >\n                <ul className={`${baseClass}__list`}>\n                  {leaves.map((leaf) => (\n                    <li key={leaf.configKey}>\n                      <CheckboxInput\n                        checked={isScopedAllowed('globals', slug, leaf.configKey)}\n                        id={`${path}.globals.${slug}.${leaf.configKey}`}\n                        label={leaf.label}\n                        onToggle={(e) =>\n                          toggleScoped('globals', slug, leaf.configKey, e.target.checked)\n                        }\n                        tooltip={leaf.description}\n                      />\n                    </li>\n                  ))}\n                </ul>\n              </Collapsible>\n            )\n          })}\n        </section>\n      )}\n\n      {(tools.length > 0 || prompts.length > 0 || resources.length > 0) && (\n        <section className={`${baseClass}__section`}>\n          <header className={`${baseClass}__section-header`}>\n            {/* TODO: needs i18n once design is finalized */}\n            <h4>Project-level permissions</h4>\n            {/* TODO: needs i18n once design is finalized */}\n            <p>Cross-cutting tools, prompts, and resources not scoped to a single collection.</p>\n          </header>\n          {tools.length > 0 && (\n            <Collapsible\n              actions={<GroupActions onSetAll={(allow) => setAllFlat('tools', tools, allow)} />}\n              className={`${baseClass}__group`}\n              header={\n                /* TODO: needs i18n once design is finalized */\n                <span className={`${baseClass}__group-label`}>Tools</span>\n              }\n              initCollapsed\n            >\n              <ul className={`${baseClass}__list`}>\n                {tools.map((leaf) => (\n                  <li key={leaf.configKey}>\n                    <CheckboxInput\n                      checked={isFlatAllowed('tools', leaf.configKey)}\n                      id={`${path}.tools.${leaf.configKey}`}\n                      label={leaf.label}\n                      onToggle={(e) => toggleFlat('tools', leaf.configKey, e.target.checked)}\n                      tooltip={leaf.description}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </Collapsible>\n          )}\n          {prompts.length > 0 && (\n            <Collapsible\n              actions={<GroupActions onSetAll={(allow) => setAllFlat('prompts', prompts, allow)} />}\n              className={`${baseClass}__group`}\n              header={\n                /* TODO: needs i18n once design is finalized */\n                <span className={`${baseClass}__group-label`}>Prompts</span>\n              }\n              initCollapsed\n            >\n              <ul className={`${baseClass}__list`}>\n                {prompts.map((leaf) => (\n                  <li key={leaf.configKey}>\n                    <CheckboxInput\n                      checked={isFlatAllowed('prompts', leaf.configKey)}\n                      id={`${path}.prompts.${leaf.configKey}`}\n                      label={leaf.label}\n                      onToggle={(e) => toggleFlat('prompts', leaf.configKey, e.target.checked)}\n                      tooltip={leaf.description}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </Collapsible>\n          )}\n          {resources.length > 0 && (\n            <Collapsible\n              actions={\n                <GroupActions onSetAll={(allow) => setAllFlat('resources', resources, allow)} />\n              }\n              className={`${baseClass}__group`}\n              header={\n                /* TODO: needs i18n once design is finalized */\n                <span className={`${baseClass}__group-label`}>Resources</span>\n              }\n              initCollapsed\n            >\n              <ul className={`${baseClass}__list`}>\n                {resources.map((leaf) => (\n                  <li key={leaf.configKey}>\n                    <CheckboxInput\n                      checked={isFlatAllowed('resources', leaf.configKey)}\n                      id={`${path}.resources.${leaf.configKey}`}\n                      label={leaf.label}\n                      onToggle={(e) => toggleFlat('resources', leaf.configKey, e.target.checked)}\n                      tooltip={leaf.description}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </Collapsible>\n          )}\n        </section>\n      )}\n    </div>\n  )\n}\n\nconst GroupActions: React.FC<{ onSetAll: (allow: boolean) => void }> = ({ onSetAll }) => (\n  // TODO: button labels + aria-labels need i18n once design is finalized\n  <div className={`${baseClass}__group-actions`}>\n    <button\n      aria-label=\"Select all\"\n      className={`${baseClass}__action`}\n      onClick={(e) => {\n        e.stopPropagation()\n        onSetAll(true)\n      }}\n      title=\"Select all\"\n      type=\"button\"\n    >\n      all\n    </button>\n    <span aria-hidden className={`${baseClass}__action-sep`}>\n      /\n    </span>\n    <button\n      aria-label=\"Clear all\"\n      className={`${baseClass}__action`}\n      onClick={(e) => {\n        e.stopPropagation()\n        onSetAll(false)\n      }}\n      title=\"Clear all\"\n      type=\"button\"\n    >\n      none\n    </button>\n  </div>\n)\n\nconst titleCase = (slug: string): string =>\n  slug.replace(/(^|[-_])(.)/g, (_, sep: string, ch: string) =>\n    sep ? ` ${ch.toUpperCase()}` : ch.toUpperCase(),\n  )\n"],"names":["CheckboxInput","Collapsible","useField","React","baseClass","without","obj","key","_omitted","rest","Object","keys","length","undefined","setKey","value","AccessField","path","pluginConfig","setValue","access","collectionsBySlug","globalsBySlug","tools","prompts","resources","item","items","type","collectionSlug","push","globalSlug","isScopedAllowed","scope","slug","configKey","isFlatAllowed","toggleScoped","allow","slugBucket","scopeBucket","toggleFlat","bucket","setAllScoped","leaves","reduce","acc","leaf","setAllFlat","collectionSlugs","globalSlugs","div","className","section","header","h4","p","map","actions","GroupActions","onSetAll","span","titleCase","initCollapsed","ul","li","checked","id","label","onToggle","e","target","tooltip","description","button","aria-label","onClick","stopPropagation","title","aria-hidden","replace","_","sep","ch","toUpperCase"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/AccessField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { JSONFieldClientProps } from 'payload'\n\nimport { CheckboxInput, Collapsible, Tabs, useField, useTranslation } from '@payloadcms/ui'\nimport React, { useState } from 'react'\n\nimport type {\n  PluginMCPTranslationKeys,\n  PluginMCPTranslations,\n} from '../../translations/index.js'\nimport type { ClientMCPPluginConfig, MCPAPIKeysDocAccessTree } from '../../types.js'\n\nimport './index.css'\n\nconst baseClass = 'mcp-access-field'\n\ntype ClientItem = ClientMCPPluginConfig['items'][number]\ntype ScopeKey = 'collections' | 'globals'\ntype FlatKey = 'prompts' | 'resources' | 'tools'\ntype TabKey = 'collections' | 'globals' | 'server'\n\nconst LEAF_GROUP_KEYS = ['operations', 'auth', 'custom'] as const\n\ntype LeafGroupKey = (typeof LEAF_GROUP_KEYS)[number]\n\ntype Props = {\n  pluginConfig: ClientMCPPluginConfig\n} & JSONFieldClientProps\n\n/** Drop a key from an object and return a new object — or `undefined` if it'd be empty. */\nconst without = <T extends Record<string, unknown>>(\n  obj: T | undefined,\n  key: string,\n): T | undefined => {\n  if (!obj || !(key in obj)) {\n    return obj\n  }\n  const { [key]: _omitted, ...rest } = obj\n  return Object.keys(rest).length === 0 ? undefined : (rest as T)\n}\n\nconst setKey = <T extends Record<string, unknown>>(\n  obj: T | undefined,\n  key: string,\n  value: unknown,\n): T => ({ ...(obj ?? {}), [key]: value }) as T\n\nexport const AccessField: React.FC<Props> = ({ path, pluginConfig }) => {\n  const { setValue, value } = useField<MCPAPIKeysDocAccessTree>({ path })\n  const { t } = useTranslation<PluginMCPTranslations, PluginMCPTranslationKeys>()\n  const [activeTab, setActiveTab] = useState<null | TabKey>(null)\n  const access = value ?? {}\n  const leafGroupLabels: Record<LeafGroupKey, string> = {\n    auth: t('plugin-mcp:authentication'),\n    custom: t('general:custom'),\n    operations: t('plugin-mcp:operations'),\n  }\n\n  const collectionsBySlug: Record<string, ClientItem[]> = {}\n  const globalsBySlug: Record<string, ClientItem[]> = {}\n  const prompts: ClientItem[] = []\n  const resources: ClientItem[] = []\n  const tools: ClientItem[] = []\n\n  for (const item of pluginConfig.items) {\n    switch (item.type) {\n      case 'collectionTool':\n        ;(collectionsBySlug[item.collectionSlug!] ??= []).push(item)\n        break\n      case 'globalTool':\n        ;(globalsBySlug[item.globalSlug!] ??= []).push(item)\n        break\n      case 'prompt':\n        prompts.push(item)\n        break\n      case 'resource':\n        resources.push(item)\n        break\n      case 'tool':\n        tools.push(item)\n        break\n    }\n  }\n\n  const isScopedAllowed = (scope: ScopeKey, slug: string, configKey: string): boolean =>\n    access[scope]?.[slug]?.[configKey] !== false\n\n  const isFlatAllowed = (scope: FlatKey, configKey: string): boolean =>\n    access[scope]?.[configKey] !== false\n\n  const toggleScoped = (scope: ScopeKey, slug: string, configKey: string, allow: boolean) => {\n    if (allow) {\n      const slugBucket = without(access[scope]?.[slug], configKey)\n      const scopeBucket = slugBucket\n        ? setKey(access[scope], slug, slugBucket)\n        : without(access[scope], slug)\n      setValue(scopeBucket ? setKey(access, scope, scopeBucket) : (without(access, scope) ?? {}))\n    } else {\n      setValue(\n        setKey(\n          access,\n          scope,\n          setKey(access[scope], slug, setKey(access[scope]?.[slug], configKey, false)),\n        ),\n      )\n    }\n  }\n\n  const toggleFlat = (scope: FlatKey, configKey: string, allow: boolean) => {\n    if (allow) {\n      const bucket = without(access[scope], configKey)\n      setValue(bucket ? setKey(access, scope, bucket) : (without(access, scope) ?? {}))\n    } else {\n      setValue(setKey(access, scope, setKey(access[scope], configKey, false)))\n    }\n  }\n\n  const setAllScoped = (scope: ScopeKey, slug: string, leaves: ClientItem[], allow: boolean) => {\n    if (allow) {\n      const scopeBucket = without(access[scope], slug)\n      setValue(scopeBucket ? setKey(access, scope, scopeBucket) : (without(access, scope) ?? {}))\n    } else {\n      const slugBucket = leaves.reduce<Record<string, boolean>>(\n        (acc, leaf) => ({ ...acc, [leaf.configKey]: false }),\n        {},\n      )\n      setValue(setKey(access, scope, setKey(access[scope], slug, slugBucket)))\n    }\n  }\n\n  const setAllFlat = (scope: FlatKey, leaves: ClientItem[], allow: boolean) => {\n    if (allow) {\n      setValue(without(access, scope) ?? {})\n    } else {\n      const bucket = leaves.reduce<Record<string, boolean>>(\n        (acc, leaf) => ({ ...acc, [leaf.configKey]: false }),\n        {},\n      )\n      setValue(setKey(access, scope, bucket))\n    }\n  }\n\n  const renderLeaf = (\n    leaf: ClientItem,\n    id: string,\n    checked: boolean,\n    onToggle: (allow: boolean) => void,\n  ) => (\n    <li className={`${baseClass}__leaf`} key={leaf.configKey}>\n      <CheckboxInput\n        checked={checked}\n        id={id}\n        label={leaf.label}\n        onToggle={(e) => onToggle(e.target.checked)}\n      />\n      {leaf.description && <p className={`${baseClass}__leaf-description`}>{leaf.description}</p>}\n    </li>\n  )\n\n  const renderCard = ({\n    id,\n    isLeafAllowed,\n    label,\n    leaves,\n    onSetAll,\n    onToggleLeaf,\n  }: {\n    id: string\n    isLeafAllowed: (leaf: ClientItem) => boolean\n    label: string\n    leaves: ClientItem[]\n    onSetAll: (allow: boolean) => void\n    onToggleLeaf: (leaf: ClientItem, allow: boolean) => void\n  }) => {\n    const allowedCount = leaves.filter(isLeafAllowed).length\n    const groups = LEAF_GROUP_KEYS.map((key) => ({\n      key,\n      label: leafGroupLabels[key],\n      leaves: leaves.filter((leaf) => (leaf.group ?? 'custom') === key),\n    })).filter((group) => group.leaves.length > 0)\n    const hasGroupLabels = groups.length > 1\n\n    return (\n      <Collapsible\n        className={`${baseClass}__card`}\n        header={\n          // Keep header clicks on the checkbox from also toggling the collapsible.\n          <span\n            className={`${baseClass}__card-checkbox`}\n            onClick={(e) => e.stopPropagation()}\n            role=\"presentation\"\n          >\n            <CheckboxInput\n              checked={allowedCount === leaves.length}\n              id={`${id}._all`}\n              label={label}\n              onToggle={() => onSetAll(allowedCount < leaves.length)}\n              partialChecked={allowedCount > 0 && allowedCount < leaves.length}\n            />\n          </span>\n        }\n        initCollapsed\n        key={id}\n      >\n        <div className={`${baseClass}__card-groups`}>\n          {groups.map((group) => (\n            <div className={`${baseClass}__leaf-group`} key={group.key}>\n              {hasGroupLabels && <p className={`${baseClass}__leaf-group-label`}>{group.label}</p>}\n              <ul className={`${baseClass}__list`}>\n                {group.leaves.map((leaf) =>\n                  renderLeaf(leaf, `${id}.${leaf.configKey}`, isLeafAllowed(leaf), (allow) =>\n                    onToggleLeaf(leaf, allow),\n                  ),\n                )}\n              </ul>\n            </div>\n          ))}\n        </div>\n      </Collapsible>\n    )\n  }\n\n  const renderScope = (scope: ScopeKey, bySlug: Record<string, ClientItem[]>) =>\n    Object.entries(bySlug).map(([slug, leaves]) =>\n      renderCard({\n        id: `${path}.${scope}.${slug}`,\n        isLeafAllowed: (leaf) => isScopedAllowed(scope, slug, leaf.configKey),\n        label: titleCase(slug),\n        leaves,\n        onSetAll: (allow) => setAllScoped(scope, slug, leaves, allow),\n        onToggleLeaf: (leaf, allow) => toggleScoped(scope, slug, leaf.configKey, allow),\n      }),\n    )\n\n  const renderFlat = (scope: FlatKey, label: string, leaves: ClientItem[]) =>\n    leaves.length > 0 &&\n    renderCard({\n      id: `${path}.${scope}`,\n      isLeafAllowed: (leaf) => isFlatAllowed(scope, leaf.configKey),\n      label,\n      leaves,\n      onSetAll: (allow) => setAllFlat(scope, leaves, allow),\n      onToggleLeaf: (leaf, allow) => toggleFlat(scope, leaf.configKey, allow),\n    })\n\n  const tabs: Array<{ key: TabKey; label: string }> = [\n    ...(Object.keys(collectionsBySlug).length > 0\n      ? [{ key: 'collections' as const, label: t('general:collections') }]\n      : []),\n    ...(Object.keys(globalsBySlug).length > 0\n      ? [{ key: 'globals' as const, label: t('general:globals') }]\n      : []),\n    ...(prompts.length > 0 || resources.length > 0 || tools.length > 0\n      ? [{ key: 'server' as const, label: t('plugin-mcp:server') }]\n      : []),\n  ]\n  if (tabs.length === 0) {\n    return null\n  }\n\n  const currentTab = activeTab ?? tabs[0]!.key\n\n  return (\n    <div className={baseClass}>\n      <header className={`${baseClass}__header`}>\n        <h4>{t('plugin-mcp:permissions')}</h4>\n        <p>{t('plugin-mcp:permissionsDescription')}</p>\n      </header>\n      <div className={`${baseClass}__tabbed-content`}>\n        <Tabs\n          className={`${baseClass}__tabs`}\n          onChange={setActiveTab}\n          tabs={tabs.map((tab) => ({\n            label: tab.label,\n            value: tab.key,\n          }))}\n          value={currentTab}\n        />\n        <div className={`${baseClass}__cards`}>\n          {currentTab === 'collections' && renderScope('collections', collectionsBySlug)}\n          {currentTab === 'globals' && renderScope('globals', globalsBySlug)}\n          {currentTab === 'server' && (\n            <>\n              {renderFlat('prompts', t('plugin-mcp:prompts'), prompts)}\n              {renderFlat('resources', t('plugin-mcp:resources'), resources)}\n              {renderFlat('tools', t('plugin-mcp:tools'), tools)}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst titleCase = (slug: string): string =>\n  slug.replace(/(^|[-_])(.)/g, (_, sep: string, ch: string) =>\n    sep ? ` ${ch.toUpperCase()}` : ch.toUpperCase(),\n  )\n"],"names":["CheckboxInput","Collapsible","Tabs","useField","useTranslation","React","useState","baseClass","LEAF_GROUP_KEYS","without","obj","key","_omitted","rest","Object","keys","length","undefined","setKey","value","AccessField","path","pluginConfig","setValue","t","activeTab","setActiveTab","access","leafGroupLabels","auth","custom","operations","collectionsBySlug","globalsBySlug","prompts","resources","tools","item","items","type","collectionSlug","push","globalSlug","isScopedAllowed","scope","slug","configKey","isFlatAllowed","toggleScoped","allow","slugBucket","scopeBucket","toggleFlat","bucket","setAllScoped","leaves","reduce","acc","leaf","setAllFlat","renderLeaf","id","checked","onToggle","li","className","label","e","target","description","p","renderCard","isLeafAllowed","onSetAll","onToggleLeaf","allowedCount","filter","groups","map","group","hasGroupLabels","header","span","onClick","stopPropagation","role","partialChecked","initCollapsed","div","ul","renderScope","bySlug","entries","titleCase","renderFlat","tabs","currentTab","h4","onChange","tab","replace","_","sep","ch","toUpperCase"],"mappings":"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"}

package/dist/components/AccessField/index.css

@@ -3,32 +3,22 @@
     display: flex;
     flex-direction: column;
     gap: var(--base);
+    /* Breathing room below the API-key section's divider - the fields
+       container itself adds no gap between these two fields. */
+    padding-block-start: var(--spacer-4);
+    /* This custom field renders straight into `render-fields` (no `.field-type`
+       wrapper), so it must carry the standard inter-field margin itself -
+       otherwise the next field (e.g. an overrideApiKeyCollection field) butts
+       against the last card. */
+    margin-block-end: var(--spacer-3);
   }
 
-  .mcp-access-field__section {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-    padding-bottom: var(--base);
-    /* Full-bleed separator: extend past the sidebar's horizontal gutter so the
-       border-block-end spans the entire sidebar width. */
-    margin-inline-start: calc(-1 * var(--sidebar-gutter-h-left, var(--gutter-h)));
-    margin-inline-end: calc(-1 * var(--sidebar-gutter-h-right, var(--gutter-h)));
-    padding-inline-start: var(--sidebar-gutter-h-left, var(--gutter-h));
-    padding-inline-end: var(--sidebar-gutter-h-right, var(--gutter-h));
-    border-block-end: 1px solid var(--theme-elevation-100);
-  }
-
-  .mcp-access-field__section:last-child {
-    border-block-end: none;
-  }
-
-  .mcp-access-field__section-header {
+  .mcp-access-field__header {
     display: flex;
     flex-direction: column;
   }
 
-  .mcp-access-field__section-header h4 {
+  .mcp-access-field__header h4 {
     margin: 0;
     color: var(--color-text);
     font-family: var(--text-heading-small-font-family);
@@ -38,7 +28,7 @@
     letter-spacing: var(--text-heading-small-letter-spacing);
   }
 
-  .mcp-access-field__section-header p {
+  .mcp-access-field__header p {
     margin: 0;
     color: var(--color-text-secondary);
     font-family: var(--text-body-medium-font-family);
@@ -48,38 +38,46 @@
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 
-  .mcp-access-field__group {
-    margin-block-end: calc(var(--base) / 2);
+  .mcp-access-field__tabbed-content {
+    display: flex;
+    flex-direction: column;
   }
 
-  .mcp-access-field__group-label {
-    font-weight: 600;
+  .mcp-access-field__cards {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
   }
 
-  .mcp-access-field__group-actions {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 6);
+  /* The collapsible header is pointer-events: none so clicks reach the toggle
+     overlay; re-enable events on the checkbox and lift it above the toggle. */
+  .mcp-access-field__card-checkbox {
+    position: relative;
+    z-index: 1;
+    display: inline-flex;
+    pointer-events: auto;
   }
 
-  .mcp-access-field__action {
-    appearance: none;
-    background: none;
-    border: none;
-    color: var(--theme-elevation-500);
-    cursor: pointer;
-    font-size: 0.75rem;
-    padding: 0;
+  .mcp-access-field__leaf-group {
+    padding-block: calc(var(--base) / 2);
+    border-block-end: 1px solid var(--theme-elevation-100);
+  }
+
+  .mcp-access-field__leaf-group:first-child {
+    padding-block-start: 0;
   }
 
-  .mcp-access-field__action:hover {
-    color: var(--theme-text);
-    text-decoration: underline;
+  .mcp-access-field__leaf-group:last-child {
+    border-block-end: none;
+    padding-block-end: 0;
   }
 
-  .mcp-access-field__action-sep {
-    color: var(--theme-elevation-300);
-    font-size: 0.75rem;
+  .mcp-access-field__leaf-group-label {
+    margin: 0 0 calc(var(--base) / 2);
+    color: var(--color-text-secondary);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
   }
 
   .mcp-access-field__list {
@@ -88,6 +86,14 @@
     padding: 0;
     display: flex;
     flex-direction: column;
-    gap: calc(var(--base) / 3);
+    gap: calc(var(--base) / 2);
+  }
+
+  .mcp-access-field__leaf-description {
+    margin: calc(var(--base) / 6) 0 0;
+    color: var(--color-text-secondary);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
   }
 }

package/dist/components/SettingsMenu/index.client.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Entry in the user menu's Settings sub-popup linking to the API keys
+ * collection. The collection is excluded from the main nav
+ * (`admin.group: false`) and managed from here instead.
+ */
+export declare const MCPSettingsMenu: React.FC;
+//# sourceMappingURL=index.client.d.ts.map

package/dist/components/SettingsMenu/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsMenu/index.client.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAiBnC,CAAA"}