@frogbotai/plugin-api-keys 0.28.0 → 0.30.0

package/README.md

@@ -17,13 +17,13 @@ export default buildConfig({
 The plugin adds an `api-keys` collection, owner-scoped management endpoints, API-key authentication, and default admin controls. `frogbot dev` generates the admin import map before starting, so the key-creation controls appear on the first load. Create a key in the API Keys admin collection, then authenticate requests with either header:
 
 ```http
-Authorization: Bearer fbt_...
-X-API-Key: fbt_...
+Authorization: Bearer fb_...
+X-API-Key: fb_...
 ```
 
 Plaintext keys are returned only when created. The collection stores SHA-256 hashes and supports multiple independently revoked keys per user.
 
-With AI configured, usage rows include an optional `apiKey` relationship to the authenticating key. Cookie-authenticated requests omit it, and the relationship follows `collectionSlug`.
+A key has no budget or model limits of its own; requests use the owner's AI policy. With AI configured, usage rows include an optional `apiKey` relationship to the authenticating key. Cookie-authenticated requests omit it, and the relationship follows `collectionSlug`.
 
 Build and start-only workflows must run `frogbot generate:importmap` after adding the plugin. Add it as a `prebuild` step when CI invokes `next build` directly. If the server console reports a component missing from the import map, run `frogbot generate:importmap` and rebuild, or restart `frogbot dev`.
 
@@ -40,15 +40,14 @@ apiKeysPlugin({
 });
 ```
 
-Collection overrides merge with the generated fields, access, endpoints, hooks, admin components, and transforms applied by other plugins. The manager uses Payload controls without plugin CSS, so global admin styles continue to apply.
+Collection overrides merge with the generated fields, access, endpoints, hooks, admin components, and transforms applied by other plugins. The manager uses the default admin components, and the token dialog ships a small stylesheet built on the admin theme variables.
 
-The plugin has no role system of its own. Keys are owner-scoped, and budget fields are read-only. To layer roles on top, install `@frogbotai/plugin-roles`, list it after `apiKeysPlugin()`, and pass `policyAccess` and `canRevokeAnyKey`:
+The plugin has no role system of its own. Keys are owner-scoped. To layer roles on top, install `@frogbotai/plugin-roles`, list it after `apiKeysPlugin()`, and pass `canRevokeAnyKey` and collection access:
 
 ```ts
 import { allow, hasRole } from '@frogbotai/plugin-roles';
 
 apiKeysPlugin({
-  policyAccess: allow('admin'),
   canRevokeAnyKey: (req) => hasRole(req, 'admin', 'support'),
   collection: {
     access: {

package/dist/client/ApiKeysManager.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './styles.css';
-import { Button, CopyIcon, Modal, TextInput, Tooltip, useConfig, useListQuery, useModal, useRouteCache, } from '@payloadcms/ui';
+import { Button, CopyIcon, Modal, TextInput, Tooltip, useConfig, useListQuery, useModal, useRouteCache } from '@payloadcms/ui';
 import { useState } from 'react';
 const modalSlug = 'create-api-key-modal';
 export function ApiKeysManager() {
@@ -24,20 +24,22 @@ export function ApiKeysManager() {
     }
     function close() {
         closeModal(modalSlug);
-        if (token)
-            clearRouteCache();
+        if (token) clearRouteCache();
     }
     async function createKey() {
-        if (loading || !name.trim())
-            return;
+        if (loading || !name.trim()) return;
         setLoading(true);
         setError(undefined);
         const response = await fetch(`${config.routes.api}/${collectionSlug}/mint`, {
             method: 'POST',
-            headers: { 'content-type': 'application/json' },
-            body: JSON.stringify({ name }),
+            headers: {
+                'content-type': 'application/json'
+            },
+            body: JSON.stringify({
+                name
+            })
         });
-        const result = (await response.json());
+        const result = await response.json();
         setLoading(false);
         if (!response.ok || !result.token) {
             setError(result.error ?? 'Unable to create API key');
@@ -46,32 +48,133 @@ export function ApiKeysManager() {
         setToken(result.token);
     }
     async function copyToken() {
-        if (!token)
-            return;
+        if (!token) return;
         await navigator.clipboard.writeText(token);
         setCopied(true);
     }
     function copyHandlers(control) {
         return {
             onClick: copyToken,
-            onMouseEnter: () => {
+            onMouseEnter: ()=>{
                 setHoveredControl(control);
                 setCopied(false);
             },
-            onMouseLeave: () => {
+            onMouseLeave: ()=>{
                 setHoveredControl(undefined);
                 setCopied(false);
-            },
+            }
         };
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { buttonStyle: "secondary", margin: false, onClick: open, type: "button", children: "Create API key" }), _jsx(Modal, { className: "api-keys-modal", closeOnBlur: true, onClose: close, slug: modalSlug, children: _jsxs("div", { className: "api-keys-modal__wrapper", children: [_jsxs("div", { className: "api-keys-modal__content", children: [_jsx("h1", { children: "Create API Key" }), token ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "api-keys-modal__warning", role: "alert", children: "Key generated! Copy it now \u2014 you won't see it again." }), _jsxs("div", { className: "api-keys-modal__token-row", children: [_jsxs("button", { "aria-label": "Click to copy API key", className: "api-keys-clear-button api-keys-modal__token", type: "button", ...copyHandlers('token'), children: [_jsx("code", { children: token }), _jsx(Tooltip, { delay: copied ? 0 : undefined, show: hoveredControl === 'token', children: copied ? 'Copied' : 'Click to copy' })] }), _jsxs("button", { "aria-label": "Copy API key", className: "api-keys-clear-button api-keys-slide-up-1 api-keys-modal__copy", type: "button", ...copyHandlers('icon'), children: [_jsx(CopyIcon, {}), _jsx(Tooltip, { delay: copied ? 0 : undefined, show: hoveredControl === 'icon', children: copied ? 'Copied' : 'Copy' })] })] })] })) : (_jsx(TextInput, { label: "Key name", path: "api-key-name", placeholder: "Key name (e.g. My MacBook CLI)", readOnly: loading, value: name, onChange: (event) => setName(event.target.value), onKeyDown: (event) => {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                buttonStyle: "secondary",
+                margin: false,
+                onClick: open,
+                type: "button",
+                children: "Create API key"
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                className: "api-keys-modal",
+                closeOnBlur: true,
+                onClose: close,
+                slug: modalSlug,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "api-keys-modal__wrapper",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "api-keys-modal__content",
+                            children: [
+                                /*#__PURE__*/ _jsx("h1", {
+                                    children: "Create API Key"
+                                }),
+                                token ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("p", {
+                                            className: "api-keys-modal__warning",
+                                            role: "alert",
+                                            children: "Key generated! Copy it now — you won't see it again."
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "api-keys-modal__token-row",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("button", {
+                                                    "aria-label": "Click to copy API key",
+                                                    className: "api-keys-clear-button api-keys-modal__token",
+                                                    type: "button",
+                                                    ...copyHandlers('token'),
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("code", {
+                                                            children: token
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(Tooltip, {
+                                                            delay: copied ? 0 : undefined,
+                                                            show: hoveredControl === 'token',
+                                                            children: copied ? 'Copied' : 'Click to copy'
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("button", {
+                                                    "aria-label": "Copy API key",
+                                                    className: "api-keys-clear-button api-keys-slide-up-1 api-keys-modal__copy",
+                                                    type: "button",
+                                                    ...copyHandlers('icon'),
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(CopyIcon, {}),
+                                                        /*#__PURE__*/ _jsx(Tooltip, {
+                                                            delay: copied ? 0 : undefined,
+                                                            show: hoveredControl === 'icon',
+                                                            children: copied ? 'Copied' : 'Copy'
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsx(TextInput, {
+                                    label: "Key name",
+                                    path: "api-key-name",
+                                    placeholder: "Key name (e.g. My MacBook CLI)",
+                                    readOnly: loading,
+                                    value: name,
+                                    onChange: (event)=>setName(event.target.value),
+                                    onKeyDown: (event)=>{
                                         if (event.key === 'Enter') {
                                             event.preventDefault();
                                             void createKey();
                                         }
-                                    } })), error ? _jsx("p", { role: "alert", children: error }) : null] }), _jsxs("div", { className: "api-keys-modal__controls", children: [_jsx(Button, { buttonStyle: "secondary", onClick: close, type: "button", children: token ? 'Close' : 'Dismiss' }), token ? null : (_jsx(Button, { disabled: loading || !name.trim(), onClick: createKey, type: "button", children: loading ? 'Generating…' : 'Generate' }))] })] }) })] }));
+                                    }
+                                }),
+                                error ? /*#__PURE__*/ _jsx("p", {
+                                    role: "alert",
+                                    children: error
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "api-keys-modal__controls",
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    buttonStyle: "secondary",
+                                    onClick: close,
+                                    type: "button",
+                                    children: token ? 'Close' : 'Dismiss'
+                                }),
+                                token ? null : /*#__PURE__*/ _jsx(Button, {
+                                    disabled: loading || !name.trim(),
+                                    onClick: createKey,
+                                    type: "button",
+                                    children: loading ? 'Generating…' : 'Generate'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 }
-export function RevokeApiKey({ rowData, }) {
+export function RevokeApiKey({ rowData }) {
     const { config } = useConfig();
     const { collectionSlug } = useListQuery();
     const { closeModal, openModal } = useModal();
@@ -84,11 +187,11 @@ export function RevokeApiKey({ rowData, }) {
         setLoading(true);
         setError(undefined);
         const response = await fetch(`${config.routes.api}/${collectionSlug}/${rowData.id}/revoke`, {
-            method: 'POST',
+            method: 'POST'
         });
         setLoading(false);
         if (!response.ok) {
-            const result = (await response.json());
+            const result = await response.json();
             setError(result.error ?? 'Unable to revoke API key');
             return;
         }
@@ -96,8 +199,68 @@ export function RevokeApiKey({ rowData, }) {
         setRevoked(true);
         clearRouteCache();
     }
-    if (revoked || rowData.revokedAt)
-        return _jsx("span", { children: "Revoked" });
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { margin: false, buttonStyle: "secondary", onClick: () => openModal(confirmSlug), size: "small", type: "button", children: "Revoke" }), _jsx(Modal, { className: "api-keys-modal", closeOnBlur: true, onClose: () => closeModal(confirmSlug), slug: confirmSlug, children: _jsxs("div", { className: "api-keys-modal__wrapper", children: [_jsxs("div", { className: "api-keys-modal__content", children: [_jsx("h1", { children: "Revoke API Key" }), _jsxs("p", { children: ["This will immediately disable ", rowData.name ?? 'this key', ". Any scripts or tools using this key will stop working. This cannot be undone."] }), error ? _jsx("p", { role: "alert", children: error }) : null] }), _jsxs("div", { className: "api-keys-modal__controls", children: [_jsx(Button, { buttonStyle: "secondary", onClick: () => closeModal(confirmSlug), type: "button", children: "Cancel" }), _jsx(Button, { disabled: loading, onClick: revoke, type: "button", children: loading ? 'Revoking…' : 'Revoke key' })] })] }) })] }));
+    if (revoked || rowData.revokedAt) return /*#__PURE__*/ _jsx("span", {
+        children: "Revoked"
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                margin: false,
+                buttonStyle: "secondary",
+                onClick: ()=>openModal(confirmSlug),
+                size: "small",
+                type: "button",
+                children: "Revoke"
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                className: "api-keys-modal",
+                closeOnBlur: true,
+                onClose: ()=>closeModal(confirmSlug),
+                slug: confirmSlug,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "api-keys-modal__wrapper",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "api-keys-modal__content",
+                            children: [
+                                /*#__PURE__*/ _jsx("h1", {
+                                    children: "Revoke API Key"
+                                }),
+                                /*#__PURE__*/ _jsxs("p", {
+                                    children: [
+                                        "This will immediately disable ",
+                                        rowData.name ?? 'this key',
+                                        ". Any scripts or tools using this key will stop working. This cannot be undone."
+                                    ]
+                                }),
+                                error ? /*#__PURE__*/ _jsx("p", {
+                                    role: "alert",
+                                    children: error
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "api-keys-modal__controls",
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    buttonStyle: "secondary",
+                                    onClick: ()=>closeModal(confirmSlug),
+                                    type: "button",
+                                    children: "Cancel"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    disabled: loading,
+                                    onClick: revoke,
+                                    type: "button",
+                                    children: loading ? 'Revoking…' : 'Revoke key'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 }
+
 //# sourceMappingURL=ApiKeysManager.js.map

package/dist/client/ApiKeysManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeysManager.js","sourceRoot":"","sources":["../../src/client/ApiKeysManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/client/ApiKeysManager.tsx"],"names":["Button","CopyIcon","Modal","TextInput","Tooltip","useConfig","useListQuery","useModal","useRouteCache","useState","modalSlug","ApiKeysManager","config","collectionSlug","closeModal","openModal","clearRouteCache","name","setName","token","setToken","error","setError","loading","setLoading","copied","setCopied","hoveredControl","setHoveredControl","open","undefined","close","createKey","trim","response","fetch","routes","api","method","headers","body","JSON","stringify","result","json","ok","copyToken","navigator","clipboard","writeText","copyHandlers","control","onClick","onMouseEnter","onMouseLeave","buttonStyle","margin","type","className","closeOnBlur","onClose","slug","div","h1","p","role","button","aria-label","code","delay","show","label","path","placeholder","readOnly","value","onChange","event","target","onKeyDown","key","preventDefault","disabled","RevokeApiKey","rowData","revoked","setRevoked","confirmSlug","id","revoke","revokedAt","span","size"],"mappings":"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","file":"ApiKeysManager.js"}

package/dist/client/styles.css

@@ -1,89 +1,91 @@
-.api-keys-modal {
-  align-items: center;
-  backdrop-filter: blur(8px);
-  background: color-mix(in srgb, var(--theme-elevation-0) 80%, transparent);
-  display: flex;
-  height: 100%;
-  justify-content: center;
-}
+@layer frogbot {
+  .api-keys-modal {
+    align-items: center;
+    backdrop-filter: blur(8px);
+    background: color-mix(in srgb, var(--theme-elevation-0) 80%, transparent);
+    display: flex;
+    height: 100%;
+    justify-content: center;
+  }
 
-.api-keys-modal__wrapper {
-  background: var(--theme-elevation-50);
-  border: 1px solid var(--theme-elevation-150);
-  border-radius: var(--style-radius-m);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  max-width: 720px;
-  padding: 32px;
-  position: relative;
-  width: min(90vw, 720px);
-  z-index: 1;
-}
+  .api-keys-modal__wrapper {
+    background: var(--theme-elevation-50);
+    border: 1px solid var(--theme-elevation-150);
+    border-radius: var(--style-radius-m);
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    max-width: 720px;
+    padding: 32px;
+    position: relative;
+    width: min(90vw, 720px);
+    z-index: 1;
+  }
 
-.api-keys-modal__content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
+  .api-keys-modal__content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
 
-.api-keys-modal__content > * {
-  margin: 0;
-}
+  .api-keys-modal__content > * {
+    margin: 0;
+  }
 
-.api-keys-modal__warning {
-  color: var(--theme-success-500);
-  font-weight: 600;
-}
+  .api-keys-modal__warning {
+    color: var(--theme-success-500);
+    font-weight: 600;
+  }
 
-.api-keys-modal__token-row {
-  align-items: center;
-  background: var(--theme-elevation-0);
-  border: 1px solid var(--theme-elevation-150);
-  border-radius: var(--style-radius-m);
-  display: flex;
-  gap: 8px;
-  padding: 4px 4px 4px 16px;
-  transition: border-color 200ms ease-out;
-}
+  .api-keys-modal__token-row {
+    align-items: center;
+    background: var(--theme-elevation-0);
+    border: 1px solid var(--theme-elevation-150);
+    border-radius: var(--style-radius-m);
+    display: flex;
+    gap: 8px;
+    padding: 4px 4px 4px 16px;
+    transition: border-color 200ms ease-out;
+  }
 
-.api-keys-modal__token-row:hover {
-  border-color: var(--theme-elevation-400);
-}
+  .api-keys-modal__token-row:hover {
+    border-color: var(--theme-elevation-400);
+  }
 
-.api-keys-modal__token {
-  flex: 1;
-  overflow-wrap: anywhere;
-  padding: 8px 0;
-  position: relative;
-  text-align: left;
-}
+  .api-keys-modal__token {
+    flex: 1;
+    overflow-wrap: anywhere;
+    padding: 8px 0;
+    position: relative;
+    text-align: left;
+  }
 
-.api-keys-modal__copy {
-  padding: 9px;
-  position: relative;
-}
+  .api-keys-modal__copy {
+    padding: 9px;
+    position: relative;
+  }
 
-.api-keys-modal__controls {
-  display: flex;
-  gap: 12px;
-}
+  .api-keys-modal__controls {
+    display: flex;
+    gap: 12px;
+  }
 
-.api-keys-clear-button {
-  background: none;
-  border: none;
-  box-shadow: none;
-  box-sizing: border-box;
-  cursor: pointer;
-  line-height: 1;
-  margin: 0;
-  outline: none;
-}
+  .api-keys-clear-button {
+    background: none;
+    border: none;
+    box-shadow: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    line-height: 1;
+    margin: 0;
+    outline: none;
+  }
 
-.api-keys-slide-up-1 {
-  transition: transform 200ms ease-out;
-}
+  .api-keys-slide-up-1 {
+    transition: transform 200ms ease-out;
+  }
 
-.api-keys-slide-up-1:hover {
-  transform: translateY(-4px);
+  .api-keys-slide-up-1:hover {
+    transform: translateY(-4px);
+  }
 }

package/dist/client.d.ts

@@ -1,3 +1,2 @@
 export { ApiKeysManager, RevokeApiKey } from './client/ApiKeysManager.js';
-export { CostUSDCell, CostUSDField } from './client/CostUSD.js';
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/client.js

@@ -1,3 +1,3 @@
 export { ApiKeysManager, RevokeApiKey } from './client/ApiKeysManager.js';
-export { CostUSDCell, CostUSDField } from './client/CostUSD.js';
+
 //# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"sources":["../src/client.ts"],"names":["ApiKeysManager","RevokeApiKey"],"mappings":"AAAA,SAASA,cAAc,EAAEC,YAAY,QAAQ,6BAA6B","file":"client.js"}

package/dist/collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../src/collection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAIhB,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB,KAAK,iBAAiB,GAAG;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAoIF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAqHpF"}
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../src/collection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAIhB,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB,KAAK,iBAAiB,GAAG;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAoIF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAsHpF"}