@aglyn/plugins-ai 1.0.0-beta.143

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

@@ -0,0 +1,239 @@
+/**
+ * @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 { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Stack, Tooltip, Typography } from "@mui/material";
+import { useState } from "react";
+import { AiAllotmentEditor } from "./ai-allotment-editor.component.js";
+import { aiAllotmentSummary, aiAllotmentTone } from "./billing-ai-allotments.component.js";
+import { saveAiAllotments, useAiAllotments } from "./use-ai-allotments.js";
+/** One dialog's save and remove, shared by the column and the site card. */ function useAllotmentEditing() {
+    const { data: user } = useUser();
+    const [editing, setEditing] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const run = async (body)=>{
+        setBusy(true);
+        setError(null);
+        const result = await saveAiAllotments(user, body);
+        setBusy(false);
+        if (result.ok) setEditing(null);
+        else setError(result.error);
+    };
+    const open = (state)=>{
+        setError(null);
+        setEditing(state);
+    };
+    return {
+        editing,
+        busy,
+        error,
+        run,
+        open,
+        close: ()=>setEditing(null)
+    };
+}
+/**
+ * THE SITE COLLABORATORS TABLE'S AI ALLOTMENT COLUMN (AGL-2942): what each
+ * collaborator may draw on THIS site each month. Set here by a manager with
+ * `billing.manage` or by the site's admin — never by the collaborator on
+ * themselves. A team member's row reads a dash: their allotment spans every
+ * site and is set on their own page.
+ */ export function AiCollaboratorAllotmentHeader() {
+    return /*#__PURE__*/ _jsx(Tooltip, {
+        title: "The share of the workspace’s AI credits each collaborator may draw on this site each month.",
+        children: /*#__PURE__*/ _jsx("span", {
+            children: 'AI allotment'
+        })
+    });
+}
+AiCollaboratorAllotmentHeader.displayName = 'AiCollaboratorAllotmentHeader';
+export function AiCollaboratorAllotmentCell(props) {
+    var _ref, _ref1, _ref2;
+    var _props_member, _props_member1, _props_member2, _editor_editing, _editor_editing1, _editor_editing2;
+    const allotments = useAiAllotments({
+        orgId: props.orgId,
+        hostId: props.hostId
+    });
+    const editor = useAllotmentEditing();
+    const uid = (_ref = (_props_member = props.member) == null ? void 0 : _props_member.uid) != null ? _ref : (_props_member1 = props.member) == null ? void 0 : _props_member1.$id;
+    const data = allotments.data;
+    const person = data == null ? void 0 : data.members.find((entry)=>entry.uid === uid);
+    if (allotments.status !== 'ready' || !data || !uid || !props.hostId || !person || person.orgWide || ((_props_member2 = props.member) == null ? void 0 : _props_member2.status) === 'invited') {
+        return /*#__PURE__*/ _jsx(_Fragment, {
+            children: '—'
+        });
+    }
+    const subject = `collab:${props.hostId}:${uid}`;
+    const row = data.allotments.find((allotment)=>allotment.subject === subject);
+    const mayEdit = data.canEdit.billing || data.canEdit.collaborators && uid !== data.callerUid;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 0.5,
+        sx: {
+            alignItems: 'center',
+            justifyContent: 'flex-end'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                sx: {
+                    color: aiAllotmentTone(row)
+                },
+                children: aiAllotmentSummary(row)
+            }),
+            mayEdit ? /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                onClick: ()=>editor.open({
+                        subject,
+                        title: `AI allotment — ${person.name} on this site`,
+                        initial: row ? {
+                            credits: row.credits,
+                            mode: row.mode,
+                            models: row.models
+                        } : null,
+                        removable: Boolean(row)
+                    }),
+                children: row ? 'Edit' : 'Set'
+            }) : null,
+            /*#__PURE__*/ _jsx(AiAllotmentEditor, {
+                open: editor.editing !== null,
+                title: (_ref1 = (_editor_editing = editor.editing) == null ? void 0 : _editor_editing.title) != null ? _ref1 : '',
+                description: "Counts what this collaborator draws on this site.",
+                initial: (_ref2 = (_editor_editing1 = editor.editing) == null ? void 0 : _editor_editing1.initial) != null ? _ref2 : null,
+                models: data.models,
+                poolLimit: data.pool.limit,
+                busy: editor.busy,
+                error: editor.error,
+                onClose: editor.close,
+                onSave: (value)=>editor.editing ? void editor.run({
+                        orgId: data.orgId,
+                        set: [
+                            _extends({
+                                subject: editor.editing.subject
+                            }, value)
+                        ]
+                    }) : undefined,
+                onRemove: ((_editor_editing2 = editor.editing) == null ? void 0 : _editor_editing2.removable) ? ()=>void editor.run({
+                        orgId: data.orgId,
+                        remove: [
+                            subject
+                        ]
+                    }) : undefined
+            })
+        ]
+    });
+}
+AiCollaboratorAllotmentCell.displayName = 'AiCollaboratorAllotmentCell';
+/**
+ * THE SITE'S OWN AI ALLOTMENT (AGL-2942), beneath its collaborators table:
+ * what everyone on the site may draw together each month — the agency's
+ * per-client budget. Set by a manager with `billing.manage`; readable by
+ * the site's admin. The collaborators card names the site and no org, so
+ * the route resolves the org from the site.
+ */ export function AiSiteAllotmentCard(props) {
+    var _ref, _ref1, _ref2;
+    var _editor_editing, _editor_editing1, _editor_editing2;
+    const allotments = useAiAllotments({
+        orgId: props.orgId,
+        hostId: props.hostId
+    });
+    const editor = useAllotmentEditing();
+    const data = allotments.data;
+    if (allotments.status === 'refused' || !props.hostId) return null;
+    const subject = `host:${props.hostId}`;
+    const row = data == null ? void 0 : data.allotments.find((allotment)=>allotment.subject === subject);
+    const site = data == null ? void 0 : data.hosts.find((host)=>host.hostId === props.hostId);
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Site AI allotment',
+        help: pluginDocsHelp('billing', {
+            anchor: '#ai-allotments',
+            excerpt: 'What everyone on this site may draw from the workspace’s AI credits each month, together.'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: !data ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: allotments.status === 'error' ? 'Could not read this site’s AI allotment.' : 'Loading…'
+        }) : /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 1,
+            sx: {
+                alignItems: 'center'
+            },
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    sx: {
+                        flexGrow: 1,
+                        color: aiAllotmentTone(row)
+                    },
+                    children: row ? aiAllotmentSummary(row) : `${((_ref = site == null ? void 0 : site.credits) != null ? _ref : 0).toLocaleString()} credits this month, no allotment`
+                }),
+                data.canEdit.billing ? /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    onClick: ()=>{
+                        var _ref;
+                        return editor.open({
+                            subject,
+                            title: `AI allotment — ${(_ref = site == null ? void 0 : site.name) != null ? _ref : 'this site'}`,
+                            initial: row ? {
+                                credits: row.credits,
+                                mode: row.mode,
+                                models: row.models
+                            } : null,
+                            removable: Boolean(row)
+                        });
+                    },
+                    children: row ? 'Edit' : 'Set'
+                }) : null,
+                /*#__PURE__*/ _jsx(AiAllotmentEditor, {
+                    open: editor.editing !== null,
+                    title: (_ref1 = (_editor_editing = editor.editing) == null ? void 0 : _editor_editing.title) != null ? _ref1 : '',
+                    description: "Counts what everyone draws on the site, together.",
+                    initial: (_ref2 = (_editor_editing1 = editor.editing) == null ? void 0 : _editor_editing1.initial) != null ? _ref2 : null,
+                    models: data.models,
+                    poolLimit: data.pool.limit,
+                    busy: editor.busy,
+                    error: editor.error,
+                    onClose: editor.close,
+                    onSave: (value)=>void editor.run({
+                            orgId: data.orgId,
+                            set: [
+                                _extends({
+                                    subject
+                                }, value)
+                            ]
+                        }),
+                    onRemove: ((_editor_editing2 = editor.editing) == null ? void 0 : _editor_editing2.removable) ? ()=>void editor.run({
+                            orgId: data.orgId,
+                            remove: [
+                                subject
+                            ]
+                        }) : undefined
+                })
+            ]
+        })
+    });
+}
+AiSiteAllotmentCard.displayName = 'AiSiteAllotmentCard';
+
+//# sourceMappingURL=host-ai-allotments.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/host-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 { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Stack, Tooltip, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport { AiAllotmentEditor, type AiAllotmentValue } from './ai-allotment-editor.component'\nimport { aiAllotmentSummary, aiAllotmentTone } from './billing-ai-allotments.component'\nimport { saveAiAllotments, useAiAllotments } from './use-ai-allotments'\n\n/** A row as the collaborators table hands it to a column. */\ninterface CollaboratorRow {\n  $id?: string\n  uid?: string\n  status?: string\n}\n\ninterface EditState {\n  subject: string\n  title: string\n  initial: AiAllotmentValue | null\n  removable: boolean\n}\n\n/** One dialog's save and remove, shared by the column and the site card. */\nfunction useAllotmentEditing() {\n  const { data: user } = useUser()\n  const [editing, setEditing] = useState<EditState | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState<string | null>(null)\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) setEditing(null)\n    else setError(result.error)\n  }\n  const open = (state: EditState) => {\n    setError(null)\n    setEditing(state)\n  }\n  return { editing, busy, error, run, open, close: () => setEditing(null) }\n}\n\n/**\n * THE SITE COLLABORATORS TABLE'S AI ALLOTMENT COLUMN (AGL-2942): what each\n * collaborator may draw on THIS site each month. Set here by a manager with\n * `billing.manage` or by the site's admin — never by the collaborator on\n * themselves. A team member's row reads a dash: their allotment spans every\n * site and is set on their own page.\n */\nexport function AiCollaboratorAllotmentHeader() {\n  return (\n    <Tooltip title=\"The share of the workspace’s AI credits each collaborator may draw on this site each month.\">\n      <span>{'AI allotment'}</span>\n    </Tooltip>\n  )\n}\nAiCollaboratorAllotmentHeader.displayName = 'AiCollaboratorAllotmentHeader'\n\nexport function AiCollaboratorAllotmentCell(props: {\n  orgId?: string\n  hostId?: string\n  member?: CollaboratorRow\n}) {\n  const allotments = useAiAllotments({ orgId: props.orgId, hostId: props.hostId })\n  const editor = useAllotmentEditing()\n  const uid = props.member?.uid ?? props.member?.$id\n  const data = allotments.data\n  const person = data?.members.find((entry) => entry.uid === uid)\n  if (allotments.status !== 'ready' || !data || !uid || !props.hostId || !person || person.orgWide || props.member?.status === 'invited') {\n    return <>{'—'}</>\n  }\n  const subject = `collab:${props.hostId}:${uid}`\n  const row = data.allotments.find((allotment) => allotment.subject === subject)\n  const mayEdit = data.canEdit.billing || (data.canEdit.collaborators && uid !== data.callerUid)\n  return (\n    <Stack direction=\"row\" spacing={0.5} sx={{ alignItems: 'center', justifyContent: 'flex-end' }}>\n      <Typography variant=\"body2\" sx={{ color: aiAllotmentTone(row) }}>\n        {aiAllotmentSummary(row)}\n      </Typography>\n      {mayEdit ? (\n        <Button\n          size=\"small\"\n          onClick={() =>\n            editor.open({\n              subject,\n              title: `AI allotment — ${person.name} on this site`,\n              initial: row ? { credits: row.credits, mode: row.mode, models: row.models } : null,\n              removable: Boolean(row),\n            })\n          }\n        >\n          {row ? 'Edit' : 'Set'}\n        </Button>\n      ) : null}\n      <AiAllotmentEditor\n        open={editor.editing !== null}\n        title={editor.editing?.title ?? ''}\n        description=\"Counts what this collaborator draws on this site.\"\n        initial={editor.editing?.initial ?? null}\n        models={data.models}\n        poolLimit={data.pool.limit}\n        busy={editor.busy}\n        error={editor.error}\n        onClose={editor.close}\n        onSave={(value) =>\n          editor.editing\n            ? void editor.run({ orgId: data.orgId, set: [{ subject: editor.editing.subject, ...value }] })\n            : undefined\n        }\n        onRemove={\n          editor.editing?.removable\n            ? () => void editor.run({ orgId: data.orgId, remove: [subject] })\n            : undefined\n        }\n      />\n    </Stack>\n  )\n}\nAiCollaboratorAllotmentCell.displayName = 'AiCollaboratorAllotmentCell'\n\n/**\n * THE SITE'S OWN AI ALLOTMENT (AGL-2942), beneath its collaborators table:\n * what everyone on the site may draw together each month — the agency's\n * per-client budget. Set by a manager with `billing.manage`; readable by\n * the site's admin. The collaborators card names the site and no org, so\n * the route resolves the org from the site.\n */\nexport function AiSiteAllotmentCard(props: { hostId?: string; orgId?: string }) {\n  const allotments = useAiAllotments({ orgId: props.orgId, hostId: props.hostId })\n  const editor = useAllotmentEditing()\n  const data = allotments.data\n  if (allotments.status === 'refused' || !props.hostId) return null\n  const subject = `host:${props.hostId}`\n  const row = data?.allotments.find((allotment) => allotment.subject === subject)\n  const site = data?.hosts.find((host) => host.hostId === props.hostId)\n  return (\n    <CardDisplay\n      header={'Site AI allotment'}\n      help={pluginDocsHelp('billing', {\n        anchor: '#ai-allotments',\n        excerpt: 'What everyone on this site may draw from the workspace’s AI credits each month, together.',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      {!data ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {allotments.status === 'error' ? 'Could not read this site’s AI allotment.' : 'Loading…'}\n        </Typography>\n      ) : (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Typography variant=\"body2\" sx={{ flexGrow: 1, color: aiAllotmentTone(row) }}>\n            {row\n              ? aiAllotmentSummary(row)\n              : `${(site?.credits ?? 0).toLocaleString()} credits this month, no allotment`}\n          </Typography>\n          {data.canEdit.billing ? (\n            <Button\n              size=\"small\"\n              onClick={() =>\n                editor.open({\n                  subject,\n                  title: `AI allotment — ${site?.name ?? 'this site'}`,\n                  initial: row ? { credits: row.credits, mode: row.mode, models: row.models } : null,\n                  removable: Boolean(row),\n                })\n              }\n            >\n              {row ? 'Edit' : 'Set'}\n            </Button>\n          ) : null}\n          <AiAllotmentEditor\n            open={editor.editing !== null}\n            title={editor.editing?.title ?? ''}\n            description=\"Counts what everyone draws on the site, together.\"\n            initial={editor.editing?.initial ?? null}\n            models={data.models}\n            poolLimit={data.pool.limit}\n            busy={editor.busy}\n            error={editor.error}\n            onClose={editor.close}\n            onSave={(value) =>\n              void editor.run({ orgId: data.orgId, set: [{ subject, ...value }] })\n            }\n            onRemove={\n              editor.editing?.removable\n                ? () => void editor.run({ orgId: data.orgId, remove: [subject] })\n                : undefined\n            }\n          />\n        </Stack>\n      )}\n    </CardDisplay>\n  )\n}\nAiSiteAllotmentCard.displayName = 'AiSiteAllotmentCard'\n"],"names":["pluginDocsHelp","CardDisplay","useUser","Button","Stack","Tooltip","Typography","useState","AiAllotmentEditor","aiAllotmentSummary","aiAllotmentTone","saveAiAllotments","useAiAllotments","useAllotmentEditing","data","user","editing","setEditing","busy","setBusy","error","setError","run","body","result","ok","open","state","close","AiCollaboratorAllotmentHeader","title","span","displayName","AiCollaboratorAllotmentCell","props","editor","allotments","orgId","hostId","uid","member","$id","person","members","find","entry","status","orgWide","subject","row","allotment","mayEdit","canEdit","billing","collaborators","callerUid","direction","spacing","sx","alignItems","justifyContent","variant","color","size","onClick","name","initial","credits","mode","models","removable","Boolean","description","poolLimit","pool","limit","onClose","onSave","value","set","undefined","onRemove","remove","AiSiteAllotmentCard","site","hosts","host","header","help","anchor","excerpt","contentGutterX","contentGutterY","flexGrow","toLocaleString"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,cAAc,QAAQ,mCAAkC;AACjE,SAASC,WAAW,QAAQ,uBAAsB;AAClD,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SAASC,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,QAAQ,gBAAe;AAClE,SAASC,QAAQ,QAAQ,QAAO;AAChC,SAASC,iBAAiB,QAA+B,qCAAiC;AAC1F,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,uCAAmC;AACvF,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,yBAAqB;AAgBvE,0EAA0E,GAC1E,SAASC;IACP,MAAM,EAAEC,MAAMC,IAAI,EAAE,GAAGb;IACvB,MAAM,CAACc,SAASC,WAAW,GAAGV,SAA2B;IACzD,MAAM,CAACW,MAAMC,QAAQ,GAAGZ,SAAS;IACjC,MAAM,CAACa,OAAOC,SAAS,GAAGd,SAAwB;IAClD,MAAMe,MAAM,OAAOC;QACjBJ,QAAQ;QACRE,SAAS;QACT,MAAMG,SAAS,MAAMb,iBAAiBI,MAAMQ;QAC5CJ,QAAQ;QACR,IAAIK,OAAOC,EAAE,EAAER,WAAW;aACrBI,SAASG,OAAOJ,KAAK;IAC5B;IACA,MAAMM,OAAO,CAACC;QACZN,SAAS;QACTJ,WAAWU;IACb;IACA,OAAO;QAAEX;QAASE;QAAME;QAAOE;QAAKI;QAAME,OAAO,IAAMX,WAAW;IAAM;AAC1E;AAEA;;;;;;CAMC,GACD,OAAO,SAASY;IACd,qBACE,KAACxB;QAAQyB,OAAM;kBACb,cAAA,KAACC;sBAAM;;;AAGb;AACAF,8BAA8BG,WAAW,GAAG;AAE5C,OAAO,SAASC,4BAA4BC,KAI3C;;QAGaA,eAAqBA,gBAGmEA,gBA4BvFC,iBAEEA,kBAYPA;IA/CR,MAAMC,aAAaxB,gBAAgB;QAAEyB,OAAOH,MAAMG,KAAK;QAAEC,QAAQJ,MAAMI,MAAM;IAAC;IAC9E,MAAMH,SAAStB;IACf,MAAM0B,eAAML,gBAAAA,MAAMM,MAAM,qBAAZN,cAAcK,GAAG,oBAAIL,iBAAAA,MAAMM,MAAM,qBAAZN,eAAcO,GAAG;IAClD,MAAM3B,OAAOsB,WAAWtB,IAAI;IAC5B,MAAM4B,SAAS5B,wBAAAA,KAAM6B,OAAO,CAACC,IAAI,CAAC,CAACC,QAAUA,MAAMN,GAAG,KAAKA;IAC3D,IAAIH,WAAWU,MAAM,KAAK,WAAW,CAAChC,QAAQ,CAACyB,OAAO,CAACL,MAAMI,MAAM,IAAI,CAACI,UAAUA,OAAOK,OAAO,IAAIb,EAAAA,iBAAAA,MAAMM,MAAM,qBAAZN,eAAcY,MAAM,MAAK,WAAW;QACtI,qBAAO;sBAAG;;IACZ;IACA,MAAME,UAAU,CAAC,OAAO,EAAEd,MAAMI,MAAM,CAAC,CAAC,EAAEC,KAAK;IAC/C,MAAMU,MAAMnC,KAAKsB,UAAU,CAACQ,IAAI,CAAC,CAACM,YAAcA,UAAUF,OAAO,KAAKA;IACtE,MAAMG,UAAUrC,KAAKsC,OAAO,CAACC,OAAO,IAAKvC,KAAKsC,OAAO,CAACE,aAAa,IAAIf,QAAQzB,KAAKyC,SAAS;IAC7F,qBACE,MAACnD;QAAMoD,WAAU;QAAMC,SAAS;QAAKC,IAAI;YAAEC,YAAY;YAAUC,gBAAgB;QAAW;;0BAC1F,KAACtD;gBAAWuD,SAAQ;gBAAQH,IAAI;oBAAEI,OAAOpD,gBAAgBuC;gBAAK;0BAC3DxC,mBAAmBwC;;YAErBE,wBACC,KAAChD;gBACC4D,MAAK;gBACLC,SAAS,IACP7B,OAAOT,IAAI,CAAC;wBACVsB;wBACAlB,OAAO,CAAC,eAAe,EAAEY,OAAOuB,IAAI,CAAC,aAAa,CAAC;wBACnDC,SAASjB,MAAM;4BAAEkB,SAASlB,IAAIkB,OAAO;4BAAEC,MAAMnB,IAAImB,IAAI;4BAAEC,QAAQpB,IAAIoB,MAAM;wBAAC,IAAI;wBAC9EC,WAAWC,QAAQtB;oBACrB;0BAGDA,MAAM,SAAS;iBAEhB;0BACJ,KAACzC;gBACCkB,MAAMS,OAAOnB,OAAO,KAAK;gBACzBc,KAAK,YAAEK,kBAAAA,OAAOnB,OAAO,qBAAdmB,gBAAgBL,KAAK,oBAAI;gBAChC0C,aAAY;gBACZN,OAAO,YAAE/B,mBAAAA,OAAOnB,OAAO,qBAAdmB,iBAAgB+B,OAAO,oBAAI;gBACpCG,QAAQvD,KAAKuD,MAAM;gBACnBI,WAAW3D,KAAK4D,IAAI,CAACC,KAAK;gBAC1BzD,MAAMiB,OAAOjB,IAAI;gBACjBE,OAAOe,OAAOf,KAAK;gBACnBwD,SAASzC,OAAOP,KAAK;gBACrBiD,QAAQ,CAACC,QACP3C,OAAOnB,OAAO,GACV,KAAKmB,OAAOb,GAAG,CAAC;wBAAEe,OAAOvB,KAAKuB,KAAK;wBAAE0C,KAAK;4BAAC;gCAAE/B,SAASb,OAAOnB,OAAO,CAACgC,OAAO;+BAAK8B;yBAAQ;oBAAC,KAC1FE;gBAENC,UACE9C,EAAAA,mBAAAA,OAAOnB,OAAO,qBAAdmB,iBAAgBmC,SAAS,IACrB,IAAM,KAAKnC,OAAOb,GAAG,CAAC;wBAAEe,OAAOvB,KAAKuB,KAAK;wBAAE6C,QAAQ;4BAAClC;yBAAQ;oBAAC,KAC7DgC;;;;AAKd;AACA/C,4BAA4BD,WAAW,GAAG;AAE1C;;;;;;CAMC,GACD,OAAO,SAASmD,oBAAoBjD,KAA0C;;QA8C3DC,iBAEEA,kBAUPA;IAzDZ,MAAMC,aAAaxB,gBAAgB;QAAEyB,OAAOH,MAAMG,KAAK;QAAEC,QAAQJ,MAAMI,MAAM;IAAC;IAC9E,MAAMH,SAAStB;IACf,MAAMC,OAAOsB,WAAWtB,IAAI;IAC5B,IAAIsB,WAAWU,MAAM,KAAK,aAAa,CAACZ,MAAMI,MAAM,EAAE,OAAO;IAC7D,MAAMU,UAAU,CAAC,KAAK,EAAEd,MAAMI,MAAM,EAAE;IACtC,MAAMW,MAAMnC,wBAAAA,KAAMsB,UAAU,CAACQ,IAAI,CAAC,CAACM,YAAcA,UAAUF,OAAO,KAAKA;IACvE,MAAMoC,OAAOtE,wBAAAA,KAAMuE,KAAK,CAACzC,IAAI,CAAC,CAAC0C,OAASA,KAAKhD,MAAM,KAAKJ,MAAMI,MAAM;IACpE,qBACE,KAACrC;QACCsF,QAAQ;QACRC,MAAMxF,eAAe,WAAW;YAC9ByF,QAAQ;YACRC,SAAS;QACX;QACAC,cAAc;QACdC,cAAc;kBAEb,CAAC9E,qBACA,KAACR;YAAWuD,SAAQ;YAAQC,OAAM;sBAC/B1B,WAAWU,MAAM,KAAK,UAAU,6CAA6C;2BAGhF,MAAC1C;YAAMoD,WAAU;YAAMC,SAAS;YAAGC,IAAI;gBAAEC,YAAY;YAAS;;8BAC5D,KAACrD;oBAAWuD,SAAQ;oBAAQH,IAAI;wBAAEmC,UAAU;wBAAG/B,OAAOpD,gBAAgBuC;oBAAK;8BACxEA,MACGxC,mBAAmBwC,OACnB,GAAG,SAACmC,wBAAAA,KAAMjB,OAAO,mBAAI,GAAG2B,cAAc,GAAG,iCAAiC,CAAC;;gBAEhFhF,KAAKsC,OAAO,CAACC,OAAO,iBACnB,KAAClD;oBACC4D,MAAK;oBACLC,SAAS;;+BACP7B,OAAOT,IAAI,CAAC;4BACVsB;4BACAlB,OAAO,CAAC,eAAe,UAAEsD,wBAAAA,KAAMnB,IAAI,mBAAI,aAAa;4BACpDC,SAASjB,MAAM;gCAAEkB,SAASlB,IAAIkB,OAAO;gCAAEC,MAAMnB,IAAImB,IAAI;gCAAEC,QAAQpB,IAAIoB,MAAM;4BAAC,IAAI;4BAC9EC,WAAWC,QAAQtB;wBACrB;;8BAGDA,MAAM,SAAS;qBAEhB;8BACJ,KAACzC;oBACCkB,MAAMS,OAAOnB,OAAO,KAAK;oBACzBc,KAAK,YAAEK,kBAAAA,OAAOnB,OAAO,qBAAdmB,gBAAgBL,KAAK,oBAAI;oBAChC0C,aAAY;oBACZN,OAAO,YAAE/B,mBAAAA,OAAOnB,OAAO,qBAAdmB,iBAAgB+B,OAAO,oBAAI;oBACpCG,QAAQvD,KAAKuD,MAAM;oBACnBI,WAAW3D,KAAK4D,IAAI,CAACC,KAAK;oBAC1BzD,MAAMiB,OAAOjB,IAAI;oBACjBE,OAAOe,OAAOf,KAAK;oBACnBwD,SAASzC,OAAOP,KAAK;oBACrBiD,QAAQ,CAACC,QACP,KAAK3C,OAAOb,GAAG,CAAC;4BAAEe,OAAOvB,KAAKuB,KAAK;4BAAE0C,KAAK;gCAAC;oCAAE/B;mCAAY8B;6BAAQ;wBAAC;oBAEpEG,UACE9C,EAAAA,mBAAAA,OAAOnB,OAAO,qBAAdmB,iBAAgBmC,SAAS,IACrB,IAAM,KAAKnC,OAAOb,GAAG,CAAC;4BAAEe,OAAOvB,KAAKuB,KAAK;4BAAE6C,QAAQ;gCAAClC;6BAAQ;wBAAC,KAC7DgC;;;;;AAOlB;AACAG,oBAAoBnD,WAAW,GAAG"}

