@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/ai-site-start-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-site-start-card.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\n'use client'\n\nimport { lockdownRefusalText, parseLockdownRefusal } from '@aglyn/aglyn'\nimport type { ConsoleHostFirstRunZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\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  AppBar,\n  Box,\n  Button,\n  Chip,\n  Container,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  Divider,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Toolbar,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  AI_SITE_PAGES,\n  AI_SITE_SUBMISSION_CHOICES,\n  aiSiteCreditEstimate,\n  type AiSiteSubmissions,\n} from '../model/ai-site-job'\nimport {\n  AI_SITE_START_ANSWERS,\n  AI_SITE_START_EXAMPLES,\n  AI_SITE_START_TYPES,\n  aiSiteStartBrief,\n  aiSiteStartInputs,\n  aiSiteStartRefusal,\n  type AiSiteStartAnswers,\n} from '../model/ai-site-start'\n\n/**\n * The guided start (AGL-2918), on the `hostFirstRun` zone of the page a newly\n * created site lands on: a few questions, and the site scaffold they become.\n *\n * ── A full screen dialog, and therefore three ways out ───────────────────\n *\n * The questions take the whole screen, which is the only presentation that\n * gets them read — but a surface that takes the screen and cannot be left is\n * a funnel, so leaving is drawn first and works three ways:\n *\n *  - the close control at the start of the app bar,\n *  - \"Skip and start blank\" beside it, at the end of the same bar,\n *  - Escape, which `Dialog` reports through `onClose`.\n *\n * All three are the zone's own `startBlank` and nothing else: no job, no\n * draft, no record of a site half begun. Dismissing is LEAVING, not a pause\n * that could be returned to — the person keeps the blank site they already\n * have, on the page under the dialog, and the site does not ask again.\n *\n * The bar carrying them is the dialog's own chrome rather than part of its\n * body, so `scroll=\"paper\"` keeps it in place while the questions scroll: the\n * way out cannot be scrolled off, and it is never disabled — least of all\n * while a request is in flight, which is the moment a person most wants it.\n *\n * Nothing is focused ahead of the dialog's own frame, so the first thing a\n * keyboard reaches is the close control rather than the first question.\n *\n * ── It is absent until the route has answered ────────────────────────────\n *\n * The dialog covers the page, so being drawn on a guess is worse here than it\n * is for a card: it would be a takeover every flag-off workspace watches\n * disappear. Nothing renders at all — no `Dialog`, no portal — until the jobs\n * route has admitted this workspace, and a 404, a 403 or an unreachable route\n * is this widget staying absent and the ordinary blank page being all there\n * is. That the widget is mounted is itself the last of a stack of gates: the\n * shell held the plan's `aiGenerative` entitlement, the site's AI switch and\n * the reader's `ai.generate` first. A lockdown is the start door's to say,\n * here, in its own words.\n *\n * ── It asks, it does not build ───────────────────────────────────────────\n *\n * Confirming starts a `site` job, which PLANS first: the pages, their\n * addresses, the navigation, the layout, the contact form and a palette, with\n * an estimated cost beside the button that confirms it. Nothing is built\n * until the person confirms that plan in AI jobs, and everything it then\n * builds is an unpublished draft.\n */\n\ntype Verdict = 'checking' | 'ready' | 'hidden'\n\n/** Labels the dialog for a reader, from its own heading. */\nconst TITLE_ID = 'ai-site-start-title'\n\nexport function AiSiteStartCard({\n  hostId,\n  orgId,\n  startBlank,\n}: ConsoleHostFirstRunZoneProps) {\n  const { data: user } = useUser()\n  // Held in a ref so a request reads WHO is signed in, never the identity of\n  // the object that says so.\n  const userRef = useRef(user)\n  userRef.current = user\n  const uid = user?.uid ?? null\n  const [verdict, setVerdict] = useState<Verdict>('checking')\n  const [answers, setAnswers] = useState<AiSiteStartAnswers>(AI_SITE_START_ANSWERS)\n  const [busy, setBusy] = useState(false)\n  const [notice, setNotice] = useState<string | null>(null)\n  const [started, setStarted] = useState(false)\n\n  useEffect(() => {\n    if (!orgId || !uid) return\n    let active = true\n    void (async () => {\n      try {\n        const response = await authorizedFetch(\n          userRef.current,\n          `/api/ai/jobs?orgId=${encodeURIComponent(orgId)}&limit=1`,\n        )\n        if (active) {\n          setVerdict(response.status === 404 || response.status === 403 ? 'hidden' : 'ready')\n        }\n      } catch {\n        if (active) setVerdict('hidden')\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, uid])\n\n  const answer = useCallback(\n    (patch: Partial<AiSiteStartAnswers>) =>\n      setAnswers((current) => ({ ...current, ...patch })),\n    [],\n  )\n\n  const refusal = aiSiteStartRefusal(answers)\n\n  const plan = useCallback(async () => {\n    if (!orgId || aiSiteStartRefusal(answers)) return\n    setBusy(true)\n    setNotice(null)\n    try {\n      const response = await authorizedFetch(userRef.current, '/api/ai/jobs', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          orgId,\n          hostId,\n          kind: 'site',\n          brief: aiSiteStartBrief(answers),\n          inputs: aiSiteStartInputs(answers),\n        }),\n      })\n      const payload = await response.json().catch(() => null)\n      if (!response.ok) {\n        const locked = parseLockdownRefusal(response.status, payload)\n        setNotice(\n          locked\n            ? lockdownRefusalText(locked)\n            : String(payload?.error ?? 'The site could not be started. Try again.'),\n        )\n        return\n      }\n      setStarted(true)\n    } catch {\n      setNotice('The site could not be started. Try again.')\n    } finally {\n      setBusy(false)\n    }\n  }, [orgId, hostId, answers])\n\n  if (verdict !== 'ready') return null\n\n  const estimate = aiSiteCreditEstimate(answers.pages, {\n    welcomeEmail: answers.welcomeEmail,\n  })\n\n  return (\n    <Dialog open fullScreen onClose={startBlank} aria-labelledby={TITLE_ID}>\n      {/*\n        The way out, before anything it is a way out of. On a narrow screen it\n        is the HEADING that gives way — the bar's one elastic element, so the\n        exit keeps its words at every width rather than collapsing into an\n        icon somebody has to recognize.\n\n        Shared app-bar treatment (AGL-704) — see the console's\n        secondary-app-bar; enableColorOnDark is required or AppBar substitutes\n        its own dark-mode colour.\n      */}\n      <AppBar position=\"relative\" color=\"surface\" enableColorOnDark>\n        <Toolbar>\n          <IconButton\n            edge=\"start\"\n            color=\"inherit\"\n            onClick={startBlank}\n            aria-label=\"Close the guided start\"\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n          </IconButton>\n          <Typography\n            id={TITLE_ID}\n            variant=\"h6\"\n            component=\"div\"\n            noWrap\n            sx={{ textOverflow: 'ellipsis', ml: 2, flex: 1 }}\n          >\n            {'Start this site with AI'}\n          </Typography>\n          <Divider sx={{ height: 28, m: 0.5 }} orientation=\"vertical\" />\n          <Button color=\"inherit\" onClick={startBlank}>\n            {started ? 'Close' : 'Skip and start blank'}\n          </Button>\n        </Toolbar>\n      </AppBar>\n      <DialogContent>\n        {/* A line of questions is read at a column's width, not a screen's. */}\n        <Container maxWidth=\"md\" disableGutters sx={{ py: 2 }}>\n          <Stack spacing={3}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Answer a few questions and AI plans the whole site — its pages, its ' +\n                'navigation, its layout and a contact form. Nothing is built until you ' +\n                'confirm the plan, and everything it builds is an unpublished draft.'}\n            </Typography>\n            {notice && <Alert severity=\"info\">{notice}</Alert>}\n            {started ? (\n              <Alert severity=\"success\">\n                {'Your site is being planned. Open AI jobs in the Assist panel to read the plan ' +\n                  'and confirm it — nothing is built, and nothing is published, until you do.'}\n              </Alert>\n            ) : (\n              <>\n                <Box>\n                  <TextField\n                    fullWidth\n                    label=\"What kind of site are you creating?\"\n                    placeholder=\"a neighborhood dog groomer that takes bookings\"\n                    value={answers.siteType}\n                    onChange={(event) => answer({ siteType: event.target.value })}\n                  />\n                  <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', mt: 1, rowGap: 1 }}>\n                    {AI_SITE_START_TYPES.map((type) => (\n                      <Chip\n                        key={type}\n                        label={type}\n                        size=\"small\"\n                        variant={answers.siteType === type ? 'filled' : 'outlined'}\n                        onClick={() => answer({ siteType: type })}\n                      />\n                    ))}\n                  </Stack>\n                </Box>\n                <TextField\n                  fullWidth\n                  label=\"Who is it for?\"\n                  placeholder=\"local dog owners who want a regular groom booked online\"\n                  value={answers.audience}\n                  onChange={(event) => answer({ audience: event.target.value })}\n                  helperText=\"Optional. It narrows who the pages are written for.\"\n                />\n                <Box>\n                  <Typography variant=\"subtitle2\" gutterBottom>\n                    {'Which of these do you like?'}\n                  </Typography>\n                  <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\n                    {'Optional. Picking one steers the shape of the site, not its words.'}\n                  </Typography>\n                  <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n                    {AI_SITE_START_EXAMPLES.map((example) => (\n                      <Chip\n                        key={example.id}\n                        label={`${example.label} — ${example.blurb}`}\n                        variant={answers.example === example.id ? 'filled' : 'outlined'}\n                        onClick={() =>\n                          answer({\n                            example: answers.example === example.id ? null : example.id,\n                          })\n                        }\n                      />\n                    ))}\n                  </Stack>\n                </Box>\n                {/*\n                  The one setting a new site owner has to make, asked where\n                  they are already answering: a contact form nobody routed\n                  files its messages somewhere the person has not looked.\n                */}\n                <TextField\n                  select\n                  fullWidth\n                  label=\"Where do form submissions go?\"\n                  value={answers.submissions}\n                  onChange={(event) =>\n                    answer({ submissions: event.target.value as AiSiteSubmissions })\n                  }\n                  helperText=\"You can change this on the form itself afterwards.\"\n                >\n                  {AI_SITE_SUBMISSION_CHOICES.map((option) => (\n                    <MenuItem key={option.id} value={option.id}>\n                      {`${option.label} — ${option.blurb}`}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n                  <TextField\n                    select\n                    label=\"Pages\"\n                    value={answers.pages}\n                    onChange={(event) => answer({ pages: Number(event.target.value) })}\n                    sx={{ minWidth: 160 }}\n                  >\n                    {Array.from(\n                      { length: AI_SITE_PAGES.max - AI_SITE_PAGES.min + 1 },\n                      (_, index) => AI_SITE_PAGES.min + index,\n                    ).map((count) => (\n                      <MenuItem key={count} value={count}>\n                        {count}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                  <TextField\n                    select\n                    label=\"Welcome email\"\n                    value={answers.welcomeEmail ? 'yes' : 'no'}\n                    onChange={(event) => answer({ welcomeEmail: event.target.value === 'yes' })}\n                    sx={{ minWidth: 160 }}\n                  >\n                    <MenuItem value=\"yes\">{'Draft one'}</MenuItem>\n                    <MenuItem value=\"no\">{'No'}</MenuItem>\n                  </TextField>\n                </Stack>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  {`About ${estimate.toLocaleString('en-US')} credits, estimated. What it really ` +\n                    'costs is what each step spends, and you can watch that add up while it runs.'}\n                </Typography>\n              </>\n            )}\n          </Stack>\n        </Container>\n      </DialogContent>\n      {!started && (\n        /* Wraps, because the reason and the button together are wider than a\n           phone: on one line the reason would push the button off the edge. */\n        <DialogActions sx={{ px: 3, py: 2, flexWrap: 'wrap', rowGap: 1 }}>\n          {refusal && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mr: 'auto' }}>\n              {refusal}\n            </Typography>\n          )}\n          <Button variant=\"contained\" disabled={busy || Boolean(refusal)} onClick={plan}>\n            {busy ? 'Starting…' : 'Plan my site'}\n          </Button>\n        </DialogActions>\n      )}\n    </Dialog>\n  )\n}\n\nexport default AiSiteStartCard\n"],"names":["lockdownRefusalText","parseLockdownRefusal","ICON_VARIANT_CLOSE","MdiIcon","authorizedFetch","useUser","Alert","AppBar","Box","Button","Chip","Container","Dialog","DialogActions","DialogContent","Divider","IconButton","MenuItem","Stack","TextField","Toolbar","Typography","useCallback","useEffect","useRef","useState","AI_SITE_PAGES","AI_SITE_SUBMISSION_CHOICES","aiSiteCreditEstimate","AI_SITE_START_ANSWERS","AI_SITE_START_EXAMPLES","AI_SITE_START_TYPES","aiSiteStartBrief","aiSiteStartInputs","aiSiteStartRefusal","TITLE_ID","AiSiteStartCard","hostId","orgId","startBlank","data","user","userRef","current","uid","verdict","setVerdict","answers","setAnswers","busy","setBusy","notice","setNotice","started","setStarted","active","response","encodeURIComponent","status","answer","patch","refusal","plan","method","headers","body","JSON","stringify","kind","brief","inputs","payload","json","catch","ok","locked","String","error","estimate","pages","welcomeEmail","open","fullScreen","onClose","aria-labelledby","position","color","enableColorOnDark","edge","onClick","aria-label","path","id","variant","component","noWrap","sx","textOverflow","ml","flex","height","m","orientation","maxWidth","disableGutters","py","spacing","severity","fullWidth","label","placeholder","value","siteType","onChange","event","target","direction","flexWrap","mt","rowGap","map","type","size","audience","helperText","gutterBottom","example","blurb","select","submissions","option","xs","sm","Number","minWidth","Array","from","length","max","min","_","index","count","toLocaleString","px","mr","disabled","Boolean"],"mappings":"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"}

package/src/lib/components/ai-template-collection-field.component.d.ts

@@ -0,0 +1,32 @@
+/**
+ * The collection an entry page template is for (AGL-3043), in the brief
+ * dialog once the member picks "Collection entry".
+ *
+ * It lists the site's CONTENT collections: the template door refuses any
+ * other kind, and commerce's catalog collections share the same
+ * subcollection. Mounted only while an entry template is being described, so
+ * no other brief reads the site's collections at all. The read is bounded by
+ * the platform's per-site cap, which the create route enforces, so it is the
+ * whole list rather than a window of it.
+ */
+/** A content collection as the field offers it. */
+export interface AiTemplateCollectionOption {
+    id: string;
+    name: string;
+}
+/**
+ * The content collections among a site's collection rows, by name, each
+ * named as the template step names it: display name, name, slug, then id.
+ */
+export declare function aiTemplateCollectionOptions(rows: ReadonlyArray<Record<string, unknown> & {
+    $id: string;
+}>): AiTemplateCollectionOption[];
+export interface AiTemplateCollectionFieldProps {
+    hostId: string;
+    /** The picked collection's id, or `null` for none yet. */
+    value: string | null;
+    onChange: (collectionId: string | null) => void;
+    disabled?: boolean;
+}
+export declare function AiTemplateCollectionField({ hostId, value, onChange, disabled, }: AiTemplateCollectionFieldProps): import("react").JSX.Element;
+export default AiTemplateCollectionField;

package/src/lib/components/ai-template-collection-field.component.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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 { COLLECTIONS_MAX_PER_HOST } from "@aglyn/aglyn/app-utils/collection-entries";
+import { hostCollectionKind } from "@aglyn/aglyn/app-utils/collection-kind";
+import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { MenuItem, TextField } from "@mui/material";
+import { collection } from "firebase/firestore";
+import { useMemo } from "react";
+/**
+ * The content collections among a site's collection rows, by name, each
+ * named as the template step names it: display name, name, slug, then id.
+ */ export function aiTemplateCollectionOptions(rows) {
+    const text = (value)=>typeof value === 'string' ? value.trim() : '';
+    return rows.filter((row)=>hostCollectionKind(row) === 'content').map((row)=>({
+            id: row.$id,
+            name: text(row['displayName']) || text(row['name']) || text(row['slug']) || row.$id
+        })).sort((a, b)=>a.name.localeCompare(b.name));
+}
+export function AiTemplateCollectionField({ hostId, value, onChange, disabled }) {
+    const firestore = useFirestore();
+    const { data, status } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', hostId, 'collections'), COLLECTIONS_MAX_PER_HOST), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const options = useMemo(()=>aiTemplateCollectionOptions(ceilingedWindow(data, COLLECTIONS_MAX_PER_HOST).rows), [
+        data
+    ]);
+    const listed = status === 'success' && options.length > 0;
+    const helperText = status === 'loading' ? 'Loading this site’s collections…' : status === 'error' ? 'This site’s collections could not be loaded. Close this and try again.' : options.length ? 'Each page shows one entry of this collection.' : 'This site has no content collections yet. Add one in Content first.';
+    return /*#__PURE__*/ _jsx(TextField, {
+        select: true,
+        label: "Collection",
+        value: listed && options.some((option)=>option.id === value) ? value : '',
+        onChange: (event)=>onChange(event.target.value || null),
+        helperText: helperText,
+        error: status === 'error',
+        disabled: disabled || !listed,
+        children: options.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                value: option.id,
+                children: option.name
+            }, option.id))
+    });
+}
+export default AiTemplateCollectionField;
+
+//# sourceMappingURL=ai-template-collection-field.component.js.map

