@aglyn/plugins-ai 1.0.0-beta.143

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

@@ -0,0 +1,240 @@
+/**
+ * @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 { aiAddonName } from "@aglyn/aglyn";
+import { buildRoute, Route } from "@aglyn/aglyn/app-utils/console-routes";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { aiUsageMonthKeys, topAiUsageKinds } from "../model/ai-usage-by-user.js";
+import { aiUsageMonthLabel, formatAiUsageShare } from "../usage/ai-usage-wire.js";
+/**
+ * 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 function MemberAiUsageCard(props) {
+    var _props_orgSlug, _props_hosts, _ref;
+    const { orgId, uid } = props;
+    const orgSlug = (_props_orgSlug = props.orgSlug) != null ? _props_orgSlug : '';
+    const hosts = (_props_hosts = props.hosts) != null ? _props_hosts : [];
+    const { data: user } = useUser();
+    // Keyed on who is signed in, not on the user object's identity (AGL-2928).
+    const signedInUid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    const userRef = useRef(user);
+    userRef.current = user;
+    const [state, setState] = useState({
+        status: 'loading',
+        months: []
+    });
+    const name = aiAddonName();
+    const [thisMonth, lastMonth] = useMemo(()=>aiUsageMonthKeys(new Date(), 2), []);
+    useEffect(()=>{
+        const user = userRef.current;
+        if (!orgId || !uid || !signedInUid || !user) return undefined;
+        let active = true;
+        void (async ()=>{
+            try {
+                const params = new URLSearchParams({
+                    orgId,
+                    uid,
+                    limit: '2'
+                });
+                const response = await authorizedFetch(user, `/api/ai/usage?${params.toString()}`);
+                if (!active) return;
+                if (response.status === 403) {
+                    setState({
+                        status: 'refused',
+                        months: []
+                    });
+                    return;
+                }
+                const payload = await response.json().catch(()=>null);
+                if (!active) return;
+                if (!response.ok || !payload) {
+                    setState({
+                        status: 'error',
+                        months: []
+                    });
+                    return;
+                }
+                setState({
+                    status: 'ready',
+                    months: payload.months
+                });
+            } catch (unused) {
+                if (active) setState({
+                    status: 'error',
+                    months: []
+                });
+            }
+        })();
+        return ()=>{
+            active = false;
+        };
+    }, [
+        orgId,
+        uid,
+        signedInUid
+    ]);
+    if (state.status === 'refused') return null;
+    const hostName = (hostId)=>{
+        var _ref, _ref1;
+        const host = 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 byMonth = new Map(state.months.map((entry)=>[
+            entry.month,
+            entry
+        ]));
+    const shown = [
+        thisMonth,
+        lastMonth
+    ].map((month)=>{
+        var _byMonth_get;
+        return (_byMonth_get = byMonth.get(month)) != null ? _byMonth_get : {
+            month,
+            credits: 0,
+            share: 0,
+            requests: 0,
+            refusals: 0,
+            byKind: {},
+            byHost: {}
+        };
+    });
+    const sites = shown.flatMap((entry)=>Object.entries(entry.byHost).map(([hostId, credits])=>({
+                month: entry.month,
+                hostId,
+                credits
+            })));
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'AI usage',
+        help: pluginDocsHelp('inviteTeammates', {
+            anchor: '#ai-usage',
+            excerpt: `This member's ${name} credits this month and last, their share of the workspace's pool, and the split by site and by kind.`
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: state.status === 'error' ? /*#__PURE__*/ _jsx(Alert, {
+            severity: "warning",
+            children: 'Could not read this member’s AI usage — a failed read, not zero usage.'
+        }) : state.status === 'loading' ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: 'Loading…'
+        }) : /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1.5,
+            children: [
+                /*#__PURE__*/ _jsxs(ScrollTable, {
+                    size: "small",
+                    children: [
+                        /*#__PURE__*/ _jsx(TableHead, {
+                            children: /*#__PURE__*/ _jsxs(TableRow, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        children: 'Month'
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: 'Credits'
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: 'Share of pool'
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: 'Requests'
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        children: 'Mostly'
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TableBody, {
+                            children: shown.map((entry)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: aiUsageMonthLabel(entry.month)
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: entry.credits.toLocaleString()
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: formatAiUsageShare(entry.share)
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: entry.requests.toLocaleString()
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: topAiUsageKinds(entry.byKind, 3).map((kind)=>`${kind.kind} ${kind.credits.toLocaleString()}`).join(', ') || '—'
+                                        })
+                                    ]
+                                }, entry.month))
+                        })
+                    ]
+                }),
+                sites.length ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: 'By site'
+                        }),
+                        sites.map((entry)=>/*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                children: `${hostName(entry.hostId)} — ${entry.credits.toLocaleString()} credits in ${aiUsageMonthLabel(entry.month)}`
+                            }, `${entry.month}-${entry.hostId}`))
+                    ]
+                }) : null,
+                /*#__PURE__*/ _jsxs(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: [
+                        'Every member for the month is on ',
+                        /*#__PURE__*/ _jsx(AppLink, {
+                            href: buildRoute(Route.MANAGE_BILLING_USAGE, {
+                                orgSlug
+                            }),
+                            children: 'Billing → Usage'
+                        }),
+                        '.'
+                    ]
+                })
+            ]
+        })
+    });
+}
+MemberAiUsageCard.displayName = 'MemberAiUsageCard';
+export default MemberAiUsageCard;
+
+//# sourceMappingURL=member-ai-usage-card.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/member-ai-usage-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 { aiAddonName } from '@aglyn/aglyn'\nimport { buildRoute, Route } from '@aglyn/aglyn/app-utils/console-routes'\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { aiUsageMonthKeys, topAiUsageKinds } from '../model/ai-usage-by-user'\nimport {\n  aiUsageMonthLabel,\n  formatAiUsageShare,\n  type UserAiUsageMonthWire,\n  type UserAiUsageWire,\n} from '../usage/ai-usage-wire'\n\nexport interface MemberAiUsageCardProps {\n  orgId: string\n  uid: string\n  orgSlug?: string\n  /** The org's sites, for naming the per-site split. */\n  hosts?: ReadonlyArray<{ $id: string; displayName?: string; subdomain?: string }>\n}\n\n/**\n * ONE MEMBER'S AI USAGE (AGL-2928) — this month and last, on their page.\n *\n * Credits and the share of the workspace's pool, requests, the kinds they\n * mostly asked for, and the split by site — the agency question, answered\n * for one person. Read through `/api/ai/usage?uid=`, which admits the\n * person themselves and members holding `billing.view` or `org.auditLog`.\n *\n * A refusal renders NOTHING rather than a warning: the page is open to a\n * manager who may not hold either permission, and for them an absent card\n * is the correct answer, not a broken one.\n */\nexport function MemberAiUsageCard(props: MemberAiUsageCardProps) {\n  const { orgId, uid } = props\n  const orgSlug = props.orgSlug ?? ''\n  const hosts = props.hosts ?? []\n  const { data: user } = useUser()\n  // Keyed on who is signed in, not on the user object's identity (AGL-2928).\n  const signedInUid = user?.uid ?? null\n  const userRef = useRef(user)\n  userRef.current = user\n  const [state, setState] = useState<{\n    status: 'loading' | 'ready' | 'refused' | 'error'\n    months: UserAiUsageMonthWire[]\n  }>({ status: 'loading', months: [] })\n  const name = aiAddonName()\n  const [thisMonth, lastMonth] = useMemo(() => aiUsageMonthKeys(new Date(), 2), [])\n\n  useEffect(() => {\n    const user = userRef.current\n    if (!orgId || !uid || !signedInUid || !user) return undefined\n    let active = true\n    void (async () => {\n      try {\n        const params = new URLSearchParams({ orgId, uid, limit: '2' })\n        const response = await authorizedFetch(\n          user,\n          `/api/ai/usage?${params.toString()}`,\n        )\n        if (!active) return\n        if (response.status === 403) {\n          setState({ status: 'refused', months: [] })\n          return\n        }\n        const payload = (await response.json().catch(() => null)) as UserAiUsageWire | null\n        if (!active) return\n        if (!response.ok || !payload) {\n          setState({ status: 'error', months: [] })\n          return\n        }\n        setState({ status: 'ready', months: payload.months })\n      } catch {\n        if (active) setState({ status: 'error', months: [] })\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [orgId, uid, signedInUid])\n\n  if (state.status === 'refused') return null\n\n  const hostName = (hostId: string) => {\n    const host = hosts.find((entry) => entry.$id === hostId)\n    return host?.displayName ?? host?.subdomain ?? hostId\n  }\n  const byMonth = new Map(state.months.map((entry) => [entry.month, entry]))\n  const shown = [thisMonth, lastMonth].map(\n    (month) =>\n      byMonth.get(month) ?? {\n        month,\n        credits: 0,\n        share: 0,\n        requests: 0,\n        refusals: 0,\n        byKind: {},\n        byHost: {},\n      },\n  )\n  const sites = shown.flatMap((entry) =>\n    Object.entries(entry.byHost).map(([hostId, credits]) => ({\n      month: entry.month,\n      hostId,\n      credits,\n    })),\n  )\n\n  return (\n    <CardDisplay\n      header={'AI usage'}\n      help={pluginDocsHelp('inviteTeammates', {\n        anchor: '#ai-usage',\n        excerpt:\n          `This member's ${name} credits this month and last, their share of the workspace's pool, and the split by site and by kind.`,\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      {state.status === 'error' ? (\n        <Alert severity=\"warning\">\n          {'Could not read this member’s AI usage — a failed read, not zero usage.'}\n        </Alert>\n      ) : state.status === 'loading' ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Loading…'}\n        </Typography>\n      ) : (\n        <Stack spacing={1.5}>\n          <ScrollTable size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>{'Month'}</TableCell>\n                <TableCell align=\"right\">{'Credits'}</TableCell>\n                <TableCell align=\"right\">{'Share of pool'}</TableCell>\n                <TableCell align=\"right\">{'Requests'}</TableCell>\n                <TableCell>{'Mostly'}</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {shown.map((entry) => (\n                <TableRow key={entry.month}>\n                  <TableCell>{aiUsageMonthLabel(entry.month)}</TableCell>\n                  <TableCell align=\"right\">{entry.credits.toLocaleString()}</TableCell>\n                  <TableCell align=\"right\">{formatAiUsageShare(entry.share)}</TableCell>\n                  <TableCell align=\"right\">{entry.requests.toLocaleString()}</TableCell>\n                  <TableCell>\n                    {topAiUsageKinds(entry.byKind, 3)\n                      .map((kind) => `${kind.kind} ${kind.credits.toLocaleString()}`)\n                      .join(', ') || '—'}\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </ScrollTable>\n          {sites.length ? (\n            <Stack spacing={0.5}>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {'By site'}\n              </Typography>\n              {sites.map((entry) => (\n                <Typography key={`${entry.month}-${entry.hostId}`} variant=\"body2\">\n                  {`${hostName(entry.hostId)} — ${entry.credits.toLocaleString()} credits in ${aiUsageMonthLabel(entry.month)}`}\n                </Typography>\n              ))}\n            </Stack>\n          ) : null}\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Every member for the month is on '}\n            <AppLink href={buildRoute(Route.MANAGE_BILLING_USAGE, { orgSlug })}>\n              {'Billing → Usage'}\n            </AppLink>\n            {'.'}\n          </Typography>\n        </Stack>\n      )}\n    </CardDisplay>\n  )\n}\nMemberAiUsageCard.displayName = 'MemberAiUsageCard'\n\nexport default MemberAiUsageCard\n"],"names":["aiAddonName","buildRoute","Route","pluginDocsHelp","AppLink","CardDisplay","ScrollTable","authorizedFetch","useUser","Alert","Stack","TableBody","TableCell","TableHead","TableRow","Typography","useEffect","useMemo","useRef","useState","aiUsageMonthKeys","topAiUsageKinds","aiUsageMonthLabel","formatAiUsageShare","MemberAiUsageCard","props","orgId","uid","orgSlug","hosts","data","user","signedInUid","userRef","current","state","setState","status","months","name","thisMonth","lastMonth","Date","undefined","active","params","URLSearchParams","limit","response","toString","payload","json","catch","ok","hostName","hostId","host","find","entry","$id","displayName","subdomain","byMonth","Map","map","month","shown","get","credits","share","requests","refusals","byKind","byHost","sites","flatMap","Object","entries","header","help","anchor","excerpt","contentGutterX","contentGutterY","severity","variant","color","spacing","size","align","toLocaleString","kind","join","length","href","MANAGE_BILLING_USAGE"],"mappings":"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"}

package/src/lib/components/staff-org-ai-card.component.d.ts

@@ -0,0 +1,17 @@
+import type { StaffOrgAiMargin, StaffOrgAiOverage, StaffOrgAiPool } from '../usage/staff-org-ai';
+/** The pool as one sentence naming every part that is non-zero. */
+export declare function poolPartsSentence(pool: StaffOrgAiPool): string;
+/**
+ * The overage's state as one line: sold, walled, or capped — or, for an
+ * uncapped staff comp (AGL-3049), nothing to sell past at all.
+ */
+export declare function overageStateSentence(overage: StaffOrgAiOverage, uncapped?: boolean): string;
+/** Whether the margin section renders red. */
+export declare function marginTone(margin: StaffOrgAiMargin): 'error' | 'warning' | 'success';
+declare const StaffOrgAiCard: {
+    ({ orgId }: {
+        orgId: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export default StaffOrgAiCard;