package/src/lib/components/member-ai-allotment-card.component.d.ts

@@ -0,0 +1,28 @@
+export interface MemberAiAllotmentCardProps {
+    orgId: string;
+    uid: string;
+    /** The org member document as the page loaded it. */
+    member?: {
+        hostAccess?: Record<string, string>;
+    } | null;
+    /** The org's sites, for naming a collaborator's. */
+    hosts?: ReadonlyArray<{
+        $id: string;
+        displayName?: string;
+        subdomain?: string;
+    }>;
+}
+/**
+ * ONE MEMBER'S AI ALLOTMENT (AGL-2942), on their page beside their usage.
+ *
+ * A team member has one allotment, across every site. A site collaborator
+ * has one per site they work on — each set here or on that site's Users
+ * card. Read through `/api/ai/allotments?uid=`, which admits the person, the
+ * Usage page's readers and — for a collaborator's sites — the site's admin;
+ * a refusal renders no card.
+ */
+export declare function MemberAiAllotmentCard(props: MemberAiAllotmentCardProps): import("react").JSX.Element;
+export declare namespace MemberAiAllotmentCard {
+    var displayName: string;
+}
+export default MemberAiAllotmentCard;

package/src/lib/components/member-ai-allotment-card.component.js

@@ -0,0 +1,172 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Stack, Typography } from "@mui/material";
+import { useState } from "react";
+import { AiAllotmentEditor } from "./ai-allotment-editor.component.js";
+import { aiAllotmentSummary, aiAllotmentTone } from "./billing-ai-allotments.component.js";
+import { saveAiAllotments, useAiAllotments } from "./use-ai-allotments.js";
+/**
+ * ONE MEMBER'S AI ALLOTMENT (AGL-2942), on their page beside their usage.
+ *
+ * A team member has one allotment, across every site. A site collaborator
+ * has one per site they work on — each set here or on that site's Users
+ * card. Read through `/api/ai/allotments?uid=`, which admits the person, the
+ * Usage page's readers and — for a collaborator's sites — the site's admin;
+ * a refusal renders no card.
+ */ export function MemberAiAllotmentCard(props) {
+    var _ref, _ref1, _ref2, _ref3, _ref4;
+    var _props_member;
+    const { orgId, uid } = props;
+    const { data: user } = useUser();
+    const allotments = useAiAllotments({
+        orgId,
+        uid
+    });
+    const [editing, setEditing] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    if (allotments.status === 'refused') return null;
+    const data = allotments.data;
+    const person = data == null ? void 0 : data.members.find((entry)=>entry.uid === uid);
+    const orgWide = (_ref = person == null ? void 0 : person.orgWide) != null ? _ref : true;
+    const siteName = (hostId)=>{
+        var _ref, _ref1;
+        var _props_hosts;
+        const host = (_props_hosts = props.hosts) == null ? void 0 : _props_hosts.find((entry)=>entry.$id === hostId);
+        return (_ref = (_ref1 = host == null ? void 0 : host.displayName) != null ? _ref1 : host == null ? void 0 : host.subdomain) != null ? _ref : hostId;
+    };
+    const rows = orgWide ? [
+        {
+            subject: `member:${uid}`,
+            label: 'Every site',
+            hostId: null
+        }
+    ] : Object.keys((_ref1 = (_ref2 = (_props_member = props.member) == null ? void 0 : _props_member.hostAccess) != null ? _ref2 : person == null ? void 0 : person.byHost) != null ? _ref1 : {}).map((hostId)=>({
+            subject: `collab:${hostId}:${uid}`,
+            label: siteName(hostId),
+            hostId
+        }));
+    const mayEdit = (subject)=>Boolean(data && (data.canEdit.billing || subject.startsWith('collab:') && data.canEdit.collaborators && uid !== data.callerUid));
+    const run = async (body)=>{
+        setBusy(true);
+        setError(null);
+        const result = await saveAiAllotments(user, body);
+        setBusy(false);
+        if (result.ok) setEditing(null);
+        else setError(result.error);
+    };
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'AI allotment',
+        help: pluginDocsHelp('billing', {
+            anchor: '#ai-allotments',
+            excerpt: 'The share of the workspace’s AI credits this member may draw each month.'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: !data ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: allotments.status === 'error' ? 'Could not read this member’s AI allotment — a failed read, not none.' : 'Loading…'
+        }) : /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                rows.map((entry)=>{
+                    var _ref, _ref1;
+                    const row = data.allotments.find((allotment)=>allotment.subject === entry.subject);
+                    const used = entry.hostId ? (_ref = person == null ? void 0 : person.byHost[entry.hostId]) != null ? _ref : 0 : (_ref1 = person == null ? void 0 : person.credits) != null ? _ref1 : 0;
+                    return /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'center'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxs(Typography, {
+                                variant: "body2",
+                                sx: {
+                                    flexGrow: 1
+                                },
+                                children: [
+                                    `${entry.label}: `,
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        component: "span",
+                                        variant: "body2",
+                                        sx: {
+                                            color: aiAllotmentTone(row)
+                                        },
+                                        children: row ? aiAllotmentSummary(row) : `${used.toLocaleString()} credits this month, no allotment`
+                                    })
+                                ]
+                            }),
+                            mayEdit(entry.subject) ? /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>{
+                                    var _ref;
+                                    setError(null);
+                                    setEditing({
+                                        subject: entry.subject,
+                                        title: `AI allotment — ${(_ref = person == null ? void 0 : person.name) != null ? _ref : uid}${entry.hostId ? ` on ${entry.label}` : ''}`,
+                                        initial: row ? {
+                                            credits: row.credits,
+                                            mode: row.mode,
+                                            models: row.models
+                                        } : null,
+                                        removable: Boolean(row)
+                                    });
+                                },
+                                children: row ? 'Edit' : 'Set'
+                            }) : null
+                        ]
+                    }, entry.subject);
+                }),
+                /*#__PURE__*/ _jsx(AiAllotmentEditor, {
+                    open: editing !== null,
+                    title: (_ref3 = editing == null ? void 0 : editing.title) != null ? _ref3 : '',
+                    initial: (_ref4 = editing == null ? void 0 : editing.initial) != null ? _ref4 : null,
+                    models: data.models,
+                    poolLimit: data.pool.limit,
+                    busy: busy,
+                    error: error,
+                    onClose: ()=>setEditing(null),
+                    onSave: (value)=>editing ? void run({
+                            orgId: data.orgId,
+                            set: [
+                                _extends({
+                                    subject: editing.subject
+                                }, value)
+                            ]
+                        }) : undefined,
+                    onRemove: (editing == null ? void 0 : editing.removable) ? ()=>void run({
+                            orgId: data.orgId,
+                            remove: [
+                                editing.subject
+                            ]
+                        }) : undefined
+                })
+            ]
+        })
+    });
+}
+MemberAiAllotmentCard.displayName = 'MemberAiAllotmentCard';
+export default MemberAiAllotmentCard;
+
+//# sourceMappingURL=member-ai-allotment-card.component.js.map

package/src/lib/components/member-ai-allotment-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/member-ai-allotment-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'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Stack, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport { AiAllotmentEditor, type AiAllotmentValue } from './ai-allotment-editor.component'\nimport { aiAllotmentSummary, aiAllotmentTone } from './billing-ai-allotments.component'\nimport { saveAiAllotments, useAiAllotments } from './use-ai-allotments'\n\nexport interface MemberAiAllotmentCardProps {\n  orgId: string\n  uid: string\n  /** The org member document as the page loaded it. */\n  member?: { hostAccess?: Record<string, string> } | null\n  /** The org's sites, for naming a collaborator's. */\n  hosts?: ReadonlyArray<{ $id: string; displayName?: string; subdomain?: string }>\n}\n\n/**\n * ONE MEMBER'S AI ALLOTMENT (AGL-2942), on their page beside their usage.\n *\n * A team member has one allotment, across every site. A site collaborator\n * has one per site they work on — each set here or on that site's Users\n * card. Read through `/api/ai/allotments?uid=`, which admits the person, the\n * Usage page's readers and — for a collaborator's sites — the site's admin;\n * a refusal renders no card.\n */\nexport function MemberAiAllotmentCard(props: MemberAiAllotmentCardProps) {\n  const { orgId, uid } = props\n  const { data: user } = useUser()\n  const allotments = useAiAllotments({ orgId, uid })\n  const [editing, setEditing] = useState<{ subject: string; title: string; initial: AiAllotmentValue | null; removable: boolean } | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  if (allotments.status === 'refused') return null\n  const data = allotments.data\n  const person = data?.members.find((entry) => entry.uid === uid)\n  const orgWide = person?.orgWide ?? true\n  const siteName = (hostId: string) => {\n    const host = props.hosts?.find((entry) => entry.$id === hostId)\n    return host?.displayName ?? host?.subdomain ?? hostId\n  }\n  const rows = orgWide\n    ? [{ subject: `member:${uid}`, label: 'Every site', hostId: null as string | null }]\n    : Object.keys(props.member?.hostAccess ?? person?.byHost ?? {}).map((hostId) => ({\n        subject: `collab:${hostId}:${uid}`,\n        label: siteName(hostId),\n        hostId,\n      }))\n  const mayEdit = (subject: string) =>\n    Boolean(\n      data &&\n        (data.canEdit.billing ||\n          (subject.startsWith('collab:') && data.canEdit.collaborators && uid !== data.callerUid)),\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) setEditing(null)\n    else setError(result.error)\n  }\n\n  return (\n    <CardDisplay\n      header={'AI allotment'}\n      help={pluginDocsHelp('billing', {\n        anchor: '#ai-allotments',\n        excerpt: 'The share of the workspace’s AI credits this member may draw each month.',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      {!data ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {allotments.status === 'error'\n            ? 'Could not read this member’s AI allotment — a failed read, not none.'\n            : 'Loading…'}\n        </Typography>\n      ) : (\n        <Stack spacing={1}>\n          {rows.map((entry) => {\n            const row = data.allotments.find((allotment) => allotment.subject === entry.subject)\n            const used = entry.hostId ? (person?.byHost[entry.hostId] ?? 0) : (person?.credits ?? 0)\n            return (\n              <Stack key={entry.subject} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                <Typography variant=\"body2\" sx={{ flexGrow: 1 }}>\n                  {`${entry.label}: `}\n                  <Typography component=\"span\" variant=\"body2\" sx={{ color: aiAllotmentTone(row) }}>\n                    {row ? aiAllotmentSummary(row) : `${used.toLocaleString()} credits this month, no allotment`}\n                  </Typography>\n                </Typography>\n                {mayEdit(entry.subject) ? (\n                  <Button\n                    size=\"small\"\n                    onClick={() => {\n                      setError(null)\n                      setEditing({\n                        subject: entry.subject,\n                        title: `AI allotment — ${person?.name ?? uid}${entry.hostId ? ` on ${entry.label}` : ''}`,\n                        initial: row ? { credits: row.credits, mode: row.mode, models: row.models } : null,\n                        removable: Boolean(row),\n                      })\n                    }}\n                  >\n                    {row ? 'Edit' : 'Set'}\n                  </Button>\n                ) : null}\n              </Stack>\n            )\n          })}\n          <AiAllotmentEditor\n            open={editing !== null}\n            title={editing?.title ?? ''}\n            initial={editing?.initial ?? null}\n            models={data.models}\n            poolLimit={data.pool.limit}\n            busy={busy}\n            error={error}\n            onClose={() => setEditing(null)}\n            onSave={(value) =>\n              editing ? void run({ orgId: data.orgId, set: [{ subject: editing.subject, ...value }] }) : undefined\n            }\n            onRemove={\n              editing?.removable\n                ? () => void run({ orgId: data.orgId, remove: [editing.subject] })\n                : undefined\n            }\n          />\n        </Stack>\n      )}\n    </CardDisplay>\n  )\n}\nMemberAiAllotmentCard.displayName = 'MemberAiAllotmentCard'\n\nexport default MemberAiAllotmentCard\n"],"names":["pluginDocsHelp","CardDisplay","useUser","Button","Stack","Typography","useState","AiAllotmentEditor","aiAllotmentSummary","aiAllotmentTone","saveAiAllotments","useAiAllotments","MemberAiAllotmentCard","props","orgId","uid","data","user","allotments","editing","setEditing","busy","setBusy","error","setError","status","person","members","find","entry","orgWide","siteName","hostId","host","hosts","$id","displayName","subdomain","rows","subject","label","Object","keys","member","hostAccess","byHost","map","mayEdit","Boolean","canEdit","billing","startsWith","collaborators","callerUid","run","body","result","ok","header","help","anchor","excerpt","contentGutterX","contentGutterY","variant","color","spacing","row","allotment","used","credits","direction","sx","alignItems","flexGrow","component","toLocaleString","size","onClick","title","name","initial","mode","models","removable","open","poolLimit","pool","limit","onClose","onSave","value","set","undefined","onRemove","remove"],"mappings":"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"}

package/src/lib/components/member-ai-usage-card.component.d.ts

@@ -0,0 +1,28 @@
+export interface MemberAiUsageCardProps {
+    orgId: string;
+    uid: string;
+    orgSlug?: string;
+    /** The org's sites, for naming the per-site split. */
+    hosts?: ReadonlyArray<{
+        $id: string;
+        displayName?: string;
+        subdomain?: string;
+    }>;
+}
+/**
+ * ONE MEMBER'S AI USAGE (AGL-2928) — this month and last, on their page.
+ *
+ * Credits and the share of the workspace's pool, requests, the kinds they
+ * mostly asked for, and the split by site — the agency question, answered
+ * for one person. Read through `/api/ai/usage?uid=`, which admits the
+ * person themselves and members holding `billing.view` or `org.auditLog`.
+ *
+ * A refusal renders NOTHING rather than a warning: the page is open to a
+ * manager who may not hold either permission, and for them an absent card
+ * is the correct answer, not a broken one.
+ */
+export declare function MemberAiUsageCard(props: MemberAiUsageCardProps): import("react").JSX.Element;
+export declare namespace MemberAiUsageCard {
+    var displayName: string;
+}
+export default MemberAiUsageCard;