package/src/lib/components/ai-template-collection-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-template-collection-field.component.tsx"],"sourcesContent":["'use client'\n\n/**\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 { COLLECTIONS_MAX_PER_HOST } from '@aglyn/aglyn/app-utils/collection-entries'\nimport { hostCollectionKind } from '@aglyn/aglyn/app-utils/collection-kind'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { MenuItem, TextField } from '@mui/material'\nimport { collection } from 'firebase/firestore'\nimport { useMemo } from 'react'\n\n/**\n * The collection an entry page template is for (AGL-3043), in the brief\n * dialog once the member picks \"Collection entry\".\n *\n * It lists the site's CONTENT collections: the template door refuses any\n * other kind, and commerce's catalog collections share the same\n * subcollection. Mounted only while an entry template is being described, so\n * no other brief reads the site's collections at all. The read is bounded by\n * the platform's per-site cap, which the create route enforces, so it is the\n * whole list rather than a window of it.\n */\n\n/** A content collection as the field offers it. */\nexport interface AiTemplateCollectionOption {\n  id: string\n  name: string\n}\n\n/**\n * The content collections among a site's collection rows, by name, each\n * named as the template step names it: display name, name, slug, then id.\n */\nexport function aiTemplateCollectionOptions(\n  rows: ReadonlyArray<Record<string, unknown> & { $id: string }>,\n): AiTemplateCollectionOption[] {\n  const text = (value: unknown) => (typeof value === 'string' ? value.trim() : '')\n  return rows\n    .filter((row) => hostCollectionKind(row) === 'content')\n    .map((row) => ({\n      id: row.$id,\n      name: text(row['displayName']) || text(row['name']) || text(row['slug']) || row.$id,\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name))\n}\n\nexport interface AiTemplateCollectionFieldProps {\n  hostId: string\n  /** The picked collection's id, or `null` for none yet. */\n  value: string | null\n  onChange: (collectionId: string | null) => void\n  disabled?: boolean\n}\n\nexport function AiTemplateCollectionField({\n  hostId,\n  value,\n  onChange,\n  disabled,\n}: AiTemplateCollectionFieldProps) {\n  const firestore = useFirestore()\n  const { data, status } = useFirestoreCollection<Record<string, unknown> & { $id: string }>(\n    () =>\n      collectionCeiling(\n        collection(firestore, 'hosts', hostId, 'collections'),\n        COLLECTIONS_MAX_PER_HOST,\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const options = useMemo(\n    () => aiTemplateCollectionOptions(ceilingedWindow(data, COLLECTIONS_MAX_PER_HOST).rows),\n    [data],\n  )\n  const listed = status === 'success' && options.length > 0\n  const helperText =\n    status === 'loading'\n      ? 'Loading this site’s collections…'\n      : status === 'error'\n        ? 'This site’s collections could not be loaded. Close this and try again.'\n        : options.length\n          ? 'Each page shows one entry of this collection.'\n          : 'This site has no content collections yet. Add one in Content first.'\n\n  return (\n    <TextField\n      select\n      label=\"Collection\"\n      value={listed && options.some((option) => option.id === value) ? value : ''}\n      onChange={(event) => onChange(event.target.value || null)}\n      helperText={helperText}\n      error={status === 'error'}\n      disabled={disabled || !listed}\n    >\n      {options.map((option) => (\n        <MenuItem key={option.id} value={option.id}>\n          {option.name}\n        </MenuItem>\n      ))}\n    </TextField>\n  )\n}\n\nexport default AiTemplateCollectionField\n"],"names":["COLLECTIONS_MAX_PER_HOST","hostCollectionKind","ceilingedWindow","collectionCeiling","useFirestore","useFirestoreCollection","MenuItem","TextField","collection","useMemo","aiTemplateCollectionOptions","rows","text","value","trim","filter","row","map","id","$id","name","sort","a","b","localeCompare","AiTemplateCollectionField","hostId","onChange","disabled","firestore","data","status","idField","options","listed","length","helperText","select","label","some","option","event","target","error"],"mappings":"AAAA;;AAEA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,kBAAkB,QAAQ,yCAAwC;AAC3E,SACEC,eAAe,EACfC,iBAAiB,EACjBC,YAAY,EACZC,sBAAsB,QACjB,iCAAgC;AACvC,SAASC,QAAQ,EAAEC,SAAS,QAAQ,gBAAe;AACnD,SAASC,UAAU,QAAQ,qBAAoB;AAC/C,SAASC,OAAO,QAAQ,QAAO;AAoB/B;;;CAGC,GACD,OAAO,SAASC,4BACdC,IAA8D;IAE9D,MAAMC,OAAO,CAACC,QAAoB,OAAOA,UAAU,WAAWA,MAAMC,IAAI,KAAK;IAC7E,OAAOH,KACJI,MAAM,CAAC,CAACC,MAAQf,mBAAmBe,SAAS,WAC5CC,GAAG,CAAC,CAACD,MAAS,CAAA;YACbE,IAAIF,IAAIG,GAAG;YACXC,MAAMR,KAAKI,GAAG,CAAC,cAAc,KAAKJ,KAAKI,GAAG,CAAC,OAAO,KAAKJ,KAAKI,GAAG,CAAC,OAAO,KAAKA,IAAIG,GAAG;QACrF,CAAA,GACCE,IAAI,CAAC,CAACC,GAAGC,IAAMD,EAAEF,IAAI,CAACI,aAAa,CAACD,EAAEH,IAAI;AAC/C;AAUA,OAAO,SAASK,0BAA0B,EACxCC,MAAM,EACNb,KAAK,EACLc,QAAQ,EACRC,QAAQ,EACuB;IAC/B,MAAMC,YAAYzB;IAClB,MAAM,EAAE0B,IAAI,EAAEC,MAAM,EAAE,GAAG1B,uBACvB,IACEF,kBACEK,WAAWqB,WAAW,SAASH,QAAQ,gBACvC1B,2BAEJ;QAAC6B;QAAWH;KAAO,EACnB;QAAEM,SAAS;IAAM;IAEnB,MAAMC,UAAUxB,QACd,IAAMC,4BAA4BR,gBAAgB4B,MAAM9B,0BAA0BW,IAAI,GACtF;QAACmB;KAAK;IAER,MAAMI,SAASH,WAAW,aAAaE,QAAQE,MAAM,GAAG;IACxD,MAAMC,aACJL,WAAW,YACP,qCACAA,WAAW,UACT,2EACAE,QAAQE,MAAM,GACZ,kDACA;IAEV,qBACE,KAAC5B;QACC8B,MAAM;QACNC,OAAM;QACNzB,OAAOqB,UAAUD,QAAQM,IAAI,CAAC,CAACC,SAAWA,OAAOtB,EAAE,KAAKL,SAASA,QAAQ;QACzEc,UAAU,CAACc,QAAUd,SAASc,MAAMC,MAAM,CAAC7B,KAAK,IAAI;QACpDuB,YAAYA;QACZO,OAAOZ,WAAW;QAClBH,UAAUA,YAAY,CAACM;kBAEtBD,QAAQhB,GAAG,CAAC,CAACuB,uBACZ,KAAClC;gBAAyBO,OAAO2B,OAAOtB,EAAE;0BACvCsB,OAAOpB,IAAI;eADCoB,OAAOtB,EAAE;;AAMhC;AAEA,eAAeO,0BAAyB"}

package/src/lib/components/ai-theme-proposal-card.component.d.ts

@@ -0,0 +1,6 @@
+import type { ConsoleHostThemeZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+export declare function AiThemeProposalCard(props: ConsoleHostThemeZoneProps): import("react").JSX.Element;
+export declare namespace AiThemeProposalCard {
+    var displayName: string;
+}
+export default AiThemeProposalCard;