@aglyn/plugins-workflows 1.0.0-beta.179 → 1.0.0-beta.181

package/src/lib/components/org-site-automation-list.component.js

@@ -0,0 +1,289 @@
+/**
+ * @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.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { hostEventLabel, pluginDocsHelp } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+/*
+ * The MODULE, not the barrel, for the two pure helpers — the cards' specs
+ * mock `@aglyn/tenant-feature-instance` wholesale, and a query builder
+ * imported through that barrel disappears under the mock.
+ */ import { ceilingedWindow, collectionCeiling } from "@aglyn/tenant-feature-instance/hooks/host-collection-queries";
+import { Alert, Button, Menu, MenuItem, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
+import { collection } from "firebase/firestore";
+import { useState } from "react";
+import { orgSiteAutomationPath } from "./workflows-org-mount.js";
+/**
+ * How many sites a list opens with their rows read. The rest wait behind
+ * "Show more" — and, since each site's rows are read by the row group that
+ * shows them, are not read until then either.
+ */ export const ORG_SITE_LIST_OPEN_SITES = 5;
+/**
+ * The most sites one list will read, however many the organization has —
+ * the platform's per-scan site bound. Past it the list says so and each
+ * site's own hub is the way in.
+ */ export const ORG_SITE_LIST_MAX_SITES = 25;
+/**
+ * Rows read per site. A ceiling with a probe row, not a page: the org list is
+ * an index of where things are, and each site's own hub holds the full,
+ * editable list the row links to.
+ */ export const ORG_SITE_LIST_ROWS = 10;
+/** A trigger bound to one element, which makes an `actions` row an interaction. */ const LEAF_SELECTOR = /^\[data-aglyn="leaf:.+"\]$/;
+const COPY = {
+    workflows: {
+        header: 'Workflows on every site',
+        noun: 'workflow',
+        plural: 'workflows',
+        intro: 'Every site’s workflows, side by side. A workflow calls its own site’s ' + 'functions and variables, so it is built and edited in that site’s ' + 'Automation.'
+    },
+    actions: {
+        header: 'Actions on every site',
+        noun: 'action',
+        plural: 'actions',
+        intro: 'Every site’s own actions, side by side. To run one automation on ' + 'several sites, make it an org automation instead.'
+    },
+    webhooks: {
+        header: 'Webhooks on every site',
+        noun: 'webhook',
+        plural: 'webhooks',
+        intro: 'Every site’s webhooks, side by side. A webhook holds its site’s ' + 'address and secret, so it is managed in that site’s Automation.'
+    }
+};
+/**
+ * EVERY SITE'S WORKFLOWS, ACTIONS OR WEBHOOKS, on the org hub (AGL-3302).
+ *
+ * Read-only and bounded: one ceilinged read per open site, the first
+ * {@link ORG_SITE_LIST_OPEN_SITES} sites on arrival and up to
+ * {@link ORG_SITE_LIST_MAX_SITES} when asked, each row naming its site and
+ * linking into that site's own Automation hub, where the thing is edited.
+ * "Add" asks which site and goes there.
+ *
+ * `canRead` gates the webhooks list: a webhook holds its site's secret and
+ * the rules admit only a site's admins and editors, so a reader who is
+ * neither is told so rather than handed listeners that would be refused.
+ */ export function OrgSiteAutomationList(props) {
+    const { mount, kind, canRead } = props;
+    const copy = COPY[kind];
+    const [opened, setOpened] = useState(false);
+    const [addAnchor, setAddAnchor] = useState(null);
+    const reachable = mount.hosts.slice(0, ORG_SITE_LIST_MAX_SITES);
+    const shown = opened ? reachable : reachable.slice(0, ORG_SITE_LIST_OPEN_SITES);
+    const folded = reachable.length - shown.length;
+    const linkable = mount.hosts.filter((host)=>orgSiteAutomationPath(mount, host.id, kind));
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: copy.header,
+        help: pluginDocsHelp('orgAutomations', {
+            anchor: '#every-sites-own-automations'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: copy.intro
+                    }),
+                    !canRead ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `Each site’s ${copy.plural} are listed for its admins and editors.`
+                    }) : !mount.hostsReady ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: '…'
+                    }) : !mount.hosts.length ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'This organization has no sites yet.'
+                    }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs(ScrollTable, {
+                                size: "small",
+                                "aria-label": copy.header,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Name'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Site'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: kind === 'webhooks' ? 'Direction' : 'Trigger'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Status'
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableBody, {
+                                        children: shown.map((host)=>/*#__PURE__*/ _jsx(SiteRows, {
+                                                mount: mount,
+                                                host: host,
+                                                kind: kind
+                                            }, host.id))
+                                    })
+                                ]
+                            }),
+                            folded > 0 ? /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "text",
+                                onClick: ()=>setOpened(true),
+                                sx: {
+                                    alignSelf: 'flex-start'
+                                },
+                                children: `Show ${folded} more ${folded === 1 ? 'site' : 'sites'}`
+                            }) : null,
+                            mount.hosts.length > ORG_SITE_LIST_MAX_SITES ? /*#__PURE__*/ _jsx(Alert, {
+                                severity: "info",
+                                children: `Listing the first ${ORG_SITE_LIST_MAX_SITES} sites. Open a ` + `site’s own Automation for the ${copy.plural} of the rest.`
+                            }) : null
+                        ]
+                    }),
+                    linkable.length ? /*#__PURE__*/ _jsx(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            color: "primary",
+                            "aria-haspopup": "menu",
+                            onClick: (event)=>setAddAnchor(event.currentTarget),
+                            children: `Add ${copy.noun} on a site`
+                        })
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Menu, {
+                anchorEl: addAnchor,
+                open: Boolean(addAnchor),
+                onClose: ()=>setAddAnchor(null),
+                children: linkable.map((host)=>{
+                    var _orgSiteAutomationPath;
+                    return /*#__PURE__*/ _jsx(MenuItem, _extends({
+                        component: AppLink
+                    }, {
+                        componentVariant: 'naked'
+                    }, {
+                        href: (_orgSiteAutomationPath = orgSiteAutomationPath(mount, host.id, kind)) != null ? _orgSiteAutomationPath : '',
+                        onClick: ()=>setAddAnchor(null),
+                        children: host.name || host.subdomain || host.id
+                    }), host.id);
+                })
+            })
+        ]
+    });
+}
+OrgSiteAutomationList.displayName = 'OrgSiteAutomationList';
+/** How a row's trigger or direction reads. */ function rowTrigger(kind, row) {
+    var _row_trigger;
+    if (kind === 'webhooks') {
+        return (row == null ? void 0 : row.direction) === 'inbound' ? 'Inbound' : 'Outbound';
+    }
+    const event = row == null ? void 0 : (_row_trigger = row.trigger) == null ? void 0 : _row_trigger.event;
+    if (!event) return kind === 'workflows' ? 'Run by other automations' : '—';
+    return hostEventLabel(event);
+}
+/** How a row's status reads. */ function rowStatus(kind, row) {
+    if (kind === 'workflows') return 'Ready';
+    return (row == null ? void 0 : row.enabled) === false ? 'Off' : 'On';
+}
+/**
+ * One site's rows: its own ceilinged read, drawn as table rows naming the
+ * site. A site with none draws nothing; one past the ceiling says so in a row
+ * that links to where the rest are.
+ */ function SiteRows(props) {
+    const { mount, host, kind } = props;
+    const firestore = useFirestore();
+    const { data } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', host.id, kind), ORG_SITE_LIST_ROWS), [
+        firestore,
+        host.id,
+        kind
+    ], {
+        idField: '$id'
+    });
+    const { rows, truncated } = ceilingedWindow(data, ORG_SITE_LIST_ROWS);
+    const live = (rows != null ? rows : []).filter((row)=>{
+        var _ref;
+        var _row_trigger;
+        return !row.deletedAt && // An element interaction belongs to its page, not to the site's
+        // automation list — the site's own Actions card counts rather than
+        // lists them, and so does this.
+        !(kind === 'actions' && LEAF_SELECTOR.test(String((_ref = row == null ? void 0 : (_row_trigger = row.trigger) == null ? void 0 : _row_trigger.selector) != null ? _ref : '')));
+    });
+    const siteName = host.name || host.subdomain || host.id;
+    const href = orgSiteAutomationPath(mount, host.id, kind);
+    const site = href ? /*#__PURE__*/ _jsx(AppLink, {
+        href: href,
+        underline: "hover",
+        children: siteName
+    }) : siteName;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            live.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TableCell, {
+                            children: href ? /*#__PURE__*/ _jsx(AppLink, {
+                                href: href,
+                                underline: "hover",
+                                children: String(row.name || row.$id)
+                            }) : String(row.name || row.$id)
+                        }),
+                        /*#__PURE__*/ _jsx(TableCell, {
+                            children: site
+                        }),
+                        /*#__PURE__*/ _jsx(TableCell, {
+                            children: rowTrigger(kind, row)
+                        }),
+                        /*#__PURE__*/ _jsx(TableCell, {
+                            children: rowStatus(kind, row)
+                        })
+                    ]
+                }, `${host.id}/${row.$id}`)),
+            truncated ? /*#__PURE__*/ _jsx(TableRow, {
+                children: /*#__PURE__*/ _jsx(TableCell, {
+                    colSpan: 4,
+                    children: /*#__PURE__*/ _jsxs(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: [
+                            `${siteName} has more than ${ORG_SITE_LIST_ROWS} — `,
+                            href ? /*#__PURE__*/ _jsx(AppLink, {
+                                href: href,
+                                underline: "hover",
+                                children: 'open the site to see them all'
+                            }) : 'open the site to see them all'
+                        ]
+                    })
+                })
+            }) : null
+        ]
+    });
+}
+SiteRows.displayName = 'SiteRows';
+export default OrgSiteAutomationList;
+
+//# sourceMappingURL=org-site-automation-list.component.js.map

