@burdenoff/microfe-billing 2026.1028.1 → 2026.1030.1

package/dist/billing/modules/usage/components/WorkspaceAiSpendPanel.js

@@ -0,0 +1,152 @@
+import { statusTokens as e } from "../../../shared/utils/tokens.js";
+import { formatNumber as t } from "../../../shared/utils/format.js";
+import { AI_SPEND_WINDOWS as n, formatMicroUsd as r, formatProductKey as i } from "../utils/aiSpend.js";
+import { useWorkspaceAiSpend as a } from "../hooks/useWorkspaceAiSpend.js";
+import { useState as o } from "react";
+import { AlertTriangle as s, RefreshCw as c, Sparkles as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/billing/modules/usage/components/WorkspaceAiSpendPanel.tsx
+var p = ({ workspaceId: p }) => {
+	let [m, h] = o("month"), { summary: g, truncated: _, isLoading: v, isForbidden: y, error: b, refetch: x } = a(p, m);
+	if (y) return null;
+	let S = n.find((e) => e.value === m)?.label ?? "";
+	return /* @__PURE__ */ f("section", {
+		"aria-labelledby": "workspace-ai-spend-heading",
+		"data-testid": "workspace-ai-spend",
+		className: "rounded-card border border-border-seam bg-bg-surface shadow-elevation-1 p-4 space-y-3",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ d("span", {
+						className: `flex size-7 items-center justify-center rounded-lg ${e.info.bg}`,
+						children: /* @__PURE__ */ d(l, { className: `size-4 ${e.info.icon}` })
+					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h3", {
+						id: "workspace-ai-spend-heading",
+						className: "text-sm font-semibold text-text-primary",
+						children: "AI spend"
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-text-secondary",
+						children: "What AI calls cost this workspace, in US dollars."
+					})] })]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ d("label", {
+							htmlFor: "workspace-ai-spend-window",
+							className: "sr-only",
+							children: "AI spend period"
+						}),
+						/* @__PURE__ */ d("select", {
+							id: "workspace-ai-spend-window",
+							value: m,
+							onChange: (e) => h(e.target.value),
+							className: "px-2 py-1.5 text-sm border border-border-subtle rounded-button bg-bg-surface text-text-primary",
+							children: n.map((e) => /* @__PURE__ */ d("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						}),
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: x,
+							className: "p-2 border border-border-subtle rounded-button text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
+							"aria-label": "Refresh AI spend",
+							title: "Refresh AI spend",
+							children: /* @__PURE__ */ d(c, { className: "size-4" })
+						})
+					]
+				})]
+			}),
+			v && !g && /* @__PURE__ */ d("div", {
+				className: "h-16 bg-bg-sunken animate-pulse rounded-card",
+				"aria-busy": "true"
+			}),
+			b && !g && /* @__PURE__ */ f("div", {
+				className: "flex items-center gap-2 text-sm text-text-secondary",
+				children: [
+					/* @__PURE__ */ d(s, { className: `size-4 ${e.error.icon}` }),
+					/* @__PURE__ */ d("span", { children: "AI spend could not be loaded." }),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: x,
+						className: "underline text-text-primary hover:text-text-secondary",
+						children: "Retry"
+					})
+				]
+			}),
+			g && /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					className: "text-2xl font-semibold tabular-nums text-text-primary",
+					"data-testid": "workspace-ai-spend-total",
+					children: r(g.totalMicroUsd)
+				}), /* @__PURE__ */ f("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						S,
+						" (UTC) · ",
+						t(g.attempts),
+						" AI",
+						" ",
+						g.attempts === 1 ? "call" : "calls",
+						g.unpricedAttempts > 0 && ` · ${t(g.unpricedAttempts)} without a recorded cost`
+					]
+				})] }),
+				g.products.length === 0 ? /* @__PURE__ */ d("p", {
+					className: "text-sm text-text-secondary",
+					children: "No AI usage in this period."
+				}) : /* @__PURE__ */ d("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ f("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
+							className: "text-left text-xs text-text-secondary border-b border-border-seam",
+							children: [
+								/* @__PURE__ */ d("th", {
+									scope: "col",
+									className: "py-2 pr-4 font-medium",
+									children: "Product"
+								}),
+								/* @__PURE__ */ d("th", {
+									scope: "col",
+									className: "py-2 pr-4 font-medium text-right",
+									children: "AI calls"
+								}),
+								/* @__PURE__ */ d("th", {
+									scope: "col",
+									className: "py-2 font-medium text-right",
+									children: "Cost (USD)"
+								})
+							]
+						}) }), /* @__PURE__ */ d("tbody", { children: g.products.map((e) => /* @__PURE__ */ f("tr", {
+							className: "border-b border-border-seam last:border-0",
+							children: [
+								/* @__PURE__ */ d("td", {
+									className: "py-2 pr-4 text-text-primary",
+									children: i(e.productKey)
+								}),
+								/* @__PURE__ */ d("td", {
+									className: "py-2 pr-4 text-right tabular-nums text-text-secondary",
+									children: t(e.attempts)
+								}),
+								/* @__PURE__ */ d("td", {
+									className: "py-2 text-right tabular-nums text-text-primary",
+									children: r(e.costMicroUsd)
+								})
+							]
+						}, e.productKey)) })]
+					})
+				}),
+				/* @__PURE__ */ f("p", {
+					className: "text-xs text-text-secondary",
+					children: ["Costs come from the workspace's AI ledger at the provider prices recorded for each call. AI credits are charged at USD 0.000003 per credit.", _ && " Only the products with the highest cost are listed."]
+				})
+			] })
+		]
+	});
+};
+//#endregion
+export { p as WorkspaceAiSpendPanel };
+
+//# sourceMappingURL=WorkspaceAiSpendPanel.js.map

package/dist/billing/modules/usage/components/WorkspaceAiSpendPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceAiSpendPanel.js","names":[],"sources":["../../../../../src/billing/modules/usage/components/WorkspaceAiSpendPanel.tsx"],"sourcesContent":["/**\n * Workspace AI spend in US dollars (BOFF-10273).\n *\n * Sits in the workspace view of the usage page, above the workspace quotas, so\n * a workspace admin sees what AI cost the workspace in dollars next to the AI\n * credit quota that limits it. Members who may not read the AI ledger see\n * nothing: the gateway refuses the query and the panel stays hidden.\n */\n\nimport { useState, type FC } from 'react';\nimport { AlertTriangle, RefreshCw, Sparkles } from 'lucide-react';\nimport { useWorkspaceAiSpend } from '../hooks/useWorkspaceAiSpend';\nimport {\n  AI_SPEND_WINDOWS,\n  formatMicroUsd,\n  formatProductKey,\n  type AiSpendWindow,\n} from '../utils/aiSpend';\nimport { formatNumber } from '../../../shared/utils/format';\nimport { statusTokens } from '../../../shared/utils/tokens';\n\ninterface WorkspaceAiSpendPanelProps {\n  workspaceId: string;\n}\n\nexport const WorkspaceAiSpendPanel: FC<WorkspaceAiSpendPanelProps> = ({ workspaceId }) => {\n  const [spendWindow, setSpendWindow] = useState<AiSpendWindow>('month');\n  const { summary, truncated, isLoading, isForbidden, error, refetch } = useWorkspaceAiSpend(\n    workspaceId,\n    spendWindow\n  );\n\n  if (isForbidden) return null;\n\n  const windowLabel = AI_SPEND_WINDOWS.find((option) => option.value === spendWindow)?.label ?? '';\n\n  return (\n    <section\n      aria-labelledby=\"workspace-ai-spend-heading\"\n      data-testid=\"workspace-ai-spend\"\n      className=\"rounded-card border border-border-seam bg-bg-surface shadow-elevation-1 p-4 space-y-3\"\n    >\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`flex size-7 items-center justify-center rounded-lg ${statusTokens.info.bg}`}\n          >\n            <Sparkles className={`size-4 ${statusTokens.info.icon}`} />\n          </span>\n          <div>\n            <h3 id=\"workspace-ai-spend-heading\" className=\"text-sm font-semibold text-text-primary\">\n              AI spend\n            </h3>\n            <p className=\"text-xs text-text-secondary\">\n              What AI calls cost this workspace, in US dollars.\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <label htmlFor=\"workspace-ai-spend-window\" className=\"sr-only\">\n            AI spend period\n          </label>\n          <select\n            id=\"workspace-ai-spend-window\"\n            value={spendWindow}\n            onChange={(event) => setSpendWindow(event.target.value as AiSpendWindow)}\n            className=\"px-2 py-1.5 text-sm border border-border-subtle rounded-button bg-bg-surface text-text-primary\"\n          >\n            {AI_SPEND_WINDOWS.map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n          <button\n            type=\"button\"\n            onClick={refetch}\n            className=\"p-2 border border-border-subtle rounded-button text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n            aria-label=\"Refresh AI spend\"\n            title=\"Refresh AI spend\"\n          >\n            <RefreshCw className=\"size-4\" />\n          </button>\n        </div>\n      </div>\n\n      {isLoading && !summary && (\n        <div className=\"h-16 bg-bg-sunken animate-pulse rounded-card\" aria-busy=\"true\" />\n      )}\n\n      {error && !summary && (\n        <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <AlertTriangle className={`size-4 ${statusTokens.error.icon}`} />\n          <span>AI spend could not be loaded.</span>\n          <button\n            type=\"button\"\n            onClick={refetch}\n            className=\"underline text-text-primary hover:text-text-secondary\"\n          >\n            Retry\n          </button>\n        </div>\n      )}\n\n      {summary && (\n        <>\n          <div>\n            <p\n              className=\"text-2xl font-semibold tabular-nums text-text-primary\"\n              data-testid=\"workspace-ai-spend-total\"\n            >\n              {formatMicroUsd(summary.totalMicroUsd)}\n            </p>\n            <p className=\"text-xs text-text-secondary\">\n              {windowLabel} (UTC) · {formatNumber(summary.attempts)} AI{' '}\n              {summary.attempts === 1 ? 'call' : 'calls'}\n              {summary.unpricedAttempts > 0 &&\n                ` · ${formatNumber(summary.unpricedAttempts)} without a recorded cost`}\n            </p>\n          </div>\n\n          {summary.products.length === 0 ? (\n            <p className=\"text-sm text-text-secondary\">No AI usage in this period.</p>\n          ) : (\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"text-left text-xs text-text-secondary border-b border-border-seam\">\n                    <th scope=\"col\" className=\"py-2 pr-4 font-medium\">\n                      Product\n                    </th>\n                    <th scope=\"col\" className=\"py-2 pr-4 font-medium text-right\">\n                      AI calls\n                    </th>\n                    <th scope=\"col\" className=\"py-2 font-medium text-right\">\n                      Cost (USD)\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {summary.products.map((row) => (\n                    <tr key={row.productKey} className=\"border-b border-border-seam last:border-0\">\n                      <td className=\"py-2 pr-4 text-text-primary\">\n                        {formatProductKey(row.productKey)}\n                      </td>\n                      <td className=\"py-2 pr-4 text-right tabular-nums text-text-secondary\">\n                        {formatNumber(row.attempts)}\n                      </td>\n                      <td className=\"py-2 text-right tabular-nums text-text-primary\">\n                        {formatMicroUsd(row.costMicroUsd)}\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )}\n\n          <p className=\"text-xs text-text-secondary\">\n            Costs come from the workspace&apos;s AI ledger at the provider prices recorded for each\n            call. AI credits are charged at USD 0.000003 per credit.\n            {truncated && ' Only the products with the highest cost are listed.'}\n          </p>\n        </>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/usage/hooks/useWorkspaceAiSpend.js

@@ -0,0 +1,44 @@
+import { aiSpendRange as e, isAiSpendPermissionError as t, summarizeAiSpend as n } from "../utils/aiSpend.js";
+import { useMemo as r } from "react";
+import { gql as i, useGatewayClient as a, useQuery as o } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/billing/modules/usage/hooks/useWorkspaceAiSpend.ts
+var s = i`
+  query WorkspaceAiSpendByProduct($from: DateTime!, $to: DateTime!) {
+    promptUsageBreakdownV2(from: $from, to: $to, groupBy: [PRODUCT]) {
+      workspaceId
+      currency
+      truncated
+      rows {
+        productKey
+        attempts
+        costMicroUsd {
+          knownSubtotal
+          knownAttempts
+          missingAttempts
+        }
+      }
+    }
+  }
+`;
+function c(i, c) {
+	let { data: l, loading: u, error: d, refetch: f } = o(s, {
+		client: a("workspace"),
+		variables: r(() => e(c), [c]),
+		skip: !i,
+		fetchPolicy: "cache-and-network"
+	}), p = l?.promptUsageBreakdownV2, m = r(() => p ? n(p.rows) : null, [p]), h = t(d);
+	return {
+		summary: m,
+		truncated: p?.truncated ?? !1,
+		isLoading: u,
+		isForbidden: h,
+		error: d && !h ? d : null,
+		refetch: () => {
+			f();
+		}
+	};
+}
+//#endregion
+export { c as useWorkspaceAiSpend };
+
+//# sourceMappingURL=useWorkspaceAiSpend.js.map

package/dist/billing/modules/usage/hooks/useWorkspaceAiSpend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceAiSpend.js","names":[],"sources":["../../../../../src/billing/modules/usage/hooks/useWorkspaceAiSpend.ts"],"sourcesContent":["/**\n * Workspace AI spend in US dollars (BOFF-10273).\n *\n * Reads the workspace's AI ledger through `promptUsageBreakdownV2` on the\n * workspace gateway (wspace-prompts-svc), grouped by product. The workspace is\n * the one in the request context; the gateway enforces\n * `read prompt-invocation` on it, so only members allowed to see AI usage get\n * a result.\n */\n\nimport { useMemo } from 'react';\nimport { useGatewayClient, useQuery, gql } from '@burdenoff/fe-libs/shared/graphql';\nimport {\n  aiSpendRange,\n  isAiSpendPermissionError,\n  summarizeAiSpend,\n  type AiSpendBreakdownRowInput,\n  type AiSpendSummary,\n  type AiSpendWindow,\n} from '../utils/aiSpend';\n\nexport const WORKSPACE_AI_SPEND_QUERY = gql`\n  query WorkspaceAiSpendByProduct($from: DateTime!, $to: DateTime!) {\n    promptUsageBreakdownV2(from: $from, to: $to, groupBy: [PRODUCT]) {\n      workspaceId\n      currency\n      truncated\n      rows {\n        productKey\n        attempts\n        costMicroUsd {\n          knownSubtotal\n          knownAttempts\n          missingAttempts\n        }\n      }\n    }\n  }\n`;\n\ninterface WorkspaceAiSpendQueryResult {\n  promptUsageBreakdownV2: {\n    workspaceId: string;\n    currency: string;\n    truncated: boolean;\n    rows: AiSpendBreakdownRowInput[];\n  };\n}\n\nexport interface UseWorkspaceAiSpendResult {\n  summary: AiSpendSummary | null;\n  truncated: boolean;\n  isLoading: boolean;\n  /** The caller may not read this workspace's AI usage; render nothing. */\n  isForbidden: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useWorkspaceAiSpend(\n  workspaceId: string | undefined,\n  window: AiSpendWindow\n): UseWorkspaceAiSpendResult {\n  const wsClient = useGatewayClient('workspace');\n  // The range is fixed when the window is chosen, so a re-render does not\n  // move it and refetch; choosing a window again recomputes it.\n  const range = useMemo(() => aiSpendRange(window), [window]);\n  const { data, loading, error, refetch } = useQuery<WorkspaceAiSpendQueryResult>(\n    WORKSPACE_AI_SPEND_QUERY,\n    {\n      client: wsClient,\n      variables: range,\n      skip: !workspaceId,\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n\n  const breakdown = data?.promptUsageBreakdownV2;\n  const summary = useMemo(() => (breakdown ? summarizeAiSpend(breakdown.rows) : null), [breakdown]);\n  const isForbidden = isAiSpendPermissionError(error);\n\n  return {\n    summary,\n    truncated: breakdown?.truncated ?? false,\n    isLoading: loading,\n    isForbidden,\n    error: error && !isForbidden ? error : null,\n    refetch: () => {\n      void refetch();\n    },\n  };\n}\n"],"mappings":";;;;AAqBA,IAAa,IAA2B,CAAG;;;;;;;;;;;;;;;;;;AAsC3C,SAAgB,EACd,GACA,GAC2B;CAK3B,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EACxC,GACA;EACE,QAPa,EAAiB,WAOtB;EACR,WALU,QAAc,EAAa,CAAM,GAAG,CAAC,CAAM,CAK1C;EACX,MAAM,CAAC;EACP,aAAa;CACf,CACF,GAEM,IAAY,GAAM,wBAClB,IAAU,QAAe,IAAY,EAAiB,EAAU,IAAI,IAAI,MAAO,CAAC,CAAS,CAAC,GAC1F,IAAc,EAAyB,CAAK;CAElD,OAAO;EACL;EACA,WAAW,GAAW,aAAa;EACnC,WAAW;EACX;EACA,OAAO,KAAS,CAAC,IAAc,IAAQ;EACvC,eAAe;GACb,EAAa;EACf;CACF;AACF"}