@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/billing-ai-allotments.component.js

@@ -0,0 +1,486 @@
+/**
+ * @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 { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { mdiPencilOutline } from "@aglyn/shared-data-mdi";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Stack, Typography } from "@mui/material";
+import { useMemo, useState } from "react";
+import { AI_ALLOTMENT_ORG_SUBJECT, aiAllotmentState } from "../model/ai-allotments.js";
+import { AiAllotmentEditor } from "./ai-allotment-editor.component.js";
+import { saveAiAllotments, useAiAllotments } from "./use-ai-allotments.js";
+/** An allotment as a table cell reads it: used of credits, mode, models. */ export function aiAllotmentSummary(row) {
+    var _row_models;
+    if (!row) return '—';
+    const parts = [];
+    if (row.credits !== null) {
+        parts.push(`${row.used.toLocaleString()} of ${row.credits.toLocaleString()} (${row.mode})`);
+    }
+    if ((_row_models = row.models) == null ? void 0 : _row_models.length) {
+        parts.push(`${row.models.length} model${row.models.length === 1 ? '' : 's'}`);
+    }
+    return parts.join(' · ') || '—';
+}
+/** The color an allotment's figure reads in: warning from 80%, error at it. */ export function aiAllotmentTone(row) {
+    if (!row || row.credits === null) return 'text.primary';
+    const state = aiAllotmentState(row.used, row.credits);
+    return state === 'reached' ? 'error.main' : state === 'warn' ? 'warning.main' : 'text.primary';
+}
+const valueOf = (row)=>row ? {
+        credits: row.credits,
+        mode: row.mode,
+        models: row.models
+    } : null;
+/** The allotment column: used of credits, in the tone its share has reached. */ const allotmentColumn = ()=>({
+        field: 'allotment',
+        headerName: 'Allotment',
+        flex: 1,
+        minWidth: 200,
+        sortable: false,
+        valueGetter: (_value, row)=>aiAllotmentSummary(row.allotment),
+        renderCell: ({ row })=>/*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                noWrap: true,
+                sx: {
+                    color: aiAllotmentTone(row.allotment)
+                },
+                children: aiAllotmentSummary(row.allotment)
+            })
+    });
+const creditsColumn = (credits)=>({
+        field: 'credits',
+        headerName: 'Credits this month',
+        type: 'number',
+        align: 'right',
+        headerAlign: 'right',
+        width: 170,
+        valueGetter: (_value, row)=>credits(row),
+        valueFormatter: (value)=>value.toLocaleString()
+    });
+/**
+ * AI ALLOTMENTS ON BILLING → USAGE (AGL-2942): who may draw how much of the
+ * workspace's AI pool.
+ *
+ * Team members and sites, each with this month's credits and its allotment;
+ * select several and set one allotment for all of them, or set the same
+ * allotment on every site at once — the agency's "same for every client
+ * site". Collaborators' allotments, which their sites' Users cards set, are
+ * listed below. On a plan that offers it, the organization's model
+ * restriction sits at the end.
+ *
+ * Read with `billing.view`; the controls appear with `billing.manage`, and
+ * the route refuses a write without it whatever this card draws.
+ */ export function BillingAiAllotments({ orgId }) {
+    var _ref;
+    var _restriction_models;
+    const { data: user } = useUser();
+    const allotments = useAiAllotments({
+        orgId
+    });
+    const [members, setMembers] = useState([]);
+    const [sites, setSites] = useState([]);
+    const [editing, setEditing] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const data = allotments.data;
+    const bySubject = useMemo(()=>{
+        var _ref;
+        return new Map(((_ref = data == null ? void 0 : data.allotments) != null ? _ref : []).map((row)=>[
+                row.subject,
+                row
+            ]));
+    }, [
+        data
+    ]);
+    if (allotments.status === 'refused') {
+        return /*#__PURE__*/ _jsx(Alert, {
+            severity: "info",
+            children: 'Seeing AI allotments requires the View billing permission.'
+        });
+    }
+    if (allotments.status === 'error' && !data) {
+        return /*#__PURE__*/ _jsx(Alert, {
+            severity: "warning",
+            children: 'Could not read the AI allotments — a failed read, not an empty list.'
+        });
+    }
+    if (!data || !orgId) {
+        return /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: 'Loading…'
+        });
+    }
+    const canEdit = data.canEdit.billing;
+    const team = data.members.filter((member)=>member.orgWide);
+    const nameOf = (uid)=>{
+        var _ref, _ref1;
+        var _data_members_find;
+        return (_ref = (_ref1 = (_data_members_find = data.members.find((member)=>member.uid === uid)) == null ? void 0 : _data_members_find.name) != null ? _ref1 : uid) != null ? _ref : '';
+    };
+    const siteName = (hostId)=>{
+        var _ref, _ref1;
+        var _data_hosts_find;
+        return (_ref = (_ref1 = (_data_hosts_find = data.hosts.find((host)=>host.hostId === hostId)) == null ? void 0 : _data_hosts_find.name) != null ? _ref1 : hostId) != null ? _ref : '';
+    };
+    const collaborators = data.allotments.filter((row)=>row.scope === 'collab');
+    const restriction = bySubject.get(AI_ALLOTMENT_ORG_SUBJECT);
+    /*
+   * Each list pages, sorts and searches on its own, and a selection is kept
+   * by member and site id rather than by row, so it survives a page change.
+   */ const teamRows = team.map((member)=>({
+            $id: member.uid,
+            subject: `member:${member.uid}`,
+            allotment: bySubject.get(`member:${member.uid}`),
+            member
+        }));
+    const siteRows = data.hosts.map((host)=>({
+            $id: host.hostId,
+            subject: `host:${host.hostId}`,
+            allotment: bySubject.get(`host:${host.hostId}`),
+            host
+        }));
+    const collaboratorRows = collaborators.map((row)=>({
+            $id: row.subject,
+            subject: row.subject,
+            allotment: row,
+            name: nameOf(row.uid),
+            site: siteName(row.hostId)
+        }));
+    const editSubjects = (subjects, title, description)=>{
+        const rows = subjects.map((subject)=>bySubject.get(subject));
+        setError(null);
+        setEditing({
+            kind: 'subjects',
+            subjects,
+            title,
+            description,
+            initial: subjects.length === 1 ? valueOf(rows[0]) : null,
+            removable: rows.every(Boolean)
+        });
+    };
+    const run = async (body)=>{
+        setBusy(true);
+        setError(null);
+        const result = await saveAiAllotments(user, body);
+        setBusy(false);
+        if (!result.ok) {
+            setError(result.error);
+            return;
+        }
+        setEditing(null);
+        setMembers([]);
+        setSites([]);
+    };
+    const save = (value)=>{
+        if (!editing) return;
+        if (editing.kind === 'everySite') return void run({
+            orgId,
+            everySite: value
+        });
+        if (editing.kind === 'restriction') {
+            return void run(value.models ? {
+                orgId,
+                set: [
+                    _extends({
+                        subject: AI_ALLOTMENT_ORG_SUBJECT
+                    }, value, {
+                        credits: null
+                    })
+                ]
+            } : {
+                orgId,
+                remove: [
+                    AI_ALLOTMENT_ORG_SUBJECT
+                ]
+            });
+        }
+        return void run({
+            orgId,
+            set: editing.subjects.map((subject)=>_extends({
+                    subject
+                }, value))
+        });
+    };
+    const remove = ()=>{
+        if (!editing || editing.kind === 'everySite') return;
+        return void run({
+            orgId,
+            remove: editing.kind === 'restriction' ? [
+                AI_ALLOTMENT_ORG_SUBJECT
+            ] : editing.subjects
+        });
+    };
+    const editMember = (row)=>editSubjects([
+            row.subject
+        ], `AI allotment — ${row.member.name}`, 'Counts what this person draws across every site.');
+    const editSite = (row)=>editSubjects([
+            row.subject
+        ], `AI allotment — ${row.host.name}`, 'Counts what everyone draws on the site, together.');
+    const editCollaborator = (row)=>editSubjects([
+            row.subject
+        ], `AI allotment — ${row.name} on ${row.site}`, 'Counts what this collaborator draws on this site.');
+    /** The one action a row has: set its allotment, or edit the one it has. */ const editColumn = (label, edit)=>listActionsColumn((row)=>/*#__PURE__*/ _jsx(ListRowActions, {
+                label: label(row),
+                quick: {
+                    icon: mdiPencilOutline.path,
+                    label: row.allotment ? 'Edit allotment' : 'Set allotment',
+                    onClick: ()=>edit(row)
+                },
+                items: []
+            }));
+    const teamColumns = [
+        {
+            field: 'name',
+            headerName: 'Member',
+            flex: 1,
+            minWidth: 180,
+            valueGetter: (_value, row)=>row.member.name
+        },
+        creditsColumn((row)=>row.member.credits),
+        allotmentColumn(),
+        ...canEdit ? [
+            editColumn((row)=>row.member.name, editMember)
+        ] : []
+    ];
+    const siteColumns = [
+        {
+            field: 'name',
+            headerName: 'Site',
+            flex: 1,
+            minWidth: 180,
+            valueGetter: (_value, row)=>row.host.name
+        },
+        creditsColumn((row)=>row.host.credits),
+        allotmentColumn(),
+        ...canEdit ? [
+            editColumn((row)=>row.host.name, editSite)
+        ] : []
+    ];
+    const collaboratorColumns = [
+        {
+            field: 'name',
+            headerName: 'Collaborator',
+            flex: 1,
+            minWidth: 180
+        },
+        {
+            field: 'site',
+            headerName: 'Site',
+            flex: 1,
+            minWidth: 160
+        },
+        allotmentColumn(),
+        ...canEdit ? [
+            editColumn((row)=>`${row.name} on ${row.site}`, editCollaborator)
+        ] : []
+    ];
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: 'Give a member or a whole site a share of the workspace’s AI credits each month. ' + 'A hard allotment stops AI requests at the line; a soft one keeps going and alerts ' + 'you at 80% and 100%. The workspace’s own credits still stop first.'
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    rowGap: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        sx: {
+                            flexGrow: 1
+                        },
+                        children: 'Team members'
+                    }),
+                    canEdit ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        disabled: !members.length,
+                        onClick: ()=>editSubjects(members.map((uid)=>`member:${uid}`), members.length === 1 ? `AI allotment — ${nameOf(members[0])}` : `AI allotment — ${members.length} members`, 'Counts what each person draws across every site.'),
+                        children: members.length > 1 ? `Set for ${members.length} selected` : 'Set for selected'
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ListTable, _extends({
+                "aria-label": "Team members' AI allotments",
+                rows: teamRows,
+                columns: teamColumns,
+                rowHeight: TABLE_ROW_HEIGHT,
+                noRowsLabel: "No team members"
+            }, canEdit ? {
+                selectable: {
+                    selected: members,
+                    onChange: setMembers
+                },
+                onOpen: (_id, row)=>editMember(row)
+            } : {})),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    rowGap: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        sx: {
+                            flexGrow: 1
+                        },
+                        children: 'Sites'
+                    }),
+                    canEdit ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                disabled: !sites.length,
+                                onClick: ()=>editSubjects(sites.map((hostId)=>`host:${hostId}`), sites.length === 1 ? `AI allotment — ${siteName(sites[0])}` : `AI allotment — ${sites.length} sites`, 'Counts what everyone draws on the site, together.'),
+                                children: sites.length > 1 ? `Set for ${sites.length} selected` : 'Set for selected'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                disabled: !data.hosts.length,
+                                onClick: ()=>{
+                                    setError(null);
+                                    setEditing({
+                                        kind: 'everySite'
+                                    });
+                                },
+                                children: 'Same for every client site'
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ListTable, _extends({
+                "aria-label": "Sites' AI allotments",
+                rows: siteRows,
+                columns: siteColumns,
+                rowHeight: TABLE_ROW_HEIGHT,
+                noRowsLabel: "No sites"
+            }, canEdit ? {
+                selectable: {
+                    selected: sites,
+                    onChange: setSites
+                },
+                onOpen: (_id, row)=>editSite(row)
+            } : {})),
+            collaborators.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: 'Site collaborators'
+                    }),
+                    /*#__PURE__*/ _jsx(ListTable, _extends({
+                        "aria-label": "Site collaborators' AI allotments",
+                        rows: collaboratorRows,
+                        columns: collaboratorColumns,
+                        rowHeight: TABLE_ROW_HEIGHT
+                    }, canEdit ? {
+                        onOpen: (_id, row)=>editCollaborator(row)
+                    } : {}))
+                ]
+            }) : null,
+            data.restrictionAvailable ? /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    rowGap: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Typography, {
+                        variant: "body2",
+                        sx: {
+                            flexGrow: 1
+                        },
+                        children: [
+                            'Models for the whole organization: ',
+                            (restriction == null ? void 0 : (_restriction_models = restriction.models) == null ? void 0 : _restriction_models.length) ? data.models.filter((model)=>{
+                                var _restriction_models;
+                                return (_restriction_models = restriction.models) == null ? void 0 : _restriction_models.includes(model.id);
+                            }).map((model)=>model.label).join(', ') || `${restriction.models.length} models` : 'every model the plan offers'
+                        ]
+                    }),
+                    canEdit ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        onClick: ()=>{
+                            setError(null);
+                            setEditing({
+                                kind: 'restriction',
+                                initial: valueOf(restriction),
+                                removable: Boolean(restriction)
+                            });
+                        },
+                        children: 'Restrict models'
+                    }) : null
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsx(AiAllotmentEditor, {
+                open: editing !== null,
+                title: (editing == null ? void 0 : editing.kind) === 'everySite' ? 'Same allotment for every site' : (editing == null ? void 0 : editing.kind) === 'restriction' ? 'Models for the whole organization' : (_ref = editing == null ? void 0 : editing.title) != null ? _ref : '',
+                description: (editing == null ? void 0 : editing.kind) === 'everySite' ? `Sets this allotment on all ${data.hosts.length} sites, replacing any each one had.` : (editing == null ? void 0 : editing.kind) === 'restriction' ? 'Every member, collaborator and Auto choose only among these models.' : editing == null ? void 0 : editing.description,
+                initial: editing && editing.kind !== 'everySite' ? editing.initial : null,
+                models: data.models,
+                modelsOnly: (editing == null ? void 0 : editing.kind) === 'restriction',
+                poolLimit: data.pool.limit,
+                busy: busy,
+                error: error,
+                onClose: ()=>setEditing(null),
+                onSave: save,
+                onRemove: editing && editing.kind !== 'everySite' && editing.removable ? remove : undefined
+            })
+        ]
+    });
+}
+BillingAiAllotments.displayName = 'BillingAiAllotments';
+/**
+ * The card on Billing → Usage, through the `orgBillingUsage` zone, beneath
+ * the table of who drew the credits. Registered with `billing.view`.
+ */ export function AiAllotmentsCard(props) {
+    return /*#__PURE__*/ _jsx("div", {
+        id: "ai-allotments",
+        children: /*#__PURE__*/ _jsx(CardDisplay, {
+            header: 'AI allotments',
+            help: pluginDocsHelp('billing', {
+                anchor: '#ai-allotments',
+                excerpt: 'A monthly share of the workspace’s AI credits for a member or a site — ' + 'hard or soft, with an optional list of models.'
+            }),
+            contentGutterX: true,
+            contentGutterY: true,
+            children: /*#__PURE__*/ _jsx(BillingAiAllotments, {
+                orgId: props.orgId
+            })
+        })
+    });
+}
+AiAllotmentsCard.displayName = 'AiAllotmentsCard';
+export default AiAllotmentsCard;
+
+//# sourceMappingURL=billing-ai-allotments.component.js.map

package/src/lib/components/billing-ai-allotments.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/billing-ai-allotments.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 { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { mdiPencilOutline } from '@aglyn/shared-data-mdi'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useMemo, useState } from 'react'\nimport { AI_ALLOTMENT_ORG_SUBJECT, aiAllotmentState } from '../model/ai-allotments'\nimport type {\n  AiAllotmentRowWire,\n  AiAllotmentsHostWire,\n  AiAllotmentsMemberWire,\n} from '../usage/ai-usage-wire'\nimport { AiAllotmentEditor, type AiAllotmentValue } from './ai-allotment-editor.component'\nimport { saveAiAllotments, useAiAllotments } from './use-ai-allotments'\n\n/** An allotment as a table cell reads it: used of credits, mode, models. */\nexport function aiAllotmentSummary(\n  row: Pick<AiAllotmentRowWire, 'credits' | 'mode' | 'models' | 'used'> | null | undefined,\n): string {\n  if (!row) return '—'\n  const parts: string[] = []\n  if (row.credits !== null) {\n    parts.push(`${row.used.toLocaleString()} of ${row.credits.toLocaleString()} (${row.mode})`)\n  }\n  if (row.models?.length) {\n    parts.push(`${row.models.length} model${row.models.length === 1 ? '' : 's'}`)\n  }\n  return parts.join(' · ') || '—'\n}\n\n/** The color an allotment's figure reads in: warning from 80%, error at it. */\nexport function aiAllotmentTone(\n  row: Pick<AiAllotmentRowWire, 'credits' | 'used'> | null | undefined,\n): 'text.primary' | 'warning.main' | 'error.main' {\n  if (!row || row.credits === null) return 'text.primary'\n  const state = aiAllotmentState(row.used, row.credits)\n  return state === 'reached' ? 'error.main' : state === 'warn' ? 'warning.main' : 'text.primary'\n}\n\ntype Editing =\n  | {\n      kind: 'subjects'\n      subjects: string[]\n      title: string\n      description: string\n      initial: AiAllotmentValue | null\n      removable: boolean\n    }\n  | { kind: 'everySite' }\n  | { kind: 'restriction'; initial: AiAllotmentValue | null; removable: boolean }\n\nconst valueOf = (row: AiAllotmentRowWire | undefined): AiAllotmentValue | null =>\n  row ? { credits: row.credits, mode: row.mode, models: row.models } : null\n\n/**\n * A row of one of the three lists: the subject its allotment is stored under,\n * that subject's allotment when it has one, and `$id` — the id `ListTable`\n * selects by, which is the member's uid, the site's id, or the collaborator's\n * subject.\n */\ntype AllotmentListRow = {\n  $id: string\n  subject: string\n  allotment: AiAllotmentRowWire | undefined\n}\ntype MemberRow = AllotmentListRow & { member: AiAllotmentsMemberWire }\ntype SiteRow = AllotmentListRow & { host: AiAllotmentsHostWire }\ntype CollaboratorRow = AllotmentListRow & { name: string; site: string }\n\n/** The allotment column: used of credits, in the tone its share has reached. */\nconst allotmentColumn = <Row extends AllotmentListRow>(): GridColDef<Row> => ({\n  field: 'allotment',\n  headerName: 'Allotment',\n  flex: 1,\n  minWidth: 200,\n  sortable: false,\n  valueGetter: (_value, row) => aiAllotmentSummary(row.allotment),\n  renderCell: ({ row }) => (\n    <Typography variant=\"body2\" noWrap sx={{ color: aiAllotmentTone(row.allotment) }}>\n      {aiAllotmentSummary(row.allotment)}\n    </Typography>\n  ),\n})\n\nconst creditsColumn = <Row extends AllotmentListRow>(\n  credits: (row: Row) => number,\n): GridColDef<Row> => ({\n  field: 'credits',\n  headerName: 'Credits this month',\n  type: 'number',\n  align: 'right',\n  headerAlign: 'right',\n  width: 170,\n  valueGetter: (_value, row) => credits(row),\n  valueFormatter: (value: number) => value.toLocaleString(),\n})\n\n/**\n * AI ALLOTMENTS ON BILLING → USAGE (AGL-2942): who may draw how much of the\n * workspace's AI pool.\n *\n * Team members and sites, each with this month's credits and its allotment;\n * select several and set one allotment for all of them, or set the same\n * allotment on every site at once — the agency's \"same for every client\n * site\". Collaborators' allotments, which their sites' Users cards set, are\n * listed below. On a plan that offers it, the organization's model\n * restriction sits at the end.\n *\n * Read with `billing.view`; the controls appear with `billing.manage`, and\n * the route refuses a write without it whatever this card draws.\n */\nexport function BillingAiAllotments({ orgId }: { orgId?: string }) {\n  const { data: user } = useUser()\n  const allotments = useAiAllotments({ orgId })\n  const [members, setMembers] = useState<string[]>([])\n  const [sites, setSites] = useState<string[]>([])\n  const [editing, setEditing] = useState<Editing | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const data = allotments.data\n  const bySubject = useMemo(\n    () => new Map((data?.allotments ?? []).map((row) => [row.subject, row])),\n    [data],\n  )\n\n  if (allotments.status === 'refused') {\n    return (\n      <Alert severity=\"info\">{'Seeing AI allotments requires the View billing permission.'}</Alert>\n    )\n  }\n  if (allotments.status === 'error' && !data) {\n    return (\n      <Alert severity=\"warning\">\n        {'Could not read the AI allotments — a failed read, not an empty list.'}\n      </Alert>\n    )\n  }\n  if (!data || !orgId) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Loading…'}\n      </Typography>\n    )\n  }\n\n  const canEdit = data.canEdit.billing\n  const team = data.members.filter((member) => member.orgWide)\n  const nameOf = (uid: string | null) =>\n    data.members.find((member) => member.uid === uid)?.name ?? uid ?? ''\n  const siteName = (hostId: string | null) =>\n    data.hosts.find((host) => host.hostId === hostId)?.name ?? hostId ?? ''\n  const collaborators = data.allotments.filter((row) => row.scope === 'collab')\n  const restriction = bySubject.get(AI_ALLOTMENT_ORG_SUBJECT)\n  /*\n   * Each list pages, sorts and searches on its own, and a selection is kept\n   * by member and site id rather than by row, so it survives a page change.\n   */\n  const teamRows: MemberRow[] = team.map((member) => ({\n    $id: member.uid,\n    subject: `member:${member.uid}`,\n    allotment: bySubject.get(`member:${member.uid}`),\n    member,\n  }))\n  const siteRows: SiteRow[] = data.hosts.map((host) => ({\n    $id: host.hostId,\n    subject: `host:${host.hostId}`,\n    allotment: bySubject.get(`host:${host.hostId}`),\n    host,\n  }))\n  const collaboratorRows: CollaboratorRow[] = collaborators.map((row) => ({\n    $id: row.subject,\n    subject: row.subject,\n    allotment: row,\n    name: nameOf(row.uid),\n    site: siteName(row.hostId),\n  }))\n\n  const editSubjects = (subjects: string[], title: string, description: string) => {\n    const rows = subjects.map((subject) => bySubject.get(subject))\n    setError(null)\n    setEditing({\n      kind: 'subjects',\n      subjects,\n      title,\n      description,\n      initial: subjects.length === 1 ? valueOf(rows[0]) : null,\n      removable: rows.every(Boolean),\n    })\n  }\n\n  const run = async (body: Parameters<typeof saveAiAllotments>[1]) => {\n    setBusy(true)\n    setError(null)\n    const result = await saveAiAllotments(user, body)\n    setBusy(false)\n    if (!result.ok) {\n      setError(result.error)\n      return\n    }\n    setEditing(null)\n    setMembers([])\n    setSites([])\n  }\n  const save = (value: AiAllotmentValue) => {\n    if (!editing) return\n    if (editing.kind === 'everySite') return void run({ orgId, everySite: value })\n    if (editing.kind === 'restriction') {\n      return void run(\n        value.models\n          ? { orgId, set: [{ subject: AI_ALLOTMENT_ORG_SUBJECT, ...value, credits: null }] }\n          : { orgId, remove: [AI_ALLOTMENT_ORG_SUBJECT] },\n      )\n    }\n    return void run({\n      orgId,\n      set: editing.subjects.map((subject) => ({ subject, ...value })),\n    })\n  }\n  const remove = () => {\n    if (!editing || editing.kind === 'everySite') return\n    return void run({\n      orgId,\n      remove: editing.kind === 'restriction' ? [AI_ALLOTMENT_ORG_SUBJECT] : editing.subjects,\n    })\n  }\n  const editMember = (row: MemberRow) =>\n    editSubjects([row.subject], `AI allotment — ${row.member.name}`, 'Counts what this person draws across every site.')\n  const editSite = (row: SiteRow) =>\n    editSubjects([row.subject], `AI allotment — ${row.host.name}`, 'Counts what everyone draws on the site, together.')\n  const editCollaborator = (row: CollaboratorRow) =>\n    editSubjects(\n      [row.subject],\n      `AI allotment — ${row.name} on ${row.site}`,\n      'Counts what this collaborator draws on this site.',\n    )\n  /** The one action a row has: set its allotment, or edit the one it has. */\n  const editColumn = <Row extends AllotmentListRow>(label: (row: Row) => string, edit: (row: Row) => void) =>\n    listActionsColumn((row: Row) => (\n      <ListRowActions\n        label={label(row)}\n        quick={{\n          icon: mdiPencilOutline.path,\n          label: row.allotment ? 'Edit allotment' : 'Set allotment',\n          onClick: () => edit(row),\n        }}\n        items={[]}\n      />\n    ))\n\n  const teamColumns: GridColDef<MemberRow>[] = [\n    { field: 'name', headerName: 'Member', flex: 1, minWidth: 180, valueGetter: (_value, row) => row.member.name },\n    creditsColumn<MemberRow>((row) => row.member.credits),\n    allotmentColumn<MemberRow>(),\n    ...(canEdit ? [editColumn<MemberRow>((row) => row.member.name, editMember)] : []),\n  ]\n  const siteColumns: GridColDef<SiteRow>[] = [\n    { field: 'name', headerName: 'Site', flex: 1, minWidth: 180, valueGetter: (_value, row) => row.host.name },\n    creditsColumn<SiteRow>((row) => row.host.credits),\n    allotmentColumn<SiteRow>(),\n    ...(canEdit ? [editColumn<SiteRow>((row) => row.host.name, editSite)] : []),\n  ]\n  const collaboratorColumns: GridColDef<CollaboratorRow>[] = [\n    { field: 'name', headerName: 'Collaborator', flex: 1, minWidth: 180 },\n    { field: 'site', headerName: 'Site', flex: 1, minWidth: 160 },\n    allotmentColumn<CollaboratorRow>(),\n    ...(canEdit ? [editColumn<CollaboratorRow>((row) => `${row.name} on ${row.site}`, editCollaborator)] : []),\n  ]\n\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Give a member or a whole site a share of the workspace’s AI credits each month. ' +\n          'A hard allotment stops AI requests at the line; a soft one keeps going and alerts ' +\n          'you at 80% and 100%. The workspace’s own credits still stop first.'}\n      </Typography>\n\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}>\n        <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n          {'Team members'}\n        </Typography>\n        {canEdit ? (\n          <Button\n            size=\"small\"\n            disabled={!members.length}\n            onClick={() =>\n              editSubjects(\n                members.map((uid) => `member:${uid}`),\n                members.length === 1 ? `AI allotment — ${nameOf(members[0])}` : `AI allotment — ${members.length} members`,\n                'Counts what each person draws across every site.',\n              )\n            }\n          >\n            {members.length > 1 ? `Set for ${members.length} selected` : 'Set for selected'}\n          </Button>\n        ) : null}\n      </Stack>\n      <ListTable\n        aria-label=\"Team members' AI allotments\"\n        rows={teamRows}\n        columns={teamColumns}\n        rowHeight={TABLE_ROW_HEIGHT}\n        noRowsLabel=\"No team members\"\n        {...(canEdit\n          ? { selectable: { selected: members, onChange: setMembers }, onOpen: (_id: string, row: MemberRow) => editMember(row) }\n          : {})}\n      />\n\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}>\n        <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n          {'Sites'}\n        </Typography>\n        {canEdit ? (\n          <>\n            <Button\n              size=\"small\"\n              disabled={!sites.length}\n              onClick={() =>\n                editSubjects(\n                  sites.map((hostId) => `host:${hostId}`),\n                  sites.length === 1 ? `AI allotment — ${siteName(sites[0])}` : `AI allotment — ${sites.length} sites`,\n                  'Counts what everyone draws on the site, together.',\n                )\n              }\n            >\n              {sites.length > 1 ? `Set for ${sites.length} selected` : 'Set for selected'}\n            </Button>\n            <Button\n              size=\"small\"\n              disabled={!data.hosts.length}\n              onClick={() => {\n                setError(null)\n                setEditing({ kind: 'everySite' })\n              }}\n            >\n              {'Same for every client site'}\n            </Button>\n          </>\n        ) : null}\n      </Stack>\n      <ListTable\n        aria-label=\"Sites' AI allotments\"\n        rows={siteRows}\n        columns={siteColumns}\n        rowHeight={TABLE_ROW_HEIGHT}\n        noRowsLabel=\"No sites\"\n        {...(canEdit\n          ? { selectable: { selected: sites, onChange: setSites }, onOpen: (_id: string, row: SiteRow) => editSite(row) }\n          : {})}\n      />\n\n      {collaborators.length ? (\n        <>\n          <Typography variant=\"subtitle2\">{'Site collaborators'}</Typography>\n          <ListTable\n            aria-label=\"Site collaborators' AI allotments\"\n            rows={collaboratorRows}\n            columns={collaboratorColumns}\n            rowHeight={TABLE_ROW_HEIGHT}\n            {...(canEdit ? { onOpen: (_id: string, row: CollaboratorRow) => editCollaborator(row) } : {})}\n          />\n        </>\n      ) : null}\n\n      {data.restrictionAvailable ? (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap', rowGap: 1 }}>\n          <Typography variant=\"body2\" sx={{ flexGrow: 1 }}>\n            {'Models for the whole organization: '}\n            {restriction?.models?.length\n              ? data.models\n                  .filter((model) => restriction.models?.includes(model.id))\n                  .map((model) => model.label)\n                  .join(', ') || `${restriction.models.length} models`\n              : 'every model the plan offers'}\n          </Typography>\n          {canEdit ? (\n            <Button\n              size=\"small\"\n              onClick={() => {\n                setError(null)\n                setEditing({ kind: 'restriction', initial: valueOf(restriction), removable: Boolean(restriction) })\n              }}\n            >\n              {'Restrict models'}\n            </Button>\n          ) : null}\n        </Stack>\n      ) : null}\n\n      <AiAllotmentEditor\n        open={editing !== null}\n        title={\n          editing?.kind === 'everySite'\n            ? 'Same allotment for every site'\n            : editing?.kind === 'restriction'\n              ? 'Models for the whole organization'\n              : (editing?.title ?? '')\n        }\n        description={\n          editing?.kind === 'everySite'\n            ? `Sets this allotment on all ${data.hosts.length} sites, replacing any each one had.`\n            : editing?.kind === 'restriction'\n              ? 'Every member, collaborator and Auto choose only among these models.'\n              : editing?.description\n        }\n        initial={editing && editing.kind !== 'everySite' ? editing.initial : null}\n        models={data.models}\n        modelsOnly={editing?.kind === 'restriction'}\n        poolLimit={data.pool.limit}\n        busy={busy}\n        error={error}\n        onClose={() => setEditing(null)}\n        onSave={save}\n        onRemove={editing && editing.kind !== 'everySite' && editing.removable ? remove : undefined}\n      />\n    </Stack>\n  )\n}\nBillingAiAllotments.displayName = 'BillingAiAllotments'\n\n/**\n * The card on Billing → Usage, through the `orgBillingUsage` zone, beneath\n * the table of who drew the credits. Registered with `billing.view`.\n */\nexport function AiAllotmentsCard(props: { orgId?: string }) {\n  return (\n    <div id=\"ai-allotments\">\n      <CardDisplay\n        header={'AI allotments'}\n        help={pluginDocsHelp('billing', {\n          anchor: '#ai-allotments',\n          excerpt:\n            'A monthly share of the workspace’s AI credits for a member or a site — ' +\n            'hard or soft, with an optional list of models.',\n        })}\n        contentGutterX\n        contentGutterY\n      >\n        <BillingAiAllotments orgId={props.orgId} />\n      </CardDisplay>\n    </div>\n  )\n}\nAiAllotmentsCard.displayName = 'AiAllotmentsCard'\n\nexport default AiAllotmentsCard\n"],"names":["pluginDocsHelp","mdiPencilOutline","CardDisplay","ListRowActions","ListTable","listActionsColumn","TABLE_ROW_HEIGHT","useUser","Alert","Button","Stack","Typography","useMemo","useState","AI_ALLOTMENT_ORG_SUBJECT","aiAllotmentState","AiAllotmentEditor","saveAiAllotments","useAiAllotments","aiAllotmentSummary","row","parts","credits","push","used","toLocaleString","mode","models","length","join","aiAllotmentTone","state","valueOf","allotmentColumn","field","headerName","flex","minWidth","sortable","valueGetter","_value","allotment","renderCell","variant","noWrap","sx","color","creditsColumn","type","align","headerAlign","width","valueFormatter","value","BillingAiAllotments","orgId","restriction","data","user","allotments","members","setMembers","sites","setSites","editing","setEditing","busy","setBusy","error","setError","bySubject","Map","map","subject","status","severity","canEdit","billing","team","filter","member","orgWide","nameOf","uid","find","name","siteName","hostId","hosts","host","collaborators","scope","get","teamRows","$id","siteRows","collaboratorRows","site","editSubjects","subjects","title","description","rows","kind","initial","removable","every","Boolean","run","body","result","ok","save","everySite","set","remove","editMember","editSite","editCollaborator","editColumn","label","edit","quick","icon","path","onClick","items","teamColumns","siteColumns","collaboratorColumns","spacing","direction","alignItems","flexWrap","rowGap","flexGrow","size","disabled","aria-label","columns","rowHeight","noRowsLabel","selectable","selected","onChange","onOpen","_id","restrictionAvailable","model","includes","id","open","modelsOnly","poolLimit","pool","limit","onClose","onSave","onRemove","undefined","displayName","AiAllotmentsCard","props","div","header","help","anchor","excerpt","contentGutterX","contentGutterY"],"mappings":"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"}

package/src/lib/components/billing-ai-top-users.component.d.ts

@@ -0,0 +1,44 @@
+export interface BillingAiTopUsersProps {
+    orgId: string | undefined;
+    /** The org's slug, for the links into each person's page. */
+    orgSlug: string;
+}
+/**
+ * WHO IS GENERATING WHAT (AGL-2928) — the per-person table beneath the
+ * credit meter on Billing → Usage.
+ *
+ * The meter above says how much of the pool the workspace has drawn; this
+ * says who drew it. Each row is one member's month: credits, their share of
+ * the workspace's spend, requests, and how often the gate refused them. A
+ * month picker walks the retention window, and the file button hands the
+ * same month to a spreadsheet through the streamed export.
+ *
+ * ## The file is checked, not trusted
+ *
+ * The route promises its row count in a header taken before the first row
+ * is written. A stream that dies halfway yields a well-formed shorter file,
+ * so a body with fewer rows than promised is refused rather than saved.
+ *
+ * The copy stays descriptive on purpose — who, how much, on which site — and
+ * never characterizes what the numbers mean about a person.
+ */
+export declare function BillingAiTopUsersComponent(props: BillingAiTopUsersProps): import("react").JSX.Element;
+export declare namespace BillingAiTopUsersComponent {
+    var displayName: string;
+}
+/**
+ * The card on Billing → Usage, through the `orgBillingUsage` zone: its own
+ * band beneath the meters, full width, because it is a table of people rather
+ * than a gauge. Registered with `billing.view`, so a manager without it sees
+ * no card rather than a refusal.
+ */
+export declare function AiTopUsersCard(props: {
+    orgId?: string;
+    org?: {
+        slug?: string;
+    } | null;
+}): import("react").JSX.Element;
+export declare namespace AiTopUsersCard {
+    var displayName: string;
+}
+export default BillingAiTopUsersComponent;