package/src/lib/components/org-site-automation-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/workflows/src/lib/components/org-site-automation-list.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 { ConsolePluginOrgHost } from '@aglyn/aglyn'\nimport { hostEventLabel, pluginDocsHelp } from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\n/*\n * The MODULE, not the barrel, for the two pure helpers — the cards' specs\n * mock `@aglyn/tenant-feature-instance` wholesale, and a query builder\n * imported through that barrel disappears under the mock.\n */\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  Alert,\n  Button,\n  Menu,\n  MenuItem,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material'\nimport { collection } from 'firebase/firestore'\nimport { useState } from 'react'\nimport {\n  orgSiteAutomationPath,\n  type WorkflowsOrgMount,\n} from './workflows-org-mount'\n\n/** The three site collections the org hub lists across its sites. */\nexport type OrgSiteAutomationKind = 'workflows' | 'actions' | 'webhooks'\n\n/**\n * How many sites a list opens with their rows read. The rest wait behind\n * \"Show more\" — and, since each site's rows are read by the row group that\n * shows them, are not read until then either.\n */\nexport const ORG_SITE_LIST_OPEN_SITES = 5\n\n/**\n * The most sites one list will read, however many the organization has —\n * the platform's per-scan site bound. Past it the list says so and each\n * site's own hub is the way in.\n */\nexport const ORG_SITE_LIST_MAX_SITES = 25\n\n/**\n * Rows read per site. A ceiling with a probe row, not a page: the org list is\n * an index of where things are, and each site's own hub holds the full,\n * editable list the row links to.\n */\nexport const ORG_SITE_LIST_ROWS = 10\n\n/** A trigger bound to one element, which makes an `actions` row an interaction. */\nconst LEAF_SELECTOR = /^\\[data-aglyn=\"leaf:.+\"\\]$/\n\nconst COPY: Record<\n  OrgSiteAutomationKind,\n  { header: string; noun: string; plural: string; intro: string }\n> = {\n  workflows: {\n    header: 'Workflows on every site',\n    noun: 'workflow',\n    plural: 'workflows',\n    intro:\n      'Every site’s workflows, side by side. A workflow calls its own site’s ' +\n      'functions and variables, so it is built and edited in that site’s ' +\n      'Automation.',\n  },\n  actions: {\n    header: 'Actions on every site',\n    noun: 'action',\n    plural: 'actions',\n    intro:\n      'Every site’s own actions, side by side. To run one automation on ' +\n      'several sites, make it an org automation instead.',\n  },\n  webhooks: {\n    header: 'Webhooks on every site',\n    noun: 'webhook',\n    plural: 'webhooks',\n    intro:\n      'Every site’s webhooks, side by side. A webhook holds its site’s ' +\n      'address and secret, so it is managed in that site’s Automation.',\n  },\n}\n\n/**\n * EVERY SITE'S WORKFLOWS, ACTIONS OR WEBHOOKS, on the org hub (AGL-3302).\n *\n * Read-only and bounded: one ceilinged read per open site, the first\n * {@link ORG_SITE_LIST_OPEN_SITES} sites on arrival and up to\n * {@link ORG_SITE_LIST_MAX_SITES} when asked, each row naming its site and\n * linking into that site's own Automation hub, where the thing is edited.\n * \"Add\" asks which site and goes there.\n *\n * `canRead` gates the webhooks list: a webhook holds its site's secret and\n * the rules admit only a site's admins and editors, so a reader who is\n * neither is told so rather than handed listeners that would be refused.\n */\nexport function OrgSiteAutomationList(props: {\n  mount: WorkflowsOrgMount\n  kind: OrgSiteAutomationKind\n  canRead: boolean\n}) {\n  const { mount, kind, canRead } = props\n  const copy = COPY[kind]\n  const [opened, setOpened] = useState(false)\n  const [addAnchor, setAddAnchor] = useState<HTMLElement | null>(null)\n  const reachable = mount.hosts.slice(0, ORG_SITE_LIST_MAX_SITES)\n  const shown = opened\n    ? reachable\n    : reachable.slice(0, ORG_SITE_LIST_OPEN_SITES)\n  const folded = reachable.length - shown.length\n  const linkable = mount.hosts.filter((host) =>\n    orgSiteAutomationPath(mount, host.id, kind),\n  )\n  return (\n    <CardDisplay\n      header={copy.header}\n      help={pluginDocsHelp('orgAutomations', {\n        anchor: '#every-sites-own-automations',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1.5}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {copy.intro}\n        </Typography>\n        {!canRead ? (\n          <Alert severity=\"info\">\n            {`Each site’s ${copy.plural} are listed for its admins and editors.`}\n          </Alert>\n        ) : !mount.hostsReady ? (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'…'}\n          </Typography>\n        ) : !mount.hosts.length ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'This organization has no sites yet.'}\n          </Typography>\n        ) : (\n          <>\n            <ScrollTable size=\"small\" aria-label={copy.header}>\n              <TableHead>\n                <TableRow>\n                  <TableCell>{'Name'}</TableCell>\n                  <TableCell>{'Site'}</TableCell>\n                  <TableCell>\n                    {kind === 'webhooks' ? 'Direction' : 'Trigger'}\n                  </TableCell>\n                  <TableCell>{'Status'}</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {shown.map((host) => (\n                  <SiteRows key={host.id} mount={mount} host={host} kind={kind} />\n                ))}\n              </TableBody>\n            </ScrollTable>\n            {folded > 0 ? (\n              <Button\n                size=\"small\"\n                variant=\"text\"\n                onClick={() => setOpened(true)}\n                sx={{ alignSelf: 'flex-start' }}\n              >\n                {`Show ${folded} more ${folded === 1 ? 'site' : 'sites'}`}\n              </Button>\n            ) : null}\n            {mount.hosts.length > ORG_SITE_LIST_MAX_SITES ? (\n              <Alert severity=\"info\">\n                {`Listing the first ${ORG_SITE_LIST_MAX_SITES} sites. Open a ` +\n                  `site’s own Automation for the ${copy.plural} of the rest.`}\n              </Alert>\n            ) : null}\n          </>\n        )}\n        {linkable.length ? (\n          <Stack direction=\"row\" spacing={1} sx={{ alignSelf: 'flex-start' }}>\n            <Button\n              size=\"small\"\n              color=\"primary\"\n              aria-haspopup=\"menu\"\n              onClick={(event) => setAddAnchor(event.currentTarget)}\n            >\n              {`Add ${copy.noun} on a site`}\n            </Button>\n          </Stack>\n        ) : null}\n      </Stack>\n      <Menu\n        anchorEl={addAnchor}\n        open={Boolean(addAnchor)}\n        onClose={() => setAddAnchor(null)}\n      >\n        {linkable.map((host) => (\n          <MenuItem\n            key={host.id}\n            component={AppLink as any}\n            {...({ componentVariant: 'naked' } as any)}\n            href={orgSiteAutomationPath(mount, host.id, kind) ?? ''}\n            onClick={() => setAddAnchor(null)}\n          >\n            {host.name || host.subdomain || host.id}\n          </MenuItem>\n        ))}\n      </Menu>\n    </CardDisplay>\n  )\n}\nOrgSiteAutomationList.displayName = 'OrgSiteAutomationList'\n\n/** How a row's trigger or direction reads. */\nfunction rowTrigger(kind: OrgSiteAutomationKind, row: any): string {\n  if (kind === 'webhooks') {\n    return row?.direction === 'inbound' ? 'Inbound' : 'Outbound'\n  }\n  const event = row?.trigger?.event\n  if (!event) return kind === 'workflows' ? 'Run by other automations' : '—'\n  return hostEventLabel(event)\n}\n\n/** How a row's status reads. */\nfunction rowStatus(kind: OrgSiteAutomationKind, row: any): string {\n  if (kind === 'workflows') return 'Ready'\n  return row?.enabled === false ? 'Off' : 'On'\n}\n\n/**\n * One site's rows: its own ceilinged read, drawn as table rows naming the\n * site. A site with none draws nothing; one past the ceiling says so in a row\n * that links to where the rest are.\n */\nfunction SiteRows(props: {\n  mount: WorkflowsOrgMount\n  host: ConsolePluginOrgHost\n  kind: OrgSiteAutomationKind\n}) {\n  const { mount, host, kind } = props\n  const firestore = useFirestore()\n  const { data } = useFirestoreCollection<any>(\n    () =>\n      collectionCeiling(\n        collection(firestore, 'hosts', host.id, kind),\n        ORG_SITE_LIST_ROWS,\n      ),\n    [firestore, host.id, kind],\n    { idField: '$id' },\n  )\n  const { rows, truncated } = ceilingedWindow<any>(data, ORG_SITE_LIST_ROWS)\n  const live = (rows ?? []).filter(\n    (row: any) =>\n      !row.deletedAt &&\n      // An element interaction belongs to its page, not to the site's\n      // automation list — the site's own Actions card counts rather than\n      // lists them, and so does this.\n      !(kind === 'actions' && LEAF_SELECTOR.test(String(row?.trigger?.selector ?? ''))),\n  )\n  const siteName = host.name || host.subdomain || host.id\n  const href = orgSiteAutomationPath(mount, host.id, kind)\n  const site = href ? (\n    <AppLink href={href} underline=\"hover\">\n      {siteName}\n    </AppLink>\n  ) : (\n    siteName\n  )\n  return (\n    <>\n      {live.map((row: any) => (\n        <TableRow key={`${host.id}/${row.$id}`}>\n          <TableCell>\n            {href ? (\n              <AppLink href={href} underline=\"hover\">\n                {String(row.name || row.$id)}\n              </AppLink>\n            ) : (\n              String(row.name || row.$id)\n            )}\n          </TableCell>\n          <TableCell>{site}</TableCell>\n          <TableCell>{rowTrigger(kind, row)}</TableCell>\n          <TableCell>{rowStatus(kind, row)}</TableCell>\n        </TableRow>\n      ))}\n      {truncated ? (\n        <TableRow>\n          <TableCell colSpan={4}>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {`${siteName} has more than ${ORG_SITE_LIST_ROWS} — `}\n              {href ? (\n                <AppLink href={href} underline=\"hover\">\n                  {'open the site to see them all'}\n                </AppLink>\n              ) : (\n                'open the site to see them all'\n              )}\n            </Typography>\n          </TableCell>\n        </TableRow>\n      ) : null}\n    </>\n  )\n}\nSiteRows.displayName = 'SiteRows'\n\nexport default OrgSiteAutomationList\n"],"names":["hostEventLabel","pluginDocsHelp","AppLink","CardDisplay","ScrollTable","useFirestore","useFirestoreCollection","ceilingedWindow","collectionCeiling","Alert","Button","Menu","MenuItem","Stack","TableBody","TableCell","TableHead","TableRow","Typography","collection","useState","orgSiteAutomationPath","ORG_SITE_LIST_OPEN_SITES","ORG_SITE_LIST_MAX_SITES","ORG_SITE_LIST_ROWS","LEAF_SELECTOR","COPY","workflows","header","noun","plural","intro","actions","webhooks","OrgSiteAutomationList","props","mount","kind","canRead","copy","opened","setOpened","addAnchor","setAddAnchor","reachable","hosts","slice","shown","folded","length","linkable","filter","host","id","help","anchor","contentGutterX","contentGutterY","spacing","variant","color","severity","hostsReady","size","aria-label","map","SiteRows","onClick","sx","alignSelf","direction","aria-haspopup","event","currentTarget","anchorEl","open","Boolean","onClose","component","componentVariant","href","name","subdomain","displayName","rowTrigger","row","trigger","rowStatus","enabled","firestore","data","idField","rows","truncated","live","deletedAt","test","String","selector","siteName","site","underline","$id","colSpan"],"mappings":"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"}

package/src/lib/components/site-org-automations-panel.component.d.ts

@@ -0,0 +1,22 @@
+/**
+ * THE ORGANIZATION'S AUTOMATIONS THAT RUN ON THIS SITE (AGL-3302), on the
+ * site's own Actions section: read-only, with the one control that belongs
+ * to the site — pausing an automation here, and resuming it.
+ *
+ * Read with the site's own scope tokens, so the listener is provable for a
+ * collaborator scoped to this site as well as for an org-wide member, and
+ * only the live ones placed here come back. Editing is the organization's,
+ * on its own hub; a pause is the site's, through `automations/pause`, which
+ * admits the site's admins and editors and refuses anyone else with its own
+ * words.
+ *
+ * Renders nothing while there is nothing: a site the organization runs no
+ * automation on has no panel to explain.
+ */
+export declare function SiteOrgAutomationsPanel(props: {
+    hostId: string;
+}): import("react").JSX.Element;
+export declare namespace SiteOrgAutomationsPanel {
+    var displayName: string;
+}
+export default SiteOrgAutomationsPanel;

package/src/lib/components/site-org-automations-panel.component.js

@@ -0,0 +1,201 @@
+/**
+ * @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.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HOST_ACTION_STEP_LABELS, hostEventLabel, pluginDocsHelp, scopeTokensForHost } from "@aglyn/aglyn";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, useFirestoreCollection, useOrgDataScope } from "@aglyn/tenant-feature-instance";
+import { Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from "@mui/material";
+import { collection, limit, query, where } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import { ORG_AUTOMATIONS_COLLECTION, ORG_AUTOMATIONS_MAX, orgAutomationPausedHostIds } from "../model/org-automations.js";
+import HostRunHistoryCard from "./host-run-history-card.component.js";
+import { useOrgAutomationsApi } from "./use-org-automations-api.js";
+/**
+ * THE ORGANIZATION'S AUTOMATIONS THAT RUN ON THIS SITE (AGL-3302), on the
+ * site's own Actions section: read-only, with the one control that belongs
+ * to the site — pausing an automation here, and resuming it.
+ *
+ * Read with the site's own scope tokens, so the listener is provable for a
+ * collaborator scoped to this site as well as for an org-wide member, and
+ * only the live ones placed here come back. Editing is the organization's,
+ * on its own hub; a pause is the site's, through `automations/pause`, which
+ * admits the site's admins and editors and refuses anyone else with its own
+ * words.
+ *
+ * Renders nothing while there is nothing: a site the organization runs no
+ * automation on has no panel to explain.
+ */ export function SiteOrgAutomationsPanel(props) {
+    var _ref, _runsFor_name;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const api = useOrgAutomationsApi();
+    const { enqueueSnackbar } = useSnackbar();
+    const { scope } = useOrgDataScope({
+        hostId
+    });
+    const tokens = useMemo(()=>scopeTokensForHost(hostId), [
+        hostId
+    ]);
+    const { data: rows } = useFirestoreCollection(()=>scope ? query(collection(firestore, scope[0], scope[1], ORG_AUTOMATIONS_COLLECTION), where('deletedAt', '==', null), where('visibleTo', 'array-contains-any', tokens), limit(ORG_AUTOMATIONS_MAX + 1)) : null, [
+        firestore,
+        scope,
+        tokens
+    ], {
+        idField: '$id'
+    });
+    const automations = useMemo(()=>[
+            ...rows != null ? rows : []
+        ].sort((a, b)=>{
+            var _a_name, _b_name;
+            return String((_a_name = a.name) != null ? _a_name : '').localeCompare(String((_b_name = b.name) != null ? _b_name : ''));
+        }), [
+        rows
+    ]);
+    const [busy, setBusy] = useState(null);
+    const [runsFor, setRunsFor] = useState(null);
+    const setPaused = useCallback(async (row, paused)=>{
+        setBusy(row.$id);
+        try {
+            await api('pause', {
+                hostId,
+                automationId: row.$id,
+                paused
+            });
+            enqueueSnackbar(paused ? `“${row.name}” is paused on this site` : `“${row.name}” runs on this site again`, {
+                variant: 'success',
+                persist: false
+            });
+        } catch (error) {
+            enqueueSnackbar((error == null ? void 0 : error.message) || 'The request could not be completed', {
+                variant: 'warning',
+                persist: false
+            });
+        } finally{
+            setBusy(null);
+        }
+    }, [
+        api,
+        hostId,
+        enqueueSnackbar
+    ]);
+    if (!automations.length) return null;
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Org automations on this site',
+        help: pluginDocsHelp('orgAutomations', {
+            anchor: '#pause-it-on-one-site'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Your organization runs these on this site beside the site’s own ' + 'actions. Each run sends from this site and counts on its action ' + 'runs. Pausing one stops it here — and anyone waiting inside it ' + 'here — and leaves every other site alone.'
+                    }),
+                    automations.map((row)=>{
+                        var _row_steps;
+                        var _row_trigger;
+                        const paused = orgAutomationPausedHostIds(row).includes(hostId);
+                        const off = row.enabled === false;
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: row.name
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: `on ${hostEventLabel((_row_trigger = row.trigger) == null ? void 0 : _row_trigger.event)} · ${((_row_steps = row.steps) != null ? _row_steps : []).map((step)=>{
+                                                var _HOST_ACTION_STEP_LABELS_step_type;
+                                                return (_HOST_ACTION_STEP_LABELS_step_type = HOST_ACTION_STEP_LABELS[step.type]) != null ? _HOST_ACTION_STEP_LABELS_step_type : step.type;
+                                            }).join(' → ')}`
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    color: off ? 'default' : paused ? 'warning' : 'success',
+                                    label: off ? 'Switched off' : paused ? 'Paused here' : 'Runs here'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    disabled: busy === row.$id,
+                                    onClick: ()=>void setPaused(row, !paused),
+                                    children: paused ? 'Resume here' : 'Pause here'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: ()=>setRunsFor(row),
+                                    children: 'Runs'
+                                })
+                            ]
+                        }, row.$id);
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(runsFor),
+                onClose: ()=>setRunsFor(null),
+                maxWidth: "sm",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: `Runs — ${(_ref = runsFor == null ? void 0 : runsFor.name) != null ? _ref : ''}`
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: runsFor ? /*#__PURE__*/ _jsx(HostRunHistoryCard, {
+                            hostId: hostId,
+                            targetId: runsFor.$id,
+                            targetName: (_runsFor_name = runsFor.name) != null ? _runsFor_name : '',
+                            header: "Recent runs on this site"
+                        }) : null
+                    }),
+                    /*#__PURE__*/ _jsx(DialogActions, {
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            color: "inherit",
+                            onClick: ()=>setRunsFor(null),
+                            children: 'Close'
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+SiteOrgAutomationsPanel.displayName = 'SiteOrgAutomationsPanel';
+export default SiteOrgAutomationsPanel;
+
+//# sourceMappingURL=site-org-automations-panel.component.js.map

package/src/lib/components/site-org-automations-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/workflows/src/lib/components/site-org-automations-panel.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 {\n  HOST_ACTION_STEP_LABELS,\n  type HostActionStepType,\n  hostEventLabel,\n  pluginDocsHelp,\n  scopeTokensForHost,\n} from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  useOrgDataScope,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { collection, limit, query, where } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  ORG_AUTOMATIONS_COLLECTION,\n  ORG_AUTOMATIONS_MAX,\n  orgAutomationPausedHostIds,\n  type OrgAutomationRow,\n} from '../model/org-automations'\nimport HostRunHistoryCard from './host-run-history-card.component'\nimport { useOrgAutomationsApi } from './use-org-automations-api'\n\n/**\n * THE ORGANIZATION'S AUTOMATIONS THAT RUN ON THIS SITE (AGL-3302), on the\n * site's own Actions section: read-only, with the one control that belongs\n * to the site — pausing an automation here, and resuming it.\n *\n * Read with the site's own scope tokens, so the listener is provable for a\n * collaborator scoped to this site as well as for an org-wide member, and\n * only the live ones placed here come back. Editing is the organization's,\n * on its own hub; a pause is the site's, through `automations/pause`, which\n * admits the site's admins and editors and refuses anyone else with its own\n * words.\n *\n * Renders nothing while there is nothing: a site the organization runs no\n * automation on has no panel to explain.\n */\nexport function SiteOrgAutomationsPanel(props: { hostId: string }) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const api = useOrgAutomationsApi()\n  const { enqueueSnackbar } = useSnackbar()\n  const { scope } = useOrgDataScope({ hostId })\n  const tokens = useMemo(() => scopeTokensForHost(hostId), [hostId])\n  const { data: rows } = useFirestoreCollection<OrgAutomationRow>(\n    () =>\n      scope\n        ? query(\n            collection(firestore, scope[0], scope[1], ORG_AUTOMATIONS_COLLECTION),\n            where('deletedAt', '==', null),\n            where('visibleTo', 'array-contains-any', tokens),\n            limit(ORG_AUTOMATIONS_MAX + 1),\n          )\n        : null,\n    [firestore, scope, tokens],\n    { idField: '$id' },\n  )\n  const automations = useMemo(\n    () =>\n      [...(rows ?? [])].sort((a, b) =>\n        String(a.name ?? '').localeCompare(String(b.name ?? '')),\n      ),\n    [rows],\n  )\n  const [busy, setBusy] = useState<string | null>(null)\n  const [runsFor, setRunsFor] = useState<OrgAutomationRow | null>(null)\n\n  const setPaused = useCallback(\n    async (row: OrgAutomationRow, paused: boolean) => {\n      setBusy(row.$id)\n      try {\n        await api('pause', { hostId, automationId: row.$id, paused })\n        enqueueSnackbar(\n          paused\n            ? `“${row.name}” is paused on this site`\n            : `“${row.name}” runs on this site again`,\n          { variant: 'success', persist: false },\n        )\n      } catch (error) {\n        enqueueSnackbar(\n          (error as Error)?.message || 'The request could not be completed',\n          { variant: 'warning', persist: false },\n        )\n      } finally {\n        setBusy(null)\n      }\n    },\n    [api, hostId, enqueueSnackbar],\n  )\n\n  if (!automations.length) return null\n  return (\n    <CardDisplay\n      header={'Org automations on this site'}\n      help={pluginDocsHelp('orgAutomations', { anchor: '#pause-it-on-one-site' })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Your organization runs these on this site beside the site’s own ' +\n            'actions. Each run sends from this site and counts on its action ' +\n            'runs. Pausing one stops it here — and anyone waiting inside it ' +\n            'here — and leaves every other site alone.'}\n        </Typography>\n        {automations.map((row) => {\n          const paused = orgAutomationPausedHostIds(row).includes(hostId)\n          const off = row.enabled === false\n          return (\n            <Stack\n              key={row.$id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ alignItems: 'center' }}\n            >\n              <Stack sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"body2\" noWrap>\n                  {row.name}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                  {`on ${hostEventLabel(row.trigger?.event)} · ${(row.steps ?? [])\n                    .map(\n                      (step) =>\n                        HOST_ACTION_STEP_LABELS[step.type as HostActionStepType] ??\n                        step.type,\n                    )\n                    .join(' → ')}`}\n                </Typography>\n              </Stack>\n              <Chip\n                size=\"small\"\n                variant=\"outlined\"\n                color={off ? 'default' : paused ? 'warning' : 'success'}\n                label={off ? 'Switched off' : paused ? 'Paused here' : 'Runs here'}\n              />\n              <Button\n                size=\"small\"\n                disabled={busy === row.$id}\n                onClick={() => void setPaused(row, !paused)}\n              >\n                {paused ? 'Resume here' : 'Pause here'}\n              </Button>\n              <Button size=\"small\" onClick={() => setRunsFor(row)}>\n                {'Runs'}\n              </Button>\n            </Stack>\n          )\n        })}\n      </Stack>\n      <Dialog\n        open={Boolean(runsFor)}\n        onClose={() => setRunsFor(null)}\n        maxWidth=\"sm\"\n        fullWidth\n      >\n        <DialogTitle>{`Runs — ${runsFor?.name ?? ''}`}</DialogTitle>\n        <DialogContent>\n          {runsFor ? (\n            <HostRunHistoryCard\n              hostId={hostId}\n              targetId={runsFor.$id}\n              targetName={runsFor.name ?? ''}\n              header=\"Recent runs on this site\"\n            />\n          ) : null}\n        </DialogContent>\n        <DialogActions>\n          <Button color=\"inherit\" onClick={() => setRunsFor(null)}>\n            {'Close'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </CardDisplay>\n  )\n}\nSiteOrgAutomationsPanel.displayName = 'SiteOrgAutomationsPanel'\n\nexport default SiteOrgAutomationsPanel\n"],"names":["HOST_ACTION_STEP_LABELS","hostEventLabel","pluginDocsHelp","scopeTokensForHost","CardDisplay","useSnackbar","useFirestore","useFirestoreCollection","useOrgDataScope","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","Stack","Typography","collection","limit","query","where","useCallback","useMemo","useState","ORG_AUTOMATIONS_COLLECTION","ORG_AUTOMATIONS_MAX","orgAutomationPausedHostIds","HostRunHistoryCard","useOrgAutomationsApi","SiteOrgAutomationsPanel","props","runsFor","hostId","firestore","api","enqueueSnackbar","scope","tokens","data","rows","idField","automations","sort","a","b","String","name","localeCompare","busy","setBusy","setRunsFor","setPaused","row","paused","$id","automationId","variant","persist","error","message","length","header","help","anchor","contentGutterX","contentGutterY","spacing","color","map","includes","off","enabled","direction","sx","alignItems","flex","minWidth","noWrap","trigger","event","steps","step","type","join","size","label","disabled","onClick","open","Boolean","onClose","maxWidth","fullWidth","targetId","targetName","displayName"],"mappings":"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"}

package/src/lib/components/use-org-automation-step-pickers.d.ts

@@ -0,0 +1,20 @@
+import { type AutomationStepPickerData } from './use-automation-step-pickers';
+/**
+ * WHAT AN ORG AUTOMATION'S STEPS CAN BE POINTED AT (AGL-3302).
+ *
+ * The site editor's pickers read one site's records; an org automation runs
+ * on every site it is placed on, so its pickers read the ORGANIZATION's —
+ * the lists, the datasets and the campaign containers — and offer only what
+ * every one of those sites can use. A dataset or a campaign shared with some
+ * of the org's sites and not the others would resolve on one site and fail
+ * the step on the next, so a record is offered only when its own sharing
+ * covers the automation's placement (`scopeCovers`). A list belongs to the
+ * whole organization and is always offered.
+ *
+ * The site-only pickers — workflows, overlays, webhooks — are empty: no step
+ * an org automation may hold points at one.
+ *
+ * Read on the same latch and at the same ceiling as the site editor's, and
+ * paid only by an author who opens the editor.
+ */
+export declare function useOrgAutomationStepPickers(orgId: string, editorOpened: boolean, placement: readonly string[]): AutomationStepPickerData;