@aglyn/plugins-ai 1.0.0-beta.230 → 1.0.0-beta.232

package/src/lib/components/ai-media-create.component.js

@@ -15,15 +15,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */ import { lockdownRefusalText, parseLockdownRefusal } from "@aglyn/aglyn";
+ */ import { lockdownRefusalText, parseLockdownRefusal, resolveEffectivePlan } from "@aglyn/aglyn";
 import { mdiCreation } from "@aglyn/shared-data-mdi";
 import { MdiIcon } from "@aglyn/shared-ui-jsx";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
-import { useUser } from "@aglyn/tenant-feature-instance";
-import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, IconButton, LinearProgress, MenuItem, Radio, RadioGroup, Stack, TextField, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useFirestore, useFirestoreDoc, useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, IconButton, LinearProgress, ListItemText, ListSubheader, MenuItem, Radio, RadioGroup, Stack, TextField, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
+import { doc } from "firebase/firestore";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { aiMediaCreditsPerPicture } from "../model/ai-media-credits.js";
-import { AI_IMAGE_ASPECT_RATIOS, AI_IMAGE_MAX_COUNT, AI_IMAGE_PROMPT_MAX_CHARS, AI_SVG_MAX_COLORS, AI_SVG_STYLES, aiImagePhotosOffered } from "../providers/image-contract.js";
+import { AI_MEDIA_KIND_GROUP_LABELS, AI_MEDIA_KIND_GROUPS, aiMediaKind, aiMediaKindsOffered } from "../model/ai-media-kinds.js";
+import { AI_IMAGE_ASPECT_RATIOS, AI_IMAGE_MAX_COUNT, AI_IMAGE_PROMPT_MAX_CHARS, aiImageSizeForPlan, AI_SVG_MAX_COLORS, aiImagePhotosOffered } from "../providers/image-contract.js";
 /** The words each shape is offered in. */ const ASPECT_LABELS = {
     '1:1': 'Square',
     '4:3': 'Landscape',
@@ -31,14 +33,55 @@ import { AI_IMAGE_ASPECT_RATIOS, AI_IMAGE_MAX_COUNT, AI_IMAGE_PROMPT_MAX_CHARS,
     '16:9': 'Wide',
     '9:16': 'Tall'
 };
-/** The words each kind of illustration is offered in. */ export const AI_SVG_STYLE_LABELS = {
-    illustration: 'Illustration',
-    icon: 'Icon',
-    pattern: 'Pattern',
-    logo: 'Logo mark'
-};
-/** The sentence the estimate reads as, before anything is spent. */ export function aiMediaCreditEstimate(mode, count) {
-    const each = aiMediaCreditsPerPicture(mode);
+/**
+ * What a picture from the image provider may be declined for, as the code
+ * and the provider decide it: Google's filters, and its policies on real
+ * people and brands. A declined picture is never charged.
+ */ export const AI_MEDIA_RASTER_SAFETY_NOTE = 'Pictures of real, identifiable people, celebrities or brands may be declined by the image service. A declined picture is not charged.';
+/** The line under the description for a kind whose colors are described rather than picked. */ export const AI_MEDIA_DESCRIBE_COLORS_NOTE = 'To steer the colors, name them in the description, such as navy and coral.';
+/** The menu's items: each section's heading, then its kinds with what one costs. */ function kindMenuItems(kinds, size) {
+    const groups = AI_MEDIA_KIND_GROUPS.filter((group)=>kinds.some((kind)=>kind.group === group));
+    const item = (kind)=>/*#__PURE__*/ _jsxs(MenuItem, {
+            value: kind.id,
+            sx: {
+                gap: 2
+            },
+            children: [
+                /*#__PURE__*/ _jsx(ListItemText, {
+                    primary: kind.label
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: `about ${aiMediaCreditsPerPicture(kind.mode, undefined, size).toLocaleString()} credits`
+                })
+            ]
+        }, kind.id);
+    // One section needs no heading: a deployment without the image provider
+    // lists the vector kinds alone, as it always has.
+    if (groups.length < 2) return kinds.map(item);
+    return groups.flatMap((group)=>[
+            /*#__PURE__*/ _jsx(ListSubheader, {
+                children: AI_MEDIA_KIND_GROUP_LABELS[group]
+            }, `group:${group}`),
+            ...kinds.filter((kind)=>kind.group === group).map(item)
+        ]);
+}
+/**
+ * The size the door will make a picture at for this workspace (AGL-3602):
+ * 512 px on the Free plan, 1K on a paid one. The door decides from the plan
+ * itself; this reads the same plan so the estimate matches, and reads 1K —
+ * the dearer estimate — until the workspace has arrived.
+ */ export function useAiMediaImageSize(orgId) {
+    const firestore = useFirestore();
+    const { data: org, status } = useFirestoreDoc(()=>doc(firestore, 'orgs', orgId), [
+        firestore,
+        orgId
+    ]);
+    return aiImageSizeForPlan(status === 'success' && resolveEffectivePlan(org) === 'free');
+}
+/** The sentence the estimate reads as, before anything is spent. */ export function aiMediaCreditEstimate(mode, count, size = '1K') {
+    const each = aiMediaCreditsPerPicture(mode, undefined, size);
     const pictures = count === 1 ? '1 picture' : `${count} pictures`;
     return `${pictures} uses about ${(count * each).toLocaleString()} AI credits ` + `(about ${each.toLocaleString()} each). A picture that is held back or does not come out is not charged.`;
 }
@@ -104,12 +147,18 @@ export function AiMediaCreateButton(props) {
     });
 }
 export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, folderId, onCreated }) {
+    var _kinds_find;
     const { data: user } = useUser();
     const userRef = useRef(user);
     userRef.current = user;
     const photos = aiImagePhotosOffered();
-    const [mode, setMode] = useState(photos ? 'photo' : 'illustration');
-    const [style, setStyle] = useState('illustration');
+    const imageSize = useAiMediaImageSize(orgId);
+    const kinds = useMemo(()=>aiMediaKindsOffered(photos), [
+        photos
+    ]);
+    const [kindId, setKindId] = useState(photos ? 'photo' : 'illustration');
+    const kind = (_kinds_find = kinds.find((entry)=>entry.id === kindId)) != null ? _kinds_find : kinds[0];
+    const mode = kind.mode;
     // The site theme's colors need a site; the organization's library names none.
     const [paletteSource, setPaletteSource] = useState(hostId ? 'theme' : 'custom');
     const [colors, setColors] = useState([
@@ -117,7 +166,7 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
         '#fbbc04'
     ]);
     const [prompt, setPrompt] = useState('');
-    const [aspectRatio, setAspectRatio] = useState('1:1');
+    const [aspectRatio, setAspectRatio] = useState(kind.aspectRatio);
     const [count, setCount] = useState(1);
     const [busy, setBusy] = useState(false);
     const [notice, setNotice] = useState(null);
@@ -126,6 +175,11 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
     }, [
         open
     ]);
+    /** A new kind brings its own shape; the person may still change it. */ const chooseKind = (next)=>{
+        setKindId(next);
+        const chosen = aiMediaKind(next);
+        if (chosen) setAspectRatio(chosen.aspectRatio);
+    };
     const create = useCallback(async ()=>{
         const description = prompt.trim();
         if (!description) return;
@@ -146,9 +200,9 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
                     mode,
                     prompt: description,
                     aspectRatio,
-                    count
-                }, mode === 'illustration' ? {
-                    style,
+                    count,
+                    style: kind.id
+                }, kind.colors === 'palette' ? {
                     palette: paletteSource === 'theme' ? {
                         source: 'theme'
                     } : {
@@ -196,7 +250,7 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
         mode,
         aspectRatio,
         count,
-        style,
+        kind,
         paletteSource,
         colors,
         onCreated,
@@ -218,53 +272,51 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
                         pt: 1
                     },
                     children: [
-                        photos ? /*#__PURE__*/ _jsxs(ToggleButtonGroup, {
-                            size: "small",
-                            exclusive: true,
-                            value: mode,
-                            onChange: (_event, next)=>{
-                                if (next) setMode(next);
-                            },
-                            "aria-label": "What to make",
-                            disabled: busy,
-                            children: [
-                                /*#__PURE__*/ _jsx(ToggleButton, {
-                                    value: "photo",
-                                    children: 'Photo'
-                                }),
-                                /*#__PURE__*/ _jsx(ToggleButton, {
-                                    value: "illustration",
-                                    children: 'Illustration or icon'
-                                })
-                            ]
-                        }) : null,
-                        mode === 'illustration' ? /*#__PURE__*/ _jsx(TextField, {
+                        /*#__PURE__*/ _jsx(TextField, {
                             select: true,
                             size: "small",
                             label: "Kind",
-                            value: style,
-                            onChange: (event)=>setStyle(event.target.value),
+                            value: kind.id,
+                            onChange: (event)=>chooseKind(event.target.value),
                             disabled: busy,
-                            sx: {
-                                maxWidth: 240
+                            fullWidth: true,
+                            helperText: kind.hint,
+                            slotProps: {
+                                select: {
+                                    renderValue: (value)=>{
+                                        var _ref;
+                                        var _aiMediaKind;
+                                        return (_ref = (_aiMediaKind = aiMediaKind(String(value))) == null ? void 0 : _aiMediaKind.label) != null ? _ref : String(value);
+                                    },
+                                    MenuProps: {
+                                        slotProps: {
+                                            paper: {
+                                                sx: {
+                                                    maxHeight: 420
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
                             },
-                            helperText: style === 'logo' ? 'A simple symbol, without lettering. Not a real brand’s logo.' : style === 'pattern' ? 'A seamless background that tiles.' : 'Drawn as an SVG, sharp at any size.',
-                            children: AI_SVG_STYLES.map((value)=>/*#__PURE__*/ _jsx(MenuItem, {
-                                    value: value,
-                                    children: AI_SVG_STYLE_LABELS[value]
-                                }, value))
-                        }) : null,
+                            children: kindMenuItems(kinds, imageSize)
+                        }),
                         /*#__PURE__*/ _jsx(TextField, {
                             label: mode === 'photo' ? 'Describe the picture' : 'Describe what to draw',
-                            placeholder: mode === 'photo' ? 'A sunlit bakery counter with fresh sourdough loaves, warm morning light' : 'A friendly delivery van with a parcel, simple and flat',
+                            placeholder: kind.placeholder,
                             value: prompt,
                             onChange: (event)=>setPrompt(event.target.value.slice(0, AI_IMAGE_PROMPT_MAX_CHARS)),
                             multiline: true,
                             minRows: 3,
                             autoFocus: true,
                             disabled: busy,
-                            helperText: "The description becomes each picture's alt text, which you can edit."
+                            helperText: kind.colors === 'describe' ? `${AI_MEDIA_DESCRIBE_COLORS_NOTE} The description becomes each picture's alt text, which you can edit.` : "The description becomes each picture's alt text, which you can edit."
                         }),
+                        mode === 'photo' ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: AI_MEDIA_RASTER_SAFETY_NOTE
+                        }) : null,
                         /*#__PURE__*/ _jsxs(Stack, {
                             spacing: 0.5,
                             children: [
@@ -293,7 +345,7 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
                                 })
                             ]
                         }),
-                        mode === 'illustration' ? /*#__PURE__*/ _jsxs(Stack, {
+                        kind.colors === 'palette' ? /*#__PURE__*/ _jsxs(Stack, {
                             spacing: 1,
                             children: [
                                 /*#__PURE__*/ _jsxs(RadioGroup, {
@@ -390,7 +442,7 @@ export function AiMediaCreateDialog({ open, onClose, orgId, hostId, library, fol
                         /*#__PURE__*/ _jsx(Typography, {
                             variant: "body2",
                             color: "text.secondary",
-                            children: aiMediaCreditEstimate(mode, count)
+                            children: aiMediaCreditEstimate(mode, count, imageSize)
                         }),
                         busy ? /*#__PURE__*/ _jsxs(Stack, {
                             spacing: 1,

package/src/lib/components/ai-media-create.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-media-create.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { lockdownRefusalText, parseLockdownRefusal } from '@aglyn/aglyn'\nimport type { ConsoleMediaLibraryZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  IconButton,\n  LinearProgress,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { aiMediaCreditsPerPicture } from '../model/ai-media-credits'\nimport {\n  AI_IMAGE_ASPECT_RATIOS,\n  AI_IMAGE_MAX_COUNT,\n  AI_IMAGE_PROMPT_MAX_CHARS,\n  AI_SVG_MAX_COLORS,\n  AI_SVG_STYLES,\n  aiImagePhotosOffered,\n  type AiImageAspectRatio,\n  type AiImageMode,\n  type AiSvgStyle,\n} from '../providers/image-contract'\n\n/**\n * \"Create with AI\" in Media (AGL-3602): pictures from a description, added to\n * the library that is open, through the `mediaLibrary` zone beside Upload\n * media and in the library's empty state.\n *\n * It draws from the shell's gates alone — the plan, the member's\n * `ai.generate`, the plugin being on for the workspace and the site — and asks\n * no server anything until someone creates a picture: the door decides then,\n * and the dialog says what it decided. Two modes: an Illustration (an SVG the\n * text AI draws, wherever text AI runs) and, where the deployment makes them,\n * a Photo.\n */\n\n/** Where the shell sends a reader to buy what the plan lacks (AGL-3601). */\nexport interface AiMediaUpgrade {\n  billingHref: string\n  canManageBilling: boolean\n}\n\nexport interface AiMediaCreateButtonProps extends ConsoleMediaLibraryZoneProps {\n  /**\n   * `false` when the shell mounted this as its own upsell: the plan lacks AI\n   * generation and an add-on would grant it. Absent means entitled.\n   */\n  entitled?: boolean\n  upgrade?: AiMediaUpgrade\n}\n\n/** The words each shape is offered in. */\nconst ASPECT_LABELS: Record<AiImageAspectRatio, string> = {\n  '1:1': 'Square',\n  '4:3': 'Landscape',\n  '3:4': 'Portrait',\n  '16:9': 'Wide',\n  '9:16': 'Tall',\n}\n\n/** The words each kind of illustration is offered in. */\nexport const AI_SVG_STYLE_LABELS: Record<AiSvgStyle, string> = {\n  illustration: 'Illustration',\n  icon: 'Icon',\n  pattern: 'Pattern',\n  logo: 'Logo mark',\n}\n\n/** The sentence the estimate reads as, before anything is spent. */\nexport function aiMediaCreditEstimate(mode: AiImageMode, count: number): string {\n  const each = aiMediaCreditsPerPicture(mode)\n  const pictures = count === 1 ? '1 picture' : `${count} pictures`\n  return (\n    `${pictures} uses about ${(count * each).toLocaleString()} AI credits ` +\n    `(about ${each.toLocaleString()} each). A picture that is held back or does not come out is not charged.`\n  )\n}\n\nexport function AiMediaCreateButton(props: AiMediaCreateButtonProps) {\n  const { orgId, entitled, upgrade } = props\n  const [open, setOpen] = useState(false)\n  if (!orgId) return null\n  const button = (\n    <Button\n      size=\"small\"\n      variant=\"outlined\"\n      startIcon={<MdiIcon path={mdiCreation.path} />}\n      onClick={() => setOpen(true)}\n    >\n      {'Create with AI'}\n    </Button>\n  )\n  if (entitled === false) {\n    if (!upgrade) return null\n    return (\n      <>\n        {button}\n        <Dialog open={open} onClose={() => setOpen(false)} fullWidth maxWidth=\"xs\">\n          <DialogTitle>{'Create images with AI'}</DialogTitle>\n          <DialogContent>\n            <Typography>\n              {upgrade.canManageBilling\n                ? 'Creating pictures and illustrations comes with the AI add-on.'\n                : 'Creating pictures and illustrations comes with the AI add-on. Ask an owner or admin of this workspace to add it.'}\n            </Typography>\n          </DialogContent>\n          <DialogActions>\n            <Button onClick={() => setOpen(false)}>{'Close'}</Button>\n            {upgrade.canManageBilling ? (\n              <Button variant=\"contained\" href={upgrade.billingHref}>\n                {'See the AI add-on'}\n              </Button>\n            ) : null}\n          </DialogActions>\n        </Dialog>\n      </>\n    )\n  }\n  return (\n    <>\n      {button}\n      <AiMediaCreateDialog {...props} orgId={orgId} open={open} onClose={() => setOpen(false)} />\n    </>\n  )\n}\n\nexport interface AiMediaCreateDialogProps\n  extends Pick<ConsoleMediaLibraryZoneProps, 'hostId' | 'library' | 'folderId' | 'onCreated'> {\n  open: boolean\n  onClose: () => void\n  orgId: string\n}\n\nexport function AiMediaCreateDialog({\n  open,\n  onClose,\n  orgId,\n  hostId,\n  library,\n  folderId,\n  onCreated,\n}: AiMediaCreateDialogProps) {\n  const { data: user } = useUser()\n  const userRef = useRef(user)\n  userRef.current = user\n  const photos = aiImagePhotosOffered()\n  const [mode, setMode] = useState<AiImageMode>(photos ? 'photo' : 'illustration')\n  const [style, setStyle] = useState<AiSvgStyle>('illustration')\n  // The site theme's colors need a site; the organization's library names none.\n  const [paletteSource, setPaletteSource] = useState<'theme' | 'custom'>(hostId ? 'theme' : 'custom')\n  const [colors, setColors] = useState<string[]>(['#1a73e8', '#fbbc04'])\n  const [prompt, setPrompt] = useState('')\n  const [aspectRatio, setAspectRatio] = useState<AiImageAspectRatio>('1:1')\n  const [count, setCount] = useState(1)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<{ severity: 'error' | 'warning'; text: string } | null>(null)\n\n  useEffect(() => {\n    if (open) setNotice(null)\n  }, [open])\n\n  const create = useCallback(async () => {\n    const description = prompt.trim()\n    if (!description) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const response = await authorizedFetch(userRef.current, '/api/ai/media/images', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          orgId,\n          library,\n          hostId,\n          folderId,\n          mode,\n          prompt: description,\n          aspectRatio,\n          count,\n          ...(mode === 'illustration'\n            ? {\n                style,\n                palette:\n                  paletteSource === 'theme' ? { source: 'theme' } : { source: 'custom', colors },\n              }\n            : {}),\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice({\n          severity: 'error',\n          text: locked\n            ? lockdownRefusalText(locked)\n            : String(payload?.error ?? 'The pictures could not be made — try again.'),\n        })\n        return\n      }\n      const ids: string[] = Array.isArray(payload?.mediaIds) ? payload.mediaIds : []\n      onCreated(ids)\n      const missing = Number(payload?.filtered ?? 0) + Number(payload?.failed ?? 0)\n      if (missing > 0) {\n        setNotice({\n          severity: 'warning',\n          text:\n            `Added ${ids.length} of ${count} to the library. ` +\n            (payload?.warning\n              ? String(payload.warning)\n              : 'The rest were held back and were not charged.'),\n        })\n        return\n      }\n      setPrompt('')\n      onClose()\n    } catch {\n      setNotice({ severity: 'error', text: 'The pictures could not be made — try again.' })\n    } finally {\n      setBusy(false)\n    }\n  }, [prompt, orgId, library, hostId, folderId, mode, aspectRatio, count, style, paletteSource, colors, onCreated, onClose])\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>{'Create images with AI'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          {photos ? (\n            <ToggleButtonGroup\n              size=\"small\"\n              exclusive\n              value={mode}\n              onChange={(_event, next) => {\n                if (next) setMode(next)\n              }}\n              aria-label=\"What to make\"\n              disabled={busy}\n            >\n              <ToggleButton value=\"photo\">{'Photo'}</ToggleButton>\n              <ToggleButton value=\"illustration\">{'Illustration or icon'}</ToggleButton>\n            </ToggleButtonGroup>\n          ) : null}\n          {mode === 'illustration' ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Kind\"\n              value={style}\n              onChange={(event) => setStyle(event.target.value as AiSvgStyle)}\n              disabled={busy}\n              sx={{ maxWidth: 240 }}\n              helperText={\n                style === 'logo'\n                  ? 'A simple symbol, without lettering. Not a real brand’s logo.'\n                  : style === 'pattern'\n                    ? 'A seamless background that tiles.'\n                    : 'Drawn as an SVG, sharp at any size.'\n              }\n            >\n              {AI_SVG_STYLES.map((value) => (\n                <MenuItem key={value} value={value}>\n                  {AI_SVG_STYLE_LABELS[value]}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n          <TextField\n            label={mode === 'photo' ? 'Describe the picture' : 'Describe what to draw'}\n            placeholder={\n              mode === 'photo'\n                ? 'A sunlit bakery counter with fresh sourdough loaves, warm morning light'\n                : 'A friendly delivery van with a parcel, simple and flat'\n            }\n            value={prompt}\n            onChange={(event) => setPrompt(event.target.value.slice(0, AI_IMAGE_PROMPT_MAX_CHARS))}\n            multiline\n            minRows={3}\n            autoFocus\n            disabled={busy}\n            helperText=\"The description becomes each picture's alt text, which you can edit.\"\n          />\n          <Stack spacing={0.5}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Shape'}\n            </Typography>\n            <ToggleButtonGroup\n              size=\"small\"\n              exclusive\n              value={aspectRatio}\n              onChange={(_event, next) => {\n                if (next) setAspectRatio(next)\n              }}\n              aria-label=\"Shape\"\n              disabled={busy}\n              sx={{ flexWrap: 'wrap' }}\n            >\n              {AI_IMAGE_ASPECT_RATIOS.map((ratio) => (\n                <ToggleButton key={ratio} value={ratio} aria-label={`${ASPECT_LABELS[ratio]} ${ratio}`}>\n                  {`${ASPECT_LABELS[ratio]} ${ratio}`}\n                </ToggleButton>\n              ))}\n            </ToggleButtonGroup>\n          </Stack>\n          {mode === 'illustration' ? (\n            <Stack spacing={1}>\n              <RadioGroup\n                value={paletteSource}\n                onChange={(event) => setPaletteSource(event.target.value as 'theme' | 'custom')}\n                aria-label=\"Colors\"\n              >\n                <FormControlLabel\n                  value=\"theme\"\n                  control={<Radio size=\"small\" />}\n                  label=\"Use my site's theme colors\"\n                  disabled={busy || !hostId}\n                />\n                <FormControlLabel\n                  value=\"custom\"\n                  control={<Radio size=\"small\" />}\n                  label=\"Choose colors\"\n                  disabled={busy}\n                />\n              </RadioGroup>\n              {paletteSource === 'custom' ? (\n                <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n                  {colors.map((color, index) => (\n                    <Stack key={index} direction=\"row\" sx={{ alignItems: 'center' }}>\n                      <TextField\n                        type=\"color\"\n                        size=\"small\"\n                        value={color}\n                        onChange={(event) =>\n                          setColors((current) =>\n                            current.map((value, at) => (at === index ? event.target.value : value)),\n                          )\n                        }\n                        disabled={busy}\n                        slotProps={{ htmlInput: { 'aria-label': `Color ${index + 1}` } }}\n                        sx={{ width: 64 }}\n                      />\n                      {colors.length > 1 ? (\n                        <IconButton\n                          size=\"small\"\n                          aria-label={`Remove color ${index + 1}`}\n                          onClick={() => setColors((current) => current.filter((_value, at) => at !== index))}\n                          disabled={busy}\n                        >\n                          {'×'}\n                        </IconButton>\n                      ) : null}\n                    </Stack>\n                  ))}\n                  {colors.length < AI_SVG_MAX_COLORS ? (\n                    <Button size=\"small\" onClick={() => setColors((current) => [...current, '#333333'])} disabled={busy}>\n                      {'Add a color'}\n                    </Button>\n                  ) : null}\n                </Stack>\n              ) : null}\n            </Stack>\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"How many\"\n            value={count}\n            onChange={(event) => setCount(Number(event.target.value))}\n            disabled={busy}\n            sx={{ maxWidth: 160 }}\n          >\n            {Array.from({ length: AI_IMAGE_MAX_COUNT }, (_unused, index) => index + 1).map((value) => (\n              <MenuItem key={value} value={value}>\n                {value}\n              </MenuItem>\n            ))}\n          </TextField>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {aiMediaCreditEstimate(mode, count)}\n          </Typography>\n          {busy ? (\n            <Stack spacing={1}>\n              <LinearProgress />\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Making your pictures and adding them to the library…'}\n              </Typography>\n            </Stack>\n          ) : null}\n          {notice ? <Alert severity={notice.severity}>{notice.text}</Alert> : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Close'}\n        </Button>\n        <Button variant=\"contained\" onClick={() => void create()} disabled={busy || !prompt.trim()}>\n          {busy ? 'Creating…' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nexport default AiMediaCreateButton\n"],"names":["lockdownRefusalText","parseLockdownRefusal","mdiCreation","MdiIcon","authorizedFetch","useUser","Alert","Button","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","IconButton","LinearProgress","MenuItem","Radio","RadioGroup","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","useCallback","useEffect","useRef","useState","aiMediaCreditsPerPicture","AI_IMAGE_ASPECT_RATIOS","AI_IMAGE_MAX_COUNT","AI_IMAGE_PROMPT_MAX_CHARS","AI_SVG_MAX_COLORS","AI_SVG_STYLES","aiImagePhotosOffered","ASPECT_LABELS","AI_SVG_STYLE_LABELS","illustration","icon","pattern","logo","aiMediaCreditEstimate","mode","count","each","pictures","toLocaleString","AiMediaCreateButton","props","orgId","entitled","upgrade","open","setOpen","button","size","variant","startIcon","path","onClick","onClose","fullWidth","maxWidth","canManageBilling","href","billingHref","AiMediaCreateDialog","hostId","library","folderId","onCreated","data","user","userRef","current","photos","setMode","style","setStyle","paletteSource","setPaletteSource","colors","setColors","prompt","setPrompt","aspectRatio","setAspectRatio","setCount","busy","setBusy","notice","setNotice","create","description","trim","response","method","headers","body","JSON","stringify","palette","source","payload","json","catch","ok","locked","status","severity","text","String","error","ids","Array","isArray","mediaIds","missing","Number","filtered","failed","length","warning","undefined","spacing","sx","pt","exclusive","value","onChange","_event","next","aria-label","disabled","select","label","event","target","helperText","map","placeholder","slice","multiline","minRows","autoFocus","color","flexWrap","ratio","control","direction","alignItems","index","type","at","slotProps","htmlInput","width","filter","_value","from","_unused"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,eAAc;AAExE,SAASC,WAAW,QAAQ,yBAAwB;AACpD,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SACEC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,EACVC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,iBAAiB,EACjBC,UAAU,QACL,gBAAe;AACtB,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,SAASC,wBAAwB,QAAQ,+BAA2B;AACpE,SACEC,sBAAsB,EACtBC,kBAAkB,EAClBC,yBAAyB,EACzBC,iBAAiB,EACjBC,aAAa,EACbC,oBAAoB,QAIf,iCAA6B;AA8BpC,wCAAwC,GACxC,MAAMC,gBAAoD;IACxD,OAAO;IACP,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;AACV;AAEA,uDAAuD,GACvD,OAAO,MAAMC,sBAAkD;IAC7DC,cAAc;IACdC,MAAM;IACNC,SAAS;IACTC,MAAM;AACR,EAAC;AAED,kEAAkE,GAClE,OAAO,SAASC,sBAAsBC,IAAiB,EAAEC,KAAa;IACpE,MAAMC,OAAOhB,yBAAyBc;IACtC,MAAMG,WAAWF,UAAU,IAAI,cAAc,GAAGA,MAAM,SAAS,CAAC;IAChE,OACE,GAAGE,SAAS,YAAY,EAAE,AAACF,CAAAA,QAAQC,IAAG,EAAGE,cAAc,GAAG,YAAY,CAAC,GACvE,CAAC,OAAO,EAAEF,KAAKE,cAAc,GAAG,wEAAwE,CAAC;AAE7G;AAEA,OAAO,SAASC,oBAAoBC,KAA+B;IACjE,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGH;IACrC,MAAM,CAACI,MAAMC,QAAQ,GAAG1B,SAAS;IACjC,IAAI,CAACsB,OAAO,OAAO;IACnB,MAAMK,uBACJ,KAAC9C;QACC+C,MAAK;QACLC,SAAQ;QACRC,yBAAW,KAACrD;YAAQsD,MAAMvD,YAAYuD,IAAI;;QAC1CC,SAAS,IAAMN,QAAQ;kBAEtB;;IAGL,IAAIH,aAAa,OAAO;QACtB,IAAI,CAACC,SAAS,OAAO;QACrB,qBACE;;gBACGG;8BACD,MAAC7C;oBAAO2C,MAAMA;oBAAMQ,SAAS,IAAMP,QAAQ;oBAAQQ,SAAS;oBAACC,UAAS;;sCACpE,KAAClD;sCAAa;;sCACd,KAACD;sCACC,cAAA,KAACY;0CACE4B,QAAQY,gBAAgB,GACrB,kEACA;;;sCAGR,MAACrD;;8CACC,KAACF;oCAAOmD,SAAS,IAAMN,QAAQ;8CAAS;;gCACvCF,QAAQY,gBAAgB,iBACvB,KAACvD;oCAAOgD,SAAQ;oCAAYQ,MAAMb,QAAQc,WAAW;8CAClD;qCAED;;;;;;;IAKd;IACA,qBACE;;YACGX;0BACD,KAACY,kCAAwBlB;gBAAOC,OAAOA;gBAAOG,MAAMA;gBAAMQ,SAAS,IAAMP,QAAQ;;;;AAGvF;AASA,OAAO,SAASa,oBAAoB,EAClCd,IAAI,EACJQ,OAAO,EACPX,KAAK,EACLkB,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACgB;IACzB,MAAM,EAAEC,MAAMC,IAAI,EAAE,GAAGlE;IACvB,MAAMmE,UAAU/C,OAAO8C;IACvBC,QAAQC,OAAO,GAAGF;IAClB,MAAMG,SAASzC;IACf,MAAM,CAACQ,MAAMkC,QAAQ,GAAGjD,SAAsBgD,SAAS,UAAU;IACjE,MAAM,CAACE,OAAOC,SAAS,GAAGnD,SAAqB;IAC/C,8EAA8E;IAC9E,MAAM,CAACoD,eAAeC,iBAAiB,GAAGrD,SAA6BwC,SAAS,UAAU;IAC1F,MAAM,CAACc,QAAQC,UAAU,GAAGvD,SAAmB;QAAC;QAAW;KAAU;IACrE,MAAM,CAACwD,QAAQC,UAAU,GAAGzD,SAAS;IACrC,MAAM,CAAC0D,aAAaC,eAAe,GAAG3D,SAA6B;IACnE,MAAM,CAACgB,OAAO4C,SAAS,GAAG5D,SAAS;IACnC,MAAM,CAAC6D,MAAMC,QAAQ,GAAG9D,SAAS;IACjC,MAAM,CAAC+D,QAAQC,UAAU,GAAGhE,SAAiE;IAE7FF,UAAU;QACR,IAAI2B,MAAMuC,UAAU;IACtB,GAAG;QAACvC;KAAK;IAET,MAAMwC,SAASpE,YAAY;QACzB,MAAMqE,cAAcV,OAAOW,IAAI;QAC/B,IAAI,CAACD,aAAa;QAClBJ,QAAQ;QACRE,UAAU;QACV,IAAI;;YACF,MAAMI,WAAW,MAAM1F,gBAAgBoE,QAAQC,OAAO,EAAE,wBAAwB;gBAC9EsB,QAAQ;gBACRC,SAAS;oBAAE,gBAAgB;gBAAmB;gBAC9CC,MAAMC,KAAKC,SAAS,CAAC;oBACnBnD;oBACAmB;oBACAD;oBACAE;oBACA3B;oBACAyC,QAAQU;oBACRR;oBACA1C;mBACID,SAAS,iBACT;oBACEmC;oBACAwB,SACEtB,kBAAkB,UAAU;wBAAEuB,QAAQ;oBAAQ,IAAI;wBAAEA,QAAQ;wBAAUrB;oBAAO;gBACjF,IACA,CAAC;YAET;YACA,MAAMsB,UAAU,MAAMR,SAASS,IAAI,GAAGC,KAAK,CAAC,IAAM;YAClD,IAAI,CAACV,SAASW,EAAE,EAAE;;gBAChB,MAAMC,SAASzG,qBAAqB6F,SAASa,MAAM,EAAEL;gBACrDZ,UAAU;oBACRkB,UAAU;oBACVC,MAAMH,SACF1G,oBAAoB0G,UACpBI,gBAAOR,2BAAAA,QAASS,KAAK,oBAAI;gBAC/B;gBACA;YACF;YACA,MAAMC,MAAgBC,MAAMC,OAAO,CAACZ,2BAAAA,QAASa,QAAQ,IAAIb,QAAQa,QAAQ,GAAG,EAAE;YAC9E9C,UAAU2C;YACV,MAAMI,UAAUC,eAAOf,2BAAAA,QAASgB,QAAQ,mBAAI,KAAKD,gBAAOf,2BAAAA,QAASiB,MAAM,oBAAI;YAC3E,IAAIH,UAAU,GAAG;gBACf1B,UAAU;oBACRkB,UAAU;oBACVC,MACE,CAAC,MAAM,EAAEG,IAAIQ,MAAM,CAAC,IAAI,EAAE9E,MAAM,iBAAiB,CAAC,GACjD4D,CAAAA,CAAAA,2BAAAA,QAASmB,OAAO,IACbX,OAAOR,QAAQmB,OAAO,IACtB,+CAA8C;gBACtD;gBACA;YACF;YACAtC,UAAU;YACVxB;QACF,EAAE,eAAM;YACN+B,UAAU;gBAAEkB,UAAU;gBAASC,MAAM;YAA8C;QACrF,SAAU;YACRrB,QAAQ;QACV;IACF,GAAG;QAACN;QAAQlC;QAAOmB;QAASD;QAAQE;QAAU3B;QAAM2C;QAAa1C;QAAOkC;QAAOE;QAAeE;QAAQX;QAAWV;KAAQ;IAEzH,qBACE,MAACnD;QAAO2C,MAAMA;QAAMQ,SAAS4B,OAAOmC,YAAY/D;QAASC,SAAS;QAACC,UAAS;;0BAC1E,KAAClD;0BAAa;;0BACd,KAACD;0BACC,cAAA,MAACQ;oBAAMyG,SAAS;oBAAGC,IAAI;wBAAEC,IAAI;oBAAE;;wBAC5BnD,uBACC,MAACrD;4BACCiC,MAAK;4BACLwE,SAAS;4BACTC,OAAOtF;4BACPuF,UAAU,CAACC,QAAQC;gCACjB,IAAIA,MAAMvD,QAAQuD;4BACpB;4BACAC,cAAW;4BACXC,UAAU7C;;8CAEV,KAACnE;oCAAa2G,OAAM;8CAAS;;8CAC7B,KAAC3G;oCAAa2G,OAAM;8CAAgB;;;6BAEpC;wBACHtF,SAAS,+BACR,KAACtB;4BACCkH,MAAM;4BACN/E,MAAK;4BACLgF,OAAM;4BACNP,OAAOnD;4BACPoD,UAAU,CAACO,QAAU1D,SAAS0D,MAAMC,MAAM,CAACT,KAAK;4BAChDK,UAAU7C;4BACVqC,IAAI;gCAAE/D,UAAU;4BAAI;4BACpB4E,YACE7D,UAAU,SACN,iEACAA,UAAU,YACR,sCACA;sCAGP5C,cAAc0G,GAAG,CAAC,CAACX,sBAClB,KAAChH;oCAAqBgH,OAAOA;8CAC1B5F,mBAAmB,CAAC4F,MAAM;mCADdA;6BAKjB;sCACJ,KAAC5G;4BACCmH,OAAO7F,SAAS,UAAU,yBAAyB;4BACnDkG,aACElG,SAAS,UACL,4EACA;4BAENsF,OAAO7C;4BACP8C,UAAU,CAACO,QAAUpD,UAAUoD,MAAMC,MAAM,CAACT,KAAK,CAACa,KAAK,CAAC,GAAG9G;4BAC3D+G,SAAS;4BACTC,SAAS;4BACTC,SAAS;4BACTX,UAAU7C;4BACVkD,YAAW;;sCAEb,MAACvH;4BAAMyG,SAAS;;8CACd,KAACrG;oCAAWiC,SAAQ;oCAAQyF,OAAM;8CAC/B;;8CAEH,KAAC3H;oCACCiC,MAAK;oCACLwE,SAAS;oCACTC,OAAO3C;oCACP4C,UAAU,CAACC,QAAQC;wCACjB,IAAIA,MAAM7C,eAAe6C;oCAC3B;oCACAC,cAAW;oCACXC,UAAU7C;oCACVqC,IAAI;wCAAEqB,UAAU;oCAAO;8CAEtBrH,uBAAuB8G,GAAG,CAAC,CAACQ,sBAC3B,KAAC9H;4CAAyB2G,OAAOmB;4CAAOf,cAAY,GAAGjG,aAAa,CAACgH,MAAM,CAAC,CAAC,EAAEA,OAAO;sDACnF,GAAGhH,aAAa,CAACgH,MAAM,CAAC,CAAC,EAAEA,OAAO;2CADlBA;;;;wBAMxBzG,SAAS,+BACR,MAACvB;4BAAMyG,SAAS;;8CACd,MAAC1G;oCACC8G,OAAOjD;oCACPkD,UAAU,CAACO,QAAUxD,iBAAiBwD,MAAMC,MAAM,CAACT,KAAK;oCACxDI,cAAW;;sDAEX,KAACvH;4CACCmH,OAAM;4CACNoB,uBAAS,KAACnI;gDAAMsC,MAAK;;4CACrBgF,OAAM;4CACNF,UAAU7C,QAAQ,CAACrB;;sDAErB,KAACtD;4CACCmH,OAAM;4CACNoB,uBAAS,KAACnI;gDAAMsC,MAAK;;4CACrBgF,OAAM;4CACNF,UAAU7C;;;;gCAGbT,kBAAkB,yBACjB,MAAC5D;oCAAMkI,WAAU;oCAAMzB,SAAS;oCAAGC,IAAI;wCAAEyB,YAAY;wCAAUJ,UAAU;oCAAO;;wCAC7EjE,OAAO0D,GAAG,CAAC,CAACM,OAAOM,sBAClB,MAACpI;gDAAkBkI,WAAU;gDAAMxB,IAAI;oDAAEyB,YAAY;gDAAS;;kEAC5D,KAAClI;wDACCoI,MAAK;wDACLjG,MAAK;wDACLyE,OAAOiB;wDACPhB,UAAU,CAACO,QACTtD,UAAU,CAACR,UACTA,QAAQiE,GAAG,CAAC,CAACX,OAAOyB,KAAQA,OAAOF,QAAQf,MAAMC,MAAM,CAACT,KAAK,GAAGA;wDAGpEK,UAAU7C;wDACVkE,WAAW;4DAAEC,WAAW;gEAAE,cAAc,CAAC,MAAM,EAAEJ,QAAQ,GAAG;4DAAC;wDAAE;wDAC/D1B,IAAI;4DAAE+B,OAAO;wDAAG;;oDAEjB3E,OAAOwC,MAAM,GAAG,kBACf,KAAC3G;wDACCyC,MAAK;wDACL6E,cAAY,CAAC,aAAa,EAAEmB,QAAQ,GAAG;wDACvC5F,SAAS,IAAMuB,UAAU,CAACR,UAAYA,QAAQmF,MAAM,CAAC,CAACC,QAAQL,KAAOA,OAAOF;wDAC5ElB,UAAU7C;kEAET;yDAED;;+CAvBM+D;wCA0BbtE,OAAOwC,MAAM,GAAGzF,kCACf,KAACxB;4CAAO+C,MAAK;4CAAQI,SAAS,IAAMuB,UAAU,CAACR,UAAY;2DAAIA;wDAAS;qDAAU;4CAAG2D,UAAU7C;sDAC5F;6CAED;;qCAEJ;;6BAEJ;sCACJ,KAACpE;4BACCkH,MAAM;4BACN/E,MAAK;4BACLgF,OAAM;4BACNP,OAAOrF;4BACPsF,UAAU,CAACO,QAAUjD,SAAS+B,OAAOkB,MAAMC,MAAM,CAACT,KAAK;4BACvDK,UAAU7C;4BACVqC,IAAI;gCAAE/D,UAAU;4BAAI;sCAEnBoD,MAAM6C,IAAI,CAAC;gCAAEtC,QAAQ3F;4BAAmB,GAAG,CAACkI,SAAST,QAAUA,QAAQ,GAAGZ,GAAG,CAAC,CAACX,sBAC9E,KAAChH;oCAAqBgH,OAAOA;8CAC1BA;mCADYA;;sCAKnB,KAACzG;4BAAWiC,SAAQ;4BAAQyF,OAAM;sCAC/BxG,sBAAsBC,MAAMC;;wBAE9B6C,qBACC,MAACrE;4BAAMyG,SAAS;;8CACd,KAAC7G;8CACD,KAACQ;oCAAWiC,SAAQ;oCAAQyF,OAAM;8CAC/B;;;6BAGH;wBACHvD,uBAAS,KAACnF;4BAAMsG,UAAUnB,OAAOmB,QAAQ;sCAAGnB,OAAOoB,IAAI;6BAAY;;;;0BAGxE,MAACpG;;kCACC,KAACF;wBAAOmD,SAASC;wBAASyE,UAAU7C;kCACjC;;kCAEH,KAAChF;wBAAOgD,SAAQ;wBAAYG,SAAS,IAAM,KAAKiC;wBAAUyC,UAAU7C,QAAQ,CAACL,OAAOW,IAAI;kCACrFN,OAAO,cAAc;;;;;;AAKhC;AAEA,eAAezC,oBAAmB"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-media-create.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { lockdownRefusalText, parseLockdownRefusal, resolveEffectivePlan } from '@aglyn/aglyn'\nimport type { ConsoleMediaLibraryZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { mdiCreation } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useFirestore, useFirestoreDoc, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  IconButton,\n  LinearProgress,\n  ListItemText,\n  ListSubheader,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { aiMediaCreditsPerPicture } from '../model/ai-media-credits'\nimport {\n  AI_MEDIA_KIND_GROUP_LABELS,\n  AI_MEDIA_KIND_GROUPS,\n  aiMediaKind,\n  aiMediaKindsOffered,\n  type AiMediaKind,\n  type AiMediaKindId,\n} from '../model/ai-media-kinds'\nimport {\n  AI_IMAGE_ASPECT_RATIOS,\n  AI_IMAGE_MAX_COUNT,\n  AI_IMAGE_PROMPT_MAX_CHARS,\n  aiImageSizeForPlan,\n  AI_SVG_MAX_COLORS,\n  aiImagePhotosOffered,\n  type AiImageAspectRatio,\n  type AiImageMode,\n  type AiImageSize,\n} from '../providers/image-contract'\n\n/**\n * \"Create with AI\" in Media (AGL-3602): pictures from a description, added to\n * the library that is open, through the `mediaLibrary` zone beside Upload\n * media and in the library's empty state.\n *\n * It draws from the shell's gates alone — the plan, the member's\n * `ai.generate`, the plugin being on for the workspace and the site — and asks\n * no server anything until someone creates a picture: the door decides then,\n * and the dialog says what it decided. One Kind menu, in sections: Vector\n * kinds (an SVG the text AI draws, wherever text AI runs) and, where the\n * deployment makes them, Photo, Art and Design kinds from the image provider.\n */\n\n/** Where the shell sends a reader to buy what the plan lacks (AGL-3601). */\nexport interface AiMediaUpgrade {\n  billingHref: string\n  canManageBilling: boolean\n}\n\nexport interface AiMediaCreateButtonProps extends ConsoleMediaLibraryZoneProps {\n  /**\n   * `false` when the shell mounted this as its own upsell: the plan lacks AI\n   * generation and an add-on would grant it. Absent means entitled.\n   */\n  entitled?: boolean\n  upgrade?: AiMediaUpgrade\n}\n\n/** The words each shape is offered in. */\nconst ASPECT_LABELS: Record<AiImageAspectRatio, string> = {\n  '1:1': 'Square',\n  '4:3': 'Landscape',\n  '3:4': 'Portrait',\n  '16:9': 'Wide',\n  '9:16': 'Tall',\n}\n\n/**\n * What a picture from the image provider may be declined for, as the code\n * and the provider decide it: Google's filters, and its policies on real\n * people and brands. A declined picture is never charged.\n */\nexport const AI_MEDIA_RASTER_SAFETY_NOTE =\n  'Pictures of real, identifiable people, celebrities or brands may be declined by the image service. A declined picture is not charged.'\n\n/** The line under the description for a kind whose colors are described rather than picked. */\nexport const AI_MEDIA_DESCRIBE_COLORS_NOTE =\n  'To steer the colors, name them in the description, such as navy and coral.'\n\n/** The menu's items: each section's heading, then its kinds with what one costs. */\nfunction kindMenuItems(kinds: readonly AiMediaKind[], size: AiImageSize): ReactNode[] {\n  const groups = AI_MEDIA_KIND_GROUPS.filter((group) => kinds.some((kind) => kind.group === group))\n  const item = (kind: AiMediaKind) => (\n    <MenuItem key={kind.id} value={kind.id} sx={{ gap: 2 }}>\n      <ListItemText primary={kind.label} />\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {`about ${aiMediaCreditsPerPicture(kind.mode, undefined, size).toLocaleString()} credits`}\n      </Typography>\n    </MenuItem>\n  )\n  // One section needs no heading: a deployment without the image provider\n  // lists the vector kinds alone, as it always has.\n  if (groups.length < 2) return kinds.map(item)\n  return groups.flatMap((group) => [\n    <ListSubheader key={`group:${group}`}>{AI_MEDIA_KIND_GROUP_LABELS[group]}</ListSubheader>,\n    ...kinds.filter((kind) => kind.group === group).map(item),\n  ])\n}\n\n/**\n * The size the door will make a picture at for this workspace (AGL-3602):\n * 512 px on the Free plan, 1K on a paid one. The door decides from the plan\n * itself; this reads the same plan so the estimate matches, and reads 1K —\n * the dearer estimate — until the workspace has arrived.\n */\nexport function useAiMediaImageSize(orgId: string): AiImageSize {\n  const firestore = useFirestore()\n  const { data: org, status } = useFirestoreDoc<Record<string, unknown>>(\n    () => doc(firestore, 'orgs', orgId),\n    [firestore, orgId],\n  )\n  return aiImageSizeForPlan(status === 'success' && resolveEffectivePlan(org as never) === 'free')\n}\n\n/** The sentence the estimate reads as, before anything is spent. */\nexport function aiMediaCreditEstimate(\n  mode: AiImageMode,\n  count: number,\n  size: AiImageSize = '1K',\n): string {\n  const each = aiMediaCreditsPerPicture(mode, undefined, size)\n  const pictures = count === 1 ? '1 picture' : `${count} pictures`\n  return (\n    `${pictures} uses about ${(count * each).toLocaleString()} AI credits ` +\n    `(about ${each.toLocaleString()} each). A picture that is held back or does not come out is not charged.`\n  )\n}\n\nexport function AiMediaCreateButton(props: AiMediaCreateButtonProps) {\n  const { orgId, entitled, upgrade } = props\n  const [open, setOpen] = useState(false)\n  if (!orgId) return null\n  const button = (\n    <Button\n      size=\"small\"\n      variant=\"outlined\"\n      startIcon={<MdiIcon path={mdiCreation.path} />}\n      onClick={() => setOpen(true)}\n    >\n      {'Create with AI'}\n    </Button>\n  )\n  if (entitled === false) {\n    if (!upgrade) return null\n    return (\n      <>\n        {button}\n        <Dialog open={open} onClose={() => setOpen(false)} fullWidth maxWidth=\"xs\">\n          <DialogTitle>{'Create images with AI'}</DialogTitle>\n          <DialogContent>\n            <Typography>\n              {upgrade.canManageBilling\n                ? 'Creating pictures and illustrations comes with the AI add-on.'\n                : 'Creating pictures and illustrations comes with the AI add-on. Ask an owner or admin of this workspace to add it.'}\n            </Typography>\n          </DialogContent>\n          <DialogActions>\n            <Button onClick={() => setOpen(false)}>{'Close'}</Button>\n            {upgrade.canManageBilling ? (\n              <Button variant=\"contained\" href={upgrade.billingHref}>\n                {'See the AI add-on'}\n              </Button>\n            ) : null}\n          </DialogActions>\n        </Dialog>\n      </>\n    )\n  }\n  return (\n    <>\n      {button}\n      <AiMediaCreateDialog {...props} orgId={orgId} open={open} onClose={() => setOpen(false)} />\n    </>\n  )\n}\n\nexport interface AiMediaCreateDialogProps\n  extends Pick<ConsoleMediaLibraryZoneProps, 'hostId' | 'library' | 'folderId' | 'onCreated'> {\n  open: boolean\n  onClose: () => void\n  orgId: string\n}\n\nexport function AiMediaCreateDialog({\n  open,\n  onClose,\n  orgId,\n  hostId,\n  library,\n  folderId,\n  onCreated,\n}: AiMediaCreateDialogProps) {\n  const { data: user } = useUser()\n  const userRef = useRef(user)\n  userRef.current = user\n  const photos = aiImagePhotosOffered()\n  const imageSize = useAiMediaImageSize(orgId)\n  const kinds = useMemo(() => aiMediaKindsOffered(photos), [photos])\n  const [kindId, setKindId] = useState<AiMediaKindId>(photos ? 'photo' : 'illustration')\n  const kind = kinds.find((entry) => entry.id === kindId) ?? kinds[0]\n  const mode = kind.mode\n  // The site theme's colors need a site; the organization's library names none.\n  const [paletteSource, setPaletteSource] = useState<'theme' | 'custom'>(hostId ? 'theme' : 'custom')\n  const [colors, setColors] = useState<string[]>(['#1a73e8', '#fbbc04'])\n  const [prompt, setPrompt] = useState('')\n  const [aspectRatio, setAspectRatio] = useState<AiImageAspectRatio>(kind.aspectRatio)\n  const [count, setCount] = useState(1)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<{ severity: 'error' | 'warning'; text: string } | null>(null)\n\n  useEffect(() => {\n    if (open) setNotice(null)\n  }, [open])\n\n  /** A new kind brings its own shape; the person may still change it. */\n  const chooseKind = (next: AiMediaKindId) => {\n    setKindId(next)\n    const chosen = aiMediaKind(next)\n    if (chosen) setAspectRatio(chosen.aspectRatio)\n  }\n\n  const create = useCallback(async () => {\n    const description = prompt.trim()\n    if (!description) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const response = await authorizedFetch(userRef.current, '/api/ai/media/images', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          orgId,\n          library,\n          hostId,\n          folderId,\n          mode,\n          prompt: description,\n          aspectRatio,\n          count,\n          style: kind.id,\n          ...(kind.colors === 'palette'\n            ? {\n                palette:\n                  paletteSource === 'theme' ? { source: 'theme' } : { source: 'custom', colors },\n              }\n            : {}),\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice({\n          severity: 'error',\n          text: locked\n            ? lockdownRefusalText(locked)\n            : String(payload?.error ?? 'The pictures could not be made — try again.'),\n        })\n        return\n      }\n      const ids: string[] = Array.isArray(payload?.mediaIds) ? payload.mediaIds : []\n      onCreated(ids)\n      const missing = Number(payload?.filtered ?? 0) + Number(payload?.failed ?? 0)\n      if (missing > 0) {\n        setNotice({\n          severity: 'warning',\n          text:\n            `Added ${ids.length} of ${count} to the library. ` +\n            (payload?.warning\n              ? String(payload.warning)\n              : 'The rest were held back and were not charged.'),\n        })\n        return\n      }\n      setPrompt('')\n      onClose()\n    } catch {\n      setNotice({ severity: 'error', text: 'The pictures could not be made — try again.' })\n    } finally {\n      setBusy(false)\n    }\n  }, [prompt, orgId, library, hostId, folderId, mode, aspectRatio, count, kind, paletteSource, colors, onCreated, onClose])\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>{'Create images with AI'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Kind\"\n            value={kind.id}\n            onChange={(event) => chooseKind(event.target.value as AiMediaKindId)}\n            disabled={busy}\n            fullWidth\n            helperText={kind.hint}\n            slotProps={{\n              select: {\n                renderValue: (value) => aiMediaKind(String(value))?.label ?? String(value),\n                MenuProps: { slotProps: { paper: { sx: { maxHeight: 420 } } } },\n              },\n            }}\n          >\n            {kindMenuItems(kinds, imageSize)}\n          </TextField>\n          <TextField\n            label={mode === 'photo' ? 'Describe the picture' : 'Describe what to draw'}\n            placeholder={kind.placeholder}\n            value={prompt}\n            onChange={(event) => setPrompt(event.target.value.slice(0, AI_IMAGE_PROMPT_MAX_CHARS))}\n            multiline\n            minRows={3}\n            autoFocus\n            disabled={busy}\n            helperText={\n              kind.colors === 'describe'\n                ? `${AI_MEDIA_DESCRIBE_COLORS_NOTE} The description becomes each picture's alt text, which you can edit.`\n                : \"The description becomes each picture's alt text, which you can edit.\"\n            }\n          />\n          {mode === 'photo' ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {AI_MEDIA_RASTER_SAFETY_NOTE}\n            </Typography>\n          ) : null}\n          <Stack spacing={0.5}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Shape'}\n            </Typography>\n            <ToggleButtonGroup\n              size=\"small\"\n              exclusive\n              value={aspectRatio}\n              onChange={(_event, next) => {\n                if (next) setAspectRatio(next)\n              }}\n              aria-label=\"Shape\"\n              disabled={busy}\n              sx={{ flexWrap: 'wrap' }}\n            >\n              {AI_IMAGE_ASPECT_RATIOS.map((ratio) => (\n                <ToggleButton key={ratio} value={ratio} aria-label={`${ASPECT_LABELS[ratio]} ${ratio}`}>\n                  {`${ASPECT_LABELS[ratio]} ${ratio}`}\n                </ToggleButton>\n              ))}\n            </ToggleButtonGroup>\n          </Stack>\n          {kind.colors === 'palette' ? (\n            <Stack spacing={1}>\n              <RadioGroup\n                value={paletteSource}\n                onChange={(event) => setPaletteSource(event.target.value as 'theme' | 'custom')}\n                aria-label=\"Colors\"\n              >\n                <FormControlLabel\n                  value=\"theme\"\n                  control={<Radio size=\"small\" />}\n                  label=\"Use my site's theme colors\"\n                  disabled={busy || !hostId}\n                />\n                <FormControlLabel\n                  value=\"custom\"\n                  control={<Radio size=\"small\" />}\n                  label=\"Choose colors\"\n                  disabled={busy}\n                />\n              </RadioGroup>\n              {paletteSource === 'custom' ? (\n                <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n                  {colors.map((color, index) => (\n                    <Stack key={index} direction=\"row\" sx={{ alignItems: 'center' }}>\n                      <TextField\n                        type=\"color\"\n                        size=\"small\"\n                        value={color}\n                        onChange={(event) =>\n                          setColors((current) =>\n                            current.map((value, at) => (at === index ? event.target.value : value)),\n                          )\n                        }\n                        disabled={busy}\n                        slotProps={{ htmlInput: { 'aria-label': `Color ${index + 1}` } }}\n                        sx={{ width: 64 }}\n                      />\n                      {colors.length > 1 ? (\n                        <IconButton\n                          size=\"small\"\n                          aria-label={`Remove color ${index + 1}`}\n                          onClick={() => setColors((current) => current.filter((_value, at) => at !== index))}\n                          disabled={busy}\n                        >\n                          {'×'}\n                        </IconButton>\n                      ) : null}\n                    </Stack>\n                  ))}\n                  {colors.length < AI_SVG_MAX_COLORS ? (\n                    <Button size=\"small\" onClick={() => setColors((current) => [...current, '#333333'])} disabled={busy}>\n                      {'Add a color'}\n                    </Button>\n                  ) : null}\n                </Stack>\n              ) : null}\n            </Stack>\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"How many\"\n            value={count}\n            onChange={(event) => setCount(Number(event.target.value))}\n            disabled={busy}\n            sx={{ maxWidth: 160 }}\n          >\n            {Array.from({ length: AI_IMAGE_MAX_COUNT }, (_unused, index) => index + 1).map((value) => (\n              <MenuItem key={value} value={value}>\n                {value}\n              </MenuItem>\n            ))}\n          </TextField>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {aiMediaCreditEstimate(mode, count, imageSize)}\n          </Typography>\n          {busy ? (\n            <Stack spacing={1}>\n              <LinearProgress />\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Making your pictures and adding them to the library…'}\n              </Typography>\n            </Stack>\n          ) : null}\n          {notice ? <Alert severity={notice.severity}>{notice.text}</Alert> : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {'Close'}\n        </Button>\n        <Button variant=\"contained\" onClick={() => void create()} disabled={busy || !prompt.trim()}>\n          {busy ? 'Creating…' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nexport default AiMediaCreateButton\n"],"names":["lockdownRefusalText","parseLockdownRefusal","resolveEffectivePlan","mdiCreation","MdiIcon","authorizedFetch","useFirestore","useFirestoreDoc","useUser","Alert","Button","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","IconButton","LinearProgress","ListItemText","ListSubheader","MenuItem","Radio","RadioGroup","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","doc","useCallback","useEffect","useMemo","useRef","useState","aiMediaCreditsPerPicture","AI_MEDIA_KIND_GROUP_LABELS","AI_MEDIA_KIND_GROUPS","aiMediaKind","aiMediaKindsOffered","AI_IMAGE_ASPECT_RATIOS","AI_IMAGE_MAX_COUNT","AI_IMAGE_PROMPT_MAX_CHARS","aiImageSizeForPlan","AI_SVG_MAX_COLORS","aiImagePhotosOffered","ASPECT_LABELS","AI_MEDIA_RASTER_SAFETY_NOTE","AI_MEDIA_DESCRIBE_COLORS_NOTE","kindMenuItems","kinds","size","groups","filter","group","some","kind","item","value","id","sx","gap","primary","label","variant","color","mode","undefined","toLocaleString","length","map","flatMap","useAiMediaImageSize","orgId","firestore","data","org","status","aiMediaCreditEstimate","count","each","pictures","AiMediaCreateButton","props","entitled","upgrade","open","setOpen","button","startIcon","path","onClick","onClose","fullWidth","maxWidth","canManageBilling","href","billingHref","AiMediaCreateDialog","hostId","library","folderId","onCreated","user","userRef","current","photos","imageSize","kindId","setKindId","find","entry","paletteSource","setPaletteSource","colors","setColors","prompt","setPrompt","aspectRatio","setAspectRatio","setCount","busy","setBusy","notice","setNotice","chooseKind","next","chosen","create","description","trim","response","method","headers","body","JSON","stringify","style","palette","source","payload","json","catch","ok","locked","severity","text","String","error","ids","Array","isArray","mediaIds","missing","Number","filtered","failed","warning","spacing","pt","select","onChange","event","target","disabled","helperText","hint","slotProps","renderValue","MenuProps","paper","maxHeight","placeholder","slice","multiline","minRows","autoFocus","exclusive","_event","aria-label","flexWrap","ratio","control","direction","alignItems","index","type","at","htmlInput","width","_value","from","_unused"],"mappings":"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"}

package/src/lib/components/ai-permissions-on-host.component.d.ts

@@ -1,50 +1,8 @@
 import type { ConsoleDockZoneProps } from '@aglyn/aglyn';
-import { type ComponentProps } from 'react';
-import { AiAssistProvider } from './ai-assist-provider.component';
+import type { ComponentProps } from 'react';
 import { AssistPanelComponent } from './assist-panel.component';
-/**
- * What the console shell hands a provider and the assistant dock (AGL-2984):
- * the reader's verdict for every catalog key a plugin declared, on the site
- * in view, with `loaded` false until every read behind it has answered.
- */
-export interface ShellPermissionsOnHost {
-    loaded: boolean;
-    granted: Readonly<Record<string, boolean>>;
-}
-/** The AI half of that answer, in the shape the AI surfaces hold on. */
-export interface AiPermissionsAnswer {
-    loaded: boolean;
-    use: boolean;
-    generate: boolean;
-}
-/**
- * The shell's answer read for the two AI keys. `undefined` while the shell
- * has handed nothing, which the provider reads as pending; one object per
- * verdict, so the callbacks keyed on it are not rebuilt on every render.
- */
-export declare function useAiPermissionsOnHost(answer: ShellPermissionsOnHost | undefined): AiPermissionsAnswer | undefined;
-type ProviderProps = Omit<ComponentProps<typeof AiAssistProvider>, 'aiPermissions'> & {
-    permissionsOnHost?: ShellPermissionsOnHost;
-    /**
-     * The plugins that run on the site in view, as the shell resolved them
-     * (AGL-3028). Absent where the shell hands none, which reads as no site
-     * narrowing at all.
-     */
-    enabledPluginIds?: readonly string[];
-};
-/**
- * The besigner copy assistant's provider, holding on the shell's permission
- * answer.
- *
- * On a site with AI switched off (AGL-3028) it stays MOUNTED — it wraps every
- * console page, and a provider that came and went per site would remount the
- * whole tree beneath it — and opens nothing: a settled refusal publishes no
- * callback, so no control can reach its dialogs.
- */
-export declare function AiAssistProviderOnHost(props: ProviderProps): import("react").JSX.Element;
-export declare namespace AiAssistProviderOnHost {
-    var displayName: string;
-}
+import { type ShellPermissionsOnHost } from './ai-assist-provider-on-host.component';
+export { AiAssistProviderOnHost, useAiPermissionsOnHost, type AiPermissionsAnswer, type ShellPermissionsOnHost, } from './ai-assist-provider-on-host.component';
 type PanelProps = Omit<ComponentProps<typeof AssistPanelComponent>, 'aiPermissions' | 'assistVisible' | 'assistStaffPreview' | 'generativeVisible'> & {
     permissionsOnHost?: ShellPermissionsOnHost;
     /**
@@ -62,4 +20,3 @@ export declare function AssistPanelOnHost(props: PanelProps): import("react").JS
 export declare namespace AssistPanelOnHost {
     var displayName: string;
 }
-export {};

package/src/lib/components/ai-permissions-on-host.component.js

@@ -17,65 +17,17 @@
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { AI_PLUGIN_ID } from "../constants.js";
-import { aiPermissionsOf } from "../model/ai-permissions.js";
-import { AiAssistProvider } from "./ai-assist-provider.component.js";
 import { AssistPanelComponent } from "./assist-panel.component.js";
+import { useAiPermissionsOnHost } from "./ai-assist-provider-on-host.component.js";
+// The provider half lives in its own module (AGL-3649), so the eager
+// provider loads nothing of the dock's; it is re-exported here for the
+// importers that knew it by this name.
+export { AiAssistProviderOnHost, useAiPermissionsOnHost } from "./ai-assist-provider-on-host.component.js";
 const HELD = {
     loaded: false,
     use: false,
     generate: false
 };
-/**
- * The shell's answer read for the two AI keys. `undefined` while the shell
- * has handed nothing, which the provider reads as pending; one object per
- * verdict, so the callbacks keyed on it are not rebuilt on every render.
- */ export function useAiPermissionsOnHost(answer) {
-    const present = answer !== undefined;
-    const loaded = (answer == null ? void 0 : answer.loaded) === true;
-    const verdict = aiPermissionsOf(loaded ? answer == null ? void 0 : answer.granted : null);
-    const use = verdict['ai.use'];
-    const generate = verdict['ai.generate'];
-    return useMemo(()=>present ? {
-            loaded,
-            use,
-            generate
-        } : undefined, [
-        present,
-        loaded,
-        use,
-        generate
-    ]);
-}
-/**
- * Every AI door closed, as a settled answer: what the provider holds on a site
- * that switched AI off. One object, so the callbacks keyed on it are stable.
- */ const OFF_FOR_SITE = {
-    loaded: true,
-    use: false,
-    generate: false
-};
-/**
- * The besigner copy assistant's provider, holding on the shell's permission
- * answer.
- *
- * On a site with AI switched off (AGL-3028) it stays MOUNTED — it wraps every
- * console page, and a provider that came and went per site would remount the
- * whole tree beneath it — and opens nothing: a settled refusal publishes no
- * callback, so no control can reach its dialogs.
- */ export function AiAssistProviderOnHost(props) {
-    const { permissionsOnHost, enabledPluginIds } = props, rest = _object_without_properties_loose(props, [
-        "permissionsOnHost",
-        "enabledPluginIds"
-    ]);
-    const aiPermissions = useAiPermissionsOnHost(permissionsOnHost);
-    const offForSite = Boolean(enabledPluginIds) && !(enabledPluginIds == null ? void 0 : enabledPluginIds.includes(AI_PLUGIN_ID));
-    return /*#__PURE__*/ _jsx(AiAssistProvider, _extends({}, rest, {
-        aiPermissions: offForSite ? OFF_FOR_SITE : aiPermissions
-    }));
-}
-AiAssistProviderOnHost.displayName = 'AiAssistProviderOnHost';
 /**
  * The assistant, drawn in the console dock, holding on the shell's
  * permission answer and asking the shell for its own release flags.

package/src/lib/components/ai-permissions-on-host.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-permissions-on-host.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { ConsoleDockZoneProps } from '@aglyn/aglyn'\nimport { useMemo, type ComponentProps } from 'react'\nimport { AI_PLUGIN_ID } from '../constants'\nimport { aiPermissionsOf } from '../model/ai-permissions'\nimport { AiAssistProvider } from './ai-assist-provider.component'\nimport { AssistPanelComponent } from './assist-panel.component'\n\n/**\n * What the console shell hands a provider and the assistant dock (AGL-2984):\n * the reader's verdict for every catalog key a plugin declared, on the site\n * in view, with `loaded` false until every read behind it has answered.\n */\nexport interface ShellPermissionsOnHost {\n  loaded: boolean\n  granted: Readonly<Record<string, boolean>>\n}\n\n/** The AI half of that answer, in the shape the AI surfaces hold on. */\nexport interface AiPermissionsAnswer {\n  loaded: boolean\n  use: boolean\n  generate: boolean\n}\n\nconst HELD: AiPermissionsAnswer = { loaded: false, use: false, generate: false }\n\n/**\n * The shell's answer read for the two AI keys. `undefined` while the shell\n * has handed nothing, which the provider reads as pending; one object per\n * verdict, so the callbacks keyed on it are not rebuilt on every render.\n */\nexport function useAiPermissionsOnHost(\n  answer: ShellPermissionsOnHost | undefined,\n): AiPermissionsAnswer | undefined {\n  const present = answer !== undefined\n  const loaded = answer?.loaded === true\n  const verdict = aiPermissionsOf(loaded ? answer?.granted : null)\n  const use = verdict['ai.use']\n  const generate = verdict['ai.generate']\n  return useMemo(\n    () => (present ? { loaded, use, generate } : undefined),\n    [present, loaded, use, generate],\n  )\n}\n\ntype ProviderProps = Omit<ComponentProps<typeof AiAssistProvider>, 'aiPermissions'> & {\n  permissionsOnHost?: ShellPermissionsOnHost\n  /**\n   * The plugins that run on the site in view, as the shell resolved them\n   * (AGL-3028). Absent where the shell hands none, which reads as no site\n   * narrowing at all.\n   */\n  enabledPluginIds?: readonly string[]\n}\n\n/**\n * Every AI door closed, as a settled answer: what the provider holds on a site\n * that switched AI off. One object, so the callbacks keyed on it are stable.\n */\nconst OFF_FOR_SITE: AiPermissionsAnswer = { loaded: true, use: false, generate: false }\n\n/**\n * The besigner copy assistant's provider, holding on the shell's permission\n * answer.\n *\n * On a site with AI switched off (AGL-3028) it stays MOUNTED — it wraps every\n * console page, and a provider that came and went per site would remount the\n * whole tree beneath it — and opens nothing: a settled refusal publishes no\n * callback, so no control can reach its dialogs.\n */\nexport function AiAssistProviderOnHost(props: ProviderProps) {\n  const { permissionsOnHost, enabledPluginIds, ...rest } = props\n  const aiPermissions = useAiPermissionsOnHost(permissionsOnHost)\n  const offForSite = Boolean(enabledPluginIds) && !enabledPluginIds?.includes(AI_PLUGIN_ID)\n  return (\n    <AiAssistProvider {...rest} aiPermissions={offForSite ? OFF_FOR_SITE : aiPermissions} />\n  )\n}\nAiAssistProviderOnHost.displayName = 'AiAssistProviderOnHost'\n\ntype PanelProps = Omit<\n  ComponentProps<typeof AssistPanelComponent>,\n  'aiPermissions' | 'assistVisible' | 'assistStaffPreview' | 'generativeVisible'\n> & {\n  permissionsOnHost?: ShellPermissionsOnHost\n  /**\n   * The shell's verdict for any release flag (the `consoleDock` zone's\n   * `releaseVerdict`): the assistant asks for its own two, so the shell names\n   * no AI flag.\n   */\n  releaseVerdict: ConsoleDockZoneProps['releaseVerdict']\n}\n\n/**\n * The assistant, drawn in the console dock, holding on the shell's\n * permission answer and asking the shell for its own release flags.\n */\nexport function AssistPanelOnHost(props: PanelProps) {\n  const { permissionsOnHost, releaseVerdict, ...rest } = props\n  const aiPermissions = useAiPermissionsOnHost(permissionsOnHost) ?? HELD\n  const assist = releaseVerdict('release_assist')\n  const generative = releaseVerdict('release_ai_generative')\n  return (\n    <AssistPanelComponent\n      {...rest}\n      assistVisible={assist.visible}\n      assistStaffPreview={assist.staffPreview}\n      generativeVisible={generative.visible}\n      aiPermissions={aiPermissions}\n    />\n  )\n}\nAssistPanelOnHost.displayName = 'AssistPanelOnHost'\n"],"names":["useMemo","AI_PLUGIN_ID","aiPermissionsOf","AiAssistProvider","AssistPanelComponent","HELD","loaded","use","generate","useAiPermissionsOnHost","answer","present","undefined","verdict","granted","OFF_FOR_SITE","AiAssistProviderOnHost","props","permissionsOnHost","enabledPluginIds","rest","aiPermissions","offForSite","Boolean","includes","displayName","AssistPanelOnHost","releaseVerdict","assist","generative","assistVisible","visible","assistStaffPreview","staffPreview","generativeVisible"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;;AAGA,SAASA,OAAO,QAA6B,QAAO;AACpD,SAASC,YAAY,QAAQ,kBAAc;AAC3C,SAASC,eAAe,QAAQ,6BAAyB;AACzD,SAASC,gBAAgB,QAAQ,oCAAgC;AACjE,SAASC,oBAAoB,QAAQ,8BAA0B;AAmB/D,MAAMC,OAA4B;IAAEC,QAAQ;IAAOC,KAAK;IAAOC,UAAU;AAAM;AAE/E;;;;CAIC,GACD,OAAO,SAASC,uBACdC,MAA0C;IAE1C,MAAMC,UAAUD,WAAWE;IAC3B,MAAMN,SAASI,CAAAA,0BAAAA,OAAQJ,MAAM,MAAK;IAClC,MAAMO,UAAUX,gBAAgBI,SAASI,0BAAAA,OAAQI,OAAO,GAAG;IAC3D,MAAMP,MAAMM,OAAO,CAAC,SAAS;IAC7B,MAAML,WAAWK,OAAO,CAAC,cAAc;IACvC,OAAOb,QACL,IAAOW,UAAU;YAAEL;YAAQC;YAAKC;QAAS,IAAII,WAC7C;QAACD;QAASL;QAAQC;QAAKC;KAAS;AAEpC;AAYA;;;CAGC,GACD,MAAMO,eAAoC;IAAET,QAAQ;IAAMC,KAAK;IAAOC,UAAU;AAAM;AAEtF;;;;;;;;CAQC,GACD,OAAO,SAASQ,uBAAuBC,KAAoB;IACzD,MAAM,EAAEC,iBAAiB,EAAEC,gBAAgB,EAAW,GAAGF,OAATG,wCAASH;;;;IACzD,MAAMI,gBAAgBZ,uBAAuBS;IAC7C,MAAMI,aAAaC,QAAQJ,qBAAqB,EAACA,oCAAAA,iBAAkBK,QAAQ,CAACvB;IAC5E,qBACE,KAACE,+BAAqBiB;QAAMC,eAAeC,aAAaP,eAAeM;;AAE3E;AACAL,uBAAuBS,WAAW,GAAG;AAerC;;;CAGC,GACD,OAAO,SAASC,kBAAkBT,KAAiB;QAE3BR;IADtB,MAAM,EAAES,iBAAiB,EAAES,cAAc,EAAW,GAAGV,OAATG,wCAASH;;;;IACvD,MAAMI,iBAAgBZ,0BAAAA,uBAAuBS,8BAAvBT,0BAA6CJ;IACnE,MAAMuB,SAASD,eAAe;IAC9B,MAAME,aAAaF,eAAe;IAClC,qBACE,KAACvB,mCACKgB;QACJU,eAAeF,OAAOG,OAAO;QAC7BC,oBAAoBJ,OAAOK,YAAY;QACvCC,mBAAmBL,WAAWE,OAAO;QACrCV,eAAeA;;AAGrB;AACAK,kBAAkBD,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-permissions-on-host.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { ConsoleDockZoneProps } from '@aglyn/aglyn'\nimport type { ComponentProps } from 'react'\nimport { AssistPanelComponent } from './assist-panel.component'\nimport {\n  useAiPermissionsOnHost,\n  type AiPermissionsAnswer,\n  type ShellPermissionsOnHost,\n} from './ai-assist-provider-on-host.component'\n\n// The provider half lives in its own module (AGL-3649), so the eager\n// provider loads nothing of the dock's; it is re-exported here for the\n// importers that knew it by this name.\nexport {\n  AiAssistProviderOnHost,\n  useAiPermissionsOnHost,\n  type AiPermissionsAnswer,\n  type ShellPermissionsOnHost,\n} from './ai-assist-provider-on-host.component'\n\nconst HELD: AiPermissionsAnswer = { loaded: false, use: false, generate: false }\n\ntype PanelProps = Omit<\n  ComponentProps<typeof AssistPanelComponent>,\n  'aiPermissions' | 'assistVisible' | 'assistStaffPreview' | 'generativeVisible'\n> & {\n  permissionsOnHost?: ShellPermissionsOnHost\n  /**\n   * The shell's verdict for any release flag (the `consoleDock` zone's\n   * `releaseVerdict`): the assistant asks for its own two, so the shell names\n   * no AI flag.\n   */\n  releaseVerdict: ConsoleDockZoneProps['releaseVerdict']\n}\n\n/**\n * The assistant, drawn in the console dock, holding on the shell's\n * permission answer and asking the shell for its own release flags.\n */\nexport function AssistPanelOnHost(props: PanelProps) {\n  const { permissionsOnHost, releaseVerdict, ...rest } = props\n  const aiPermissions = useAiPermissionsOnHost(permissionsOnHost) ?? HELD\n  const assist = releaseVerdict('release_assist')\n  const generative = releaseVerdict('release_ai_generative')\n  return (\n    <AssistPanelComponent\n      {...rest}\n      assistVisible={assist.visible}\n      assistStaffPreview={assist.staffPreview}\n      generativeVisible={generative.visible}\n      aiPermissions={aiPermissions}\n    />\n  )\n}\nAssistPanelOnHost.displayName = 'AssistPanelOnHost'\n"],"names":["AssistPanelComponent","useAiPermissionsOnHost","AiAssistProviderOnHost","HELD","loaded","use","generate","AssistPanelOnHost","props","permissionsOnHost","releaseVerdict","rest","aiPermissions","assist","generative","assistVisible","visible","assistStaffPreview","staffPreview","generativeVisible","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;;AAIA,SAASA,oBAAoB,QAAQ,8BAA0B;AAC/D,SACEC,sBAAsB,QAGjB,4CAAwC;AAE/C,qEAAqE;AACrE,uEAAuE;AACvE,uCAAuC;AACvC,SACEC,sBAAsB,EACtBD,sBAAsB,QAGjB,4CAAwC;AAE/C,MAAME,OAA4B;IAAEC,QAAQ;IAAOC,KAAK;IAAOC,UAAU;AAAM;AAe/E;;;CAGC,GACD,OAAO,SAASC,kBAAkBC,KAAiB;QAE3BP;IADtB,MAAM,EAAEQ,iBAAiB,EAAEC,cAAc,EAAW,GAAGF,OAATG,wCAASH;;;;IACvD,MAAMI,iBAAgBX,0BAAAA,uBAAuBQ,8BAAvBR,0BAA6CE;IACnE,MAAMU,SAASH,eAAe;IAC9B,MAAMI,aAAaJ,eAAe;IAClC,qBACE,KAACV,mCACKW;QACJI,eAAeF,OAAOG,OAAO;QAC7BC,oBAAoBJ,OAAOK,YAAY;QACvCC,mBAAmBL,WAAWE,OAAO;QACrCJ,eAAeA;;AAGrB;AACAL,kBAAkBa,WAAW,GAAG"}

package/src/lib/components/ai-seo-fields-card.component.js

@@ -59,6 +59,7 @@ const isTerminal = (job)=>AI_JOB_TERMINAL_STATUSES.includes(job.status);
 function Coverage({ keywords }) {
     if (!keywords.length) return null;
     return /*#__PURE__*/ _jsx(Stack, {
+        useFlexGap: true,
         direction: "row",
         spacing: 0.5,
         sx: {