@agent-native/toolkit 0.23.1 → 0.198.1

package/dist/app/settings/usage/UsageAlerts.js

@@ -0,0 +1,174 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery, } from "@agent-native/core/client/hooks";
+import { useFormatters, useT } from "@agent-native/core/client/i18n";
+import { Skeleton } from "@agent-native/toolkit/design-system";
+import { Alert, AlertDescription } from "@agent-native/toolkit/ui/alert";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import { cn } from "@agent-native/toolkit/utils";
+import { IconAlertCircle } from "@tabler/icons-react";
+import { useId, useState } from "react";
+import { SettingsRow } from "../SettingsRow.js";
+import { UsageGroup } from "./UsageGroup.js";
+/** The default rule's limit as `alerts-store` seeds it: 100 USD a day. */
+const DEFAULT_LIMIT = {
+    usd: 100,
+    "builder-credits": 2_500,
+};
+function ruleName(t, rule) {
+    const tokens = rule.unit === "tokens";
+    if (rule.period === "month") {
+        return t(tokens
+            ? "agentChat.settings.usage.alertMonthlyTokens"
+            : "agentChat.settings.usage.alertMonthlySpend");
+    }
+    return t(tokens
+        ? "agentChat.settings.usage.alertDailyTokens"
+        : "agentChat.settings.usage.alertDailySpend");
+}
+export function formatAlertValue(t, format, unit, value) {
+    if (unit === "usd") {
+        return format.formatNumber(value, {
+            style: "currency",
+            currency: "USD",
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+    }
+    const amount = format.formatNumber(value, {
+        notation: unit === "tokens" && value >= 10_000 ? "compact" : "standard",
+        maximumFractionDigits: unit === "tokens" ? 1 : 2,
+    });
+    return t(unit === "tokens"
+        ? "agentChat.settings.usage.tokenAmount"
+        : "agentChat.settings.usage.creditAmount", { count: value, amount });
+}
+function channelsLabel(t, channels) {
+    const inApp = channels.includes("in-app");
+    const email = channels.includes("email");
+    if (inApp && email)
+        return t("agentChat.settings.usage.alertChannelsBoth");
+    return t(inApp
+        ? "agentChat.settings.usage.alertChannelInApp"
+        : "agentChat.settings.usage.alertChannelEmail");
+}
+function statusLabel(t, rule) {
+    if (!rule.enabled)
+        return t("agentChat.settings.usage.alertOff");
+    if (rule.status === "triggered") {
+        return t("agentChat.settings.usage.alertOverLimit");
+    }
+    if (rule.status === "dismissed") {
+        return t("agentChat.settings.usage.alertDismissed");
+    }
+    return t("agentChat.settings.usage.alertOnTrack");
+}
+function AlertsSkeleton() {
+    return (_jsxs("div", { "aria-hidden": "true", className: "px-5 py-4 sm:px-6", children: [_jsx(Skeleton, { className: "h-4 w-28" }), _jsx(Skeleton, { className: "mt-2 h-3 w-72 max-w-full" })] }));
+}
+/** Your alert rules across every app, each edited in a dialog. */
+export function UsageAlertsGroup({ appName, }) {
+    const t = useT();
+    const format = useFormatters();
+    const query = useActionQuery("get-usage-alerts", {
+        scope: "user",
+        appId: null,
+    });
+    const mutation = useActionMutation("manage-usage-alert");
+    const [editing, setEditing] = useState(null);
+    const rules = query.data ?? [];
+    return (_jsxs(UsageGroup, { id: "usage-alerts", title: t("agentChat.settings.usage.yourAlerts"), children: [query.isLoading ? _jsx(AlertsSkeleton, {}) : null, query.isError ? (_jsx(SettingsRow, { label: t("agentChat.settings.usage.alertsLoadError"), control: _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void query.refetch(), disabled: query.isFetching, children: t("agentChat.common.retry") }) })) : null, rules.map((rule) => {
+                const progress = t(rule.period === "month"
+                    ? "agentChat.settings.usage.alertProgressMonth"
+                    : "agentChat.settings.usage.alertProgressDay", {
+                    current: formatAlertValue(t, format, rule.unit, rule.current),
+                    limit: formatAlertValue(t, format, rule.unit, rule.limit),
+                });
+                return (_jsx(SettingsRow, { id: `usage-alert-${rule.id}`, label: ruleName(t, rule), status: rule.isDefault ? (_jsx(Badge, { variant: "outline", children: t("agentChat.settings.usage.alertDefault") })) : rule.appId ? (_jsx(Badge, { variant: "outline", children: appName(rule.appId) })) : null, description: [
+                        statusLabel(t, rule),
+                        progress,
+                        channelsLabel(t, rule.channels),
+                    ].join(" · "), control: _jsxs("div", { className: "flex items-center gap-2", children: [rule.enabled && rule.status === "triggered" ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: mutation.isPending, onClick: () => mutation.mutate({
+                                    operation: "dismiss",
+                                    scope: "user",
+                                    ruleId: rule.id,
+                                }), children: t("agentChat.common.dismiss") })) : null, _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setEditing(rule), children: t("agentChat.settings.usage.alertEdit") })] }) }, rule.id));
+            }), editing ? (_jsx(AlertDialog, { rule: editing, appName: appName, onClose: () => setEditing(null) })) : null] }));
+}
+function AlertDialog({ rule, appName, onClose, }) {
+    const t = useT();
+    const inputId = useId();
+    const switchId = useId();
+    const [limit, setLimit] = useState(String(rule.limit));
+    const [channels, setChannels] = useState(rule.channels);
+    const [enabled, setEnabled] = useState(rule.enabled);
+    const mutation = useActionMutation("manage-usage-alert");
+    const name = ruleName(t, rule);
+    const resetLimit = rule.isDefault ? DEFAULT_LIMIT[rule.unit] : undefined;
+    const hint = rule.appId
+        ? t(rule.period === "month"
+            ? "agentChat.settings.usage.alertHintMonthApp"
+            : "agentChat.settings.usage.alertHintDayApp", { app: appName(rule.appId) })
+        : t(rule.period === "month"
+            ? "agentChat.settings.usage.alertHintMonthAll"
+            : "agentChat.settings.usage.alertHintDayAll");
+    const unitLabel = t(rule.unit === "usd"
+        ? "agentChat.settings.usage.unitUsd"
+        : rule.unit === "tokens"
+            ? "agentChat.settings.usage.unitTokens"
+            : "agentChat.settings.usage.unitCredits");
+    const parsedLimit = Number(limit);
+    const limitValid = limit.trim() !== "" && Number.isFinite(parsedLimit) && parsedLimit > 0;
+    const limitInvalid = limit.trim() !== "" && !limitValid;
+    const channelsValid = channels.length > 0;
+    function save(next) {
+        if (mutation.isPending)
+            return;
+        mutation.mutate({
+            operation: "save",
+            scope: "user",
+            ruleId: rule.id,
+            // `save` rewrites app_id from the payload, so omitting it would
+            // turn an app's rule into one that counts every app.
+            appId: rule.appId,
+            unit: rule.unit,
+            period: rule.period,
+            limit: next.limit,
+            channels: next.channels,
+            enabled: next.enabled,
+        }, { onSuccess: onClose });
+    }
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => (open ? undefined : onClose()), children: _jsx(DialogContent, { className: "sm:max-w-md", children: _jsxs("form", { className: "grid gap-5", onSubmit: (event) => {
+                    event.preventDefault();
+                    if (!limitValid || !channelsValid)
+                        return;
+                    save({ limit: parsedLimit, channels, enabled });
+                }, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t("agentChat.settings.usage.alertDialogTitle", { name }) }) }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: inputId, children: t("agentChat.settings.usage.alertThreshold") }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { id: inputId, type: "number", inputMode: "decimal", min: "0", step: rule.unit === "tokens" ? "1" : "0.01", value: limit, onChange: (event) => setLimit(event.target.value), "aria-invalid": limitInvalid ? true : undefined, "aria-describedby": `${inputId}-hint`, autoFocus: true }), _jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: unitLabel })] }), _jsx("p", { id: `${inputId}-hint`, className: cn("text-sm", limitInvalid ? "text-destructive" : "text-muted-foreground"), children: limitInvalid
+                                    ? t("agentChat.settings.usage.alertInvalidLimit")
+                                    : hint })] }), _jsxs("fieldset", { className: "grid gap-2", "aria-describedby": `${inputId}-channels`, children: [_jsx("legend", { className: "mb-2 text-sm font-medium", children: t("agentChat.settings.usage.alertNotify") }), _jsx("div", { className: "flex flex-wrap items-center gap-5", children: [
+                                    ["in-app", "agentChat.settings.usage.alertChannelInApp"],
+                                    ["email", "agentChat.settings.usage.alertChannelEmail"],
+                                ].map(([channel, key]) => (_jsxs(Label, { className: "flex items-center gap-2 font-normal", children: [_jsx(Checkbox, { checked: channels.includes(channel), "aria-invalid": channelsValid ? undefined : true, onCheckedChange: (checked) => setChannels((current) => checked === true
+                                                ? [...new Set([...current, channel])]
+                                                : current.filter((value) => value !== channel)) }), t(key)] }, channel))) }), _jsx("p", { id: `${inputId}-channels`, className: "min-h-5 text-sm text-destructive", children: channelsValid
+                                    ? null
+                                    : t("agentChat.settings.usage.alertNoChannel") })] }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Label, { htmlFor: switchId, children: t("agentChat.settings.usage.alertEnabled") }), _jsx(Switch, { id: switchId, checked: enabled, onCheckedChange: setEnabled })] }), mutation.error ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertCircle, { "aria-hidden": "true" }), _jsx(AlertDescription, { children: mutation.error.message ||
+                                    t("agentChat.settings.usage.alertSaveError") })] })) : null, _jsxs(DialogFooter, { className: "gap-2 sm:space-x-0", children: [resetLimit !== undefined ? (_jsx(Button, { type: "button", variant: "ghost", className: "sm:me-auto", disabled: mutation.isPending, onClick: () => {
+                                    const reset = {
+                                        limit: resetLimit,
+                                        channels: ["in-app", "email"],
+                                        enabled: true,
+                                    };
+                                    setLimit(String(reset.limit));
+                                    setChannels(reset.channels);
+                                    setEnabled(true);
+                                    save(reset);
+                                }, children: t("agentChat.settings.usage.alertReset") })) : null, _jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: t("agentChat.common.cancel") }), _jsx(Button, { type: "submit", disabled: !limitValid || !channelsValid || mutation.isPending, children: mutation.isPending ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { "aria-hidden": "true" }), t("agentChat.common.saving")] })) : (t("agentChat.common.save")) })] })] }) }) }));
+}
+//# sourceMappingURL=UsageAlerts.js.map

package/dist/app/settings/usage/UsageAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageAlerts.js","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsageAlerts.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,GACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA+B7C,0EAA0E;AAC1E,MAAM,aAAa,GAAuC;IACxD,GAAG,EAAE,GAAG;IACR,iBAAiB,EAAE,KAAK;CACzB,CAAC;AAKF,SAAS,QAAQ,CAAC,CAAc,EAAE,IAAoB;IACpD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;IACtC,IAAI,IAAI,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAC5B,OAAO,CAAC,CACN,MAAM;YACJ,CAAC,CAAC,6CAA6C;YAC/C,CAAC,CAAC,4CAA4C,CACjD,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,CACN,MAAM;QACJ,CAAC,CAAC,2CAA2C;QAC7C,CAAC,CAAC,0CAA0C,CAC/C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,CAAc,EACd,MAAkB,EAClB,IAAe,EACf,KAAa;IAEb,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,OAAO,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE;YAChC,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,KAAK;YACf,qBAAqB,EAAE,CAAC;YACxB,qBAAqB,EAAE,CAAC;SACzB,CAAC,CAAC;IACL,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE;QACxC,QAAQ,EAAE,IAAI,KAAK,QAAQ,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;QACvE,qBAAqB,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACjD,CAAC,CAAC;IACH,OAAO,CAAC,CACN,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,uCAAuC,EAC3C,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,CAAc,EAAE,QAAwB;IAC7D,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,KAAK,IAAI,KAAK;QAAE,OAAO,CAAC,CAAC,4CAA4C,CAAC,CAAC;IAC3E,OAAO,CAAC,CACN,KAAK;QACH,CAAC,CAAC,4CAA4C;QAC9C,CAAC,CAAC,4CAA4C,CACjD,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,CAAc,EAAE,IAAoB;IACvD,IAAI,CAAC,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,CAAC,mCAAmC,CAAC,CAAC;IACjE,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC,yCAAyC,CAAC,CAAC;IACtD,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC,yCAAyC,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,CAAC,CAAC,uCAAuC,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,CACL,8BAAiB,MAAM,EAAC,SAAS,EAAC,mBAAmB,aACnD,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,GAAG,IAC7C,CACP,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,GAGR;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,cAAc,CAAmB,kBAAkB,EAAE;QACjE,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,iBAAiB,CAChC,oBAAoB,CACrB,CAAC;IACF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACpE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAE/B,OAAO,CACL,MAAC,UAAU,IACT,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,CAAC,CAAC,qCAAqC,CAAC,aAE9C,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC,EACpD,OAAO,EACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,OAAO,EAAE,EACnC,QAAQ,EAAE,KAAK,CAAC,UAAU,YAEzB,CAAC,CAAC,wBAAwB,CAAC,GACrB,GAEX,CACH,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,QAAQ,GAAG,CAAC,CAChB,IAAI,CAAC,MAAM,KAAK,OAAO;oBACrB,CAAC,CAAC,6CAA6C;oBAC/C,CAAC,CAAC,2CAA2C,EAC/C;oBACE,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC;oBAC7D,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;iBAC1D,CACF,CAAC;gBACF,OAAO,CACL,KAAC,WAAW,IAEV,EAAE,EAAE,eAAe,IAAI,CAAC,EAAE,EAAE,EAC5B,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,EACxB,MAAM,EACJ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,YACrB,CAAC,CAAC,uCAAuC,CAAC,GACrC,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,YAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAS,CACvD,CAAC,CAAC,CAAC,IAAI,EAEV,WAAW,EAAE;wBACX,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC;wBACpB,QAAQ;wBACR,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC;qBAChC,CAAC,IAAI,CAAC,KAAK,CAAC,EACb,OAAO,EACL,eAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CAC7C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,GAAG,EAAE,CACZ,QAAQ,CAAC,MAAM,CAAC;oCACd,SAAS,EAAE,SAAS;oCACpB,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,IAAI,CAAC,EAAE;iCAChB,CAAC,YAGH,CAAC,CAAC,0BAA0B,CAAC,GACvB,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,YAE9B,CAAC,CAAC,oCAAoC,CAAC,GACjC,IACL,IA5CH,IAAI,CAAC,EAAE,CA8CZ,CACH,CAAC;YACJ,CAAC,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,WAAW,IACV,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAC/B,CACH,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,OAAO,GAKR;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,iBAAiB,CAChC,oBAAoB,CACrB,CAAC;IAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK;QACrB,CAAC,CAAC,CAAC,CACC,IAAI,CAAC,MAAM,KAAK,OAAO;YACrB,CAAC,CAAC,4CAA4C;YAC9C,CAAC,CAAC,0CAA0C,EAC9C,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAC7B;QACH,CAAC,CAAC,CAAC,CACC,IAAI,CAAC,MAAM,KAAK,OAAO;YACrB,CAAC,CAAC,4CAA4C;YAC9C,CAAC,CAAC,0CAA0C,CAC/C,CAAC;IACN,MAAM,SAAS,GAAG,CAAC,CACjB,IAAI,CAAC,IAAI,KAAK,KAAK;QACjB,CAAC,CAAC,kCAAkC;QACpC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ;YACtB,CAAC,CAAC,qCAAqC;YACvC,CAAC,CAAC,sCAAsC,CAC7C,CAAC;IACF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,WAAW,GAAG,CAAC,CAAC;IACzE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;IACxD,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,SAAS,IAAI,CAAC,IAIb;QACC,IAAI,QAAQ,CAAC,SAAS;YAAE,OAAO;QAC/B,QAAQ,CAAC,MAAM,CACb;YACE,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,gEAAgE;YAChE,qDAAqD;YACrD,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,EACD,EAAE,SAAS,EAAE,OAAO,EAAE,CACvB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,YACjE,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,YACpC,gBACE,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa;wBAAE,OAAO;oBAC1C,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;gBAClD,CAAC,aAED,KAAC,YAAY,cACX,KAAC,WAAW,cACT,CAAC,CAAC,2CAA2C,EAAE,EAAE,IAAI,EAAE,CAAC,GAC7C,GACD,EACf,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YACpB,CAAC,CAAC,yCAAyC,CAAC,GACvC,EACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IACJ,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,SAAS,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,kBACnC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,sBAC3B,GAAG,OAAO,OAAO,EACnC,SAAS,SACT,EACF,eAAM,SAAS,EAAC,wCAAwC,YACrD,SAAS,GACL,IACH,EACN,YACE,EAAE,EAAE,GAAG,OAAO,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,SAAS,EACT,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAC5D,YAEA,YAAY;oCACX,CAAC,CAAC,CAAC,CAAC,4CAA4C,CAAC;oCACjD,CAAC,CAAC,IAAI,GACN,IACA,EACN,oBACE,SAAS,EAAC,YAAY,sBACJ,GAAG,OAAO,WAAW,aAEvC,iBAAQ,SAAS,EAAC,0BAA0B,YACzC,CAAC,CAAC,sCAAsC,CAAC,GACnC,EACT,cAAK,SAAS,EAAC,mCAAmC,YAE9C;oCACE,CAAC,QAAQ,EAAE,4CAA4C,CAAC;oCACxD,CAAC,OAAO,EAAE,4CAA4C,CAAC;iCAE1D,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CACxB,MAAC,KAAK,IAEJ,SAAS,EAAC,qCAAqC,aAE/C,KAAC,QAAQ,IACP,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,kBACrB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAC3B,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CACtB,OAAO,KAAK,IAAI;gDACd,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;gDACrC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,CACjD,GAEH,EACD,CAAC,CAAC,GAAG,CAAC,KAdF,OAAO,CAeN,CACT,CAAC,GACE,EACN,YACE,EAAE,EAAE,GAAG,OAAO,WAAW,EACzB,SAAS,EAAC,kCAAkC,YAE3C,aAAa;oCACZ,CAAC,CAAC,IAAI;oCACN,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC,GAC9C,IACK,EACX,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,KAAK,IAAC,OAAO,EAAE,QAAQ,YACrB,CAAC,CAAC,uCAAuC,CAAC,GACrC,EACR,KAAC,MAAM,IACL,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,UAAU,GAC3B,IACE,EACL,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAChB,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,aAC1B,KAAC,eAAe,mBAAa,MAAM,GAAG,EACtC,KAAC,gBAAgB,cACd,QAAQ,CAAC,KAAK,CAAC,OAAO;oCACrB,CAAC,CAAC,yCAAyC,CAAC,GAC7B,IACb,CACT,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,YAAY,IAAC,SAAS,EAAC,oBAAoB,aACzC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,GAAG,EAAE;oCACZ,MAAM,KAAK,GAAG;wCACZ,KAAK,EAAE,UAAU;wCACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAmB;wCAC/C,OAAO,EAAE,IAAI;qCACd,CAAC;oCACF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;oCAC9B,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;oCAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;oCACjB,IAAI,CAAC,KAAK,CAAC,CAAC;gCACd,CAAC,YAEA,CAAC,CAAC,qCAAqC,CAAC,GAClC,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,YACvD,CAAC,CAAC,yBAAyB,CAAC,GACtB,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,UAAU,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,SAAS,YAE5D,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CACpB,8BACE,KAAC,OAAO,mBAAa,MAAM,GAAG,EAC7B,CAAC,CAAC,yBAAyB,CAAC,IAC5B,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,uBAAuB,CAAC,CAC3B,GACM,IACI,IACV,GACO,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/app/settings/usage/UsageCharts.d.ts

@@ -0,0 +1,37 @@
+import { type UsageSeries } from "./usage-model.js";
+export declare function seriesColor(series: UsageSeries, index: number): string;
+interface ChartFormatters {
+    /** A series name for the legend and tooltip. */
+    name: (key: string) => string;
+    /** A value in the tooltip and legend. */
+    value: (value: number) => string;
+    /** A y-axis tick. */
+    tick: (value: number) => string;
+    /** An x-axis or tooltip date. */
+    date: (date: string) => string;
+    /** A share of the total, from 0 to 1. */
+    share: (fraction: number) => string;
+}
+/** Stacked daily bars, one segment per series. */
+export declare function UsageBarChart({ series, formatters, label, }: {
+    series: UsageSeries;
+    formatters: ChartFormatters;
+    label: string;
+}): import("react").JSX.Element;
+/** One line per series of daily counts. */
+export declare function UsageLineChart({ series, formatters, label, }: {
+    series: UsageSeries;
+    formatters: ChartFormatters;
+    label: string;
+}): import("react").JSX.Element;
+/**
+ * The legend doubles as the value table: every series with its share of the
+ * total (bars) or its total (lines).
+ */
+export declare function UsageLegend({ series, formatters, shares, }: {
+    series: UsageSeries;
+    formatters: Pick<ChartFormatters, "name" | "value" | "share">;
+    shares: boolean;
+}): import("react").JSX.Element;
+export type { ChartFormatters as UsageChartFormatters };
+//# sourceMappingURL=UsageCharts.d.ts.map

package/dist/app/settings/usage/UsageCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageCharts.d.ts","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsageCharts.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAItE;AAED,UAAU,eAAe;IACvB,gDAAgD;IAChD,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,yCAAyC;IACzC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,qBAAqB;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,iCAAiC;IACjC,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,yCAAyC;IACzC,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAuFD,kDAAkD;AAClD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,KAAK,GACN,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,+BAmDA;AAED,2CAA2C;AAC3C,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,EACV,KAAK,GACN,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,+BAwDA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,MAAM,GACP,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAC9D,MAAM,EAAE,OAAO,CAAC;CACjB,+BAsCA;AAED,YAAY,EAAE,eAAe,IAAI,oBAAoB,EAAE,CAAC"}

package/dist/app/settings/usage/UsageCharts.js

@@ -0,0 +1,70 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from "@agent-native/core/client/i18n";
+import { ChartContainer, } from "@agent-native/toolkit/ui/chart";
+import { useMemo } from "react";
+import { Bar, BarChart, CartesianGrid, Line, LineChart, Tooltip, XAxis, YAxis, } from "recharts";
+import { seriesId, USAGE_OTHER_KEY } from "./usage-model.js";
+// Each series keeps the color slot of its rank, and "other" is always muted.
+const SERIES_COLORS = [
+    "hsl(var(--chart-1, var(--primary)))",
+    "hsl(var(--chart-2, 155 36% 42%))",
+    "hsl(var(--chart-3, 32 55% 50%))",
+    "hsl(var(--chart-4, 270 25% 55%))",
+    "hsl(var(--chart-5, 350 38% 55%))",
+    "hsl(var(--chart-6, 190 25% 48%))",
+];
+const OTHER_COLOR = "hsl(var(--muted-foreground) / 0.55)";
+export function seriesColor(series, index) {
+    return series.keys[index] === USAGE_OTHER_KEY
+        ? OTHER_COLOR
+        : SERIES_COLORS[index % SERIES_COLORS.length];
+}
+function useChartConfig(series, name) {
+    return useMemo(() => Object.fromEntries(series.keys.map((key, index) => [
+        seriesId(index),
+        { label: name(key), color: seriesColor(series, index) },
+    ])), [name, series]);
+}
+function UsageTooltip({ active, payload, label, formatters, series, showTotal, }) {
+    const t = useT();
+    if (!active || !payload?.length)
+        return null;
+    const rows = payload
+        .filter((entry) => Number(entry.value) > 0)
+        .slice()
+        .reverse();
+    const total = payload.reduce((sum, entry) => sum + Number(entry.value), 0);
+    return (_jsxs("div", { className: "grid min-w-36 gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-2 text-xs shadow-xl", children: [_jsx("div", { className: "text-muted-foreground", children: formatters.date(String(label)) }), rows.map((entry) => {
+                const index = Number(String(entry.dataKey).slice(1));
+                return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { "aria-hidden": "true", className: "h-0.5 w-2.5 shrink-0 rounded-full", style: { backgroundColor: entry.color } }), _jsx("span", { className: "font-medium tabular-nums text-foreground", children: formatters.value(Number(entry.value)) }), _jsx("span", { className: "min-w-0 truncate text-muted-foreground", children: formatters.name(series.keys[index] ?? "") })] }, String(entry.dataKey)));
+            }), showTotal && rows.length > 1 ? (_jsxs("div", { className: "flex items-center gap-2 border-t border-border/60 pt-1.5", children: [_jsx("span", { "aria-hidden": "true", className: "w-2.5 shrink-0" }), _jsx("span", { className: "font-medium tabular-nums text-foreground", children: formatters.value(total) }), _jsx("span", { className: "text-muted-foreground", children: t("agentChat.settings.usage.total") })] })) : null] }));
+}
+const AXIS_PROPS = {
+    tickLine: false,
+    axisLine: false,
+    fontSize: 12,
+};
+/** Stacked daily bars, one segment per series. */
+export function UsageBarChart({ series, formatters, label, }) {
+    const config = useChartConfig(series, formatters.name);
+    const lastIndex = series.keys.length - 1;
+    return (_jsx(ChartContainer, { config: config, className: "aspect-auto h-60 w-full", role: "img", "aria-label": label, children: _jsxs(BarChart, { data: series.rows, margin: { top: 8, right: 0, left: 0, bottom: 0 }, maxBarSize: 24, children: [_jsx(CartesianGrid, { vertical: false, stroke: "hsl(var(--border))" }), _jsx(XAxis, { ...AXIS_PROPS, dataKey: "date", tickMargin: 8, minTickGap: 32, tickFormatter: formatters.date }), _jsx(YAxis, { ...AXIS_PROPS, width: 56, tickFormatter: formatters.tick }), _jsx(Tooltip, { cursor: { fill: "hsl(var(--muted))" }, isAnimationActive: false, content: (props) => (_jsx(UsageTooltip, { active: props.active, payload: props.payload, label: props.label, formatters: formatters, series: series, showTotal: true })) }), series.keys.map((key, index) => (_jsx(Bar, { dataKey: seriesId(index), stackId: "usage", fill: seriesColor(series, index), radius: index === lastIndex ? [4, 4, 0, 0] : 0, isAnimationActive: false }, key)))] }) }));
+}
+/** One line per series of daily counts. */
+export function UsageLineChart({ series, formatters, label, }) {
+    const config = useChartConfig(series, formatters.name);
+    return (_jsx(ChartContainer, { config: config, className: "aspect-auto h-60 w-full", role: "img", "aria-label": label, children: _jsxs(LineChart, { data: series.rows, margin: { top: 8, right: 8, left: 0, bottom: 0 }, children: [_jsx(CartesianGrid, { vertical: false, stroke: "hsl(var(--border))" }), _jsx(XAxis, { ...AXIS_PROPS, dataKey: "date", tickMargin: 8, minTickGap: 32, tickFormatter: formatters.date }), _jsx(YAxis, { ...AXIS_PROPS, width: 44, allowDecimals: false, tickFormatter: formatters.tick }), _jsx(Tooltip, { cursor: { stroke: "hsl(var(--border))", strokeWidth: 1 }, isAnimationActive: false, content: (props) => (_jsx(UsageTooltip, { active: props.active, payload: props.payload, label: props.label, formatters: formatters, series: series, showTotal: false })) }), series.keys.map((key, index) => (_jsx(Line, { dataKey: seriesId(index), type: "linear", stroke: seriesColor(series, index), strokeWidth: 2, dot: false, activeDot: { r: 4, strokeWidth: 2 }, isAnimationActive: false }, key)))] }) }));
+}
+/**
+ * The legend doubles as the value table: every series with its share of the
+ * total (bars) or its total (lines).
+ */
+export function UsageLegend({ series, formatters, shares, }) {
+    return (_jsx("ul", { className: "mt-4 grid grid-cols-[repeat(auto-fill,minmax(10rem,1fr))] gap-x-5 gap-y-3", children: series.totals.map((entry, index) => {
+            const share = series.total > 0 ? entry.value / series.total : 0;
+            return (_jsxs("li", { className: "flex min-w-0 gap-2.5", children: [_jsx("span", { "aria-hidden": "true", className: shares
+                            ? "w-[3px] shrink-0 rounded-full"
+                            : "h-0.5 w-3.5 shrink-0 self-center rounded-full", style: { backgroundColor: seriesColor(series, index) } }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate text-xs text-muted-foreground", children: formatters.name(entry.key) }), _jsx("span", { className: "whitespace-nowrap text-sm font-semibold tabular-nums text-foreground", children: shares ? (_jsxs(_Fragment, { children: [formatters.share(share), " ", _jsx("span", { className: "text-xs font-normal text-muted-foreground", children: formatters.value(entry.value) })] })) : (formatters.value(entry.value)) })] })] }, entry.key));
+        }) }));
+}
+//# sourceMappingURL=UsageCharts.js.map

package/dist/app/settings/usage/UsageCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageCharts.js","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsageCharts.tsx"],"names":[],"mappings":"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"}

package/dist/app/settings/usage/UsageGroup.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+/**
+ * A titled Usage section. `SettingsGroup` plus an action beside the title
+ * (the chart's grouping control), and a `raw` body for charts that bring
+ * their own card.
+ */
+export declare function UsageGroup({ id, title, action, raw, children, }: {
+    id?: string;
+    title: string;
+    action?: ReactNode;
+    raw?: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The bordered surface a chart and its legend sit on. */
+export declare function UsageChartCard({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=UsageGroup.d.ts.map

package/dist/app/settings/usage/UsageGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageGroup.d.ts","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsageGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAW,EACX,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAkBA;AAED,0DAA0D;AAC1D,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAMnE"}

package/dist/app/settings/usage/UsageGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@agent-native/toolkit/utils";
+/**
+ * A titled Usage section. `SettingsGroup` plus an action beside the title
+ * (the chart's grouping control), and a `raw` body for charts that bring
+ * their own card.
+ */
+export function UsageGroup({ id, title, action, raw = false, children, }) {
+    return (_jsxs("section", { id: id, className: "scroll-mt-16", children: [_jsxs("header", { className: "mb-2.5 flex min-h-8 flex-wrap items-center justify-between gap-2", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }), action] }), _jsx("div", { className: cn("text-card-foreground", !raw &&
+                    "divide-y divide-border/60 overflow-hidden rounded-xl border border-border/70 bg-card"), children: children })] }));
+}
+/** The bordered surface a chart and its legend sit on. */
+export function UsageChartCard({ children }) {
+    return (_jsx("div", { className: "rounded-xl border border-border/70 bg-card px-5 py-5 sm:px-6", children: children }));
+}
+//# sourceMappingURL=UsageGroup.js.map

package/dist/app/settings/usage/UsageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageGroup.js","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAGjD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,GAAG,KAAK,EACX,QAAQ,GAOT;IACC,OAAO,CACL,mBAAS,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,aACvC,kBAAQ,SAAS,EAAC,kEAAkE,aAClF,aAAI,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAM,EACjE,MAAM,IACA,EACT,cACE,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,CAAC,GAAG;oBACF,sFAAsF,CACzF,YAEA,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAA2B;IAClE,OAAO,CACL,cAAK,SAAS,EAAC,8DAA8D,YAC1E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/app/settings/usage/UsagePage.d.ts

@@ -0,0 +1,10 @@
+import type { SettingsPageContext } from "../shell/registry.js";
+/**
+ * Settings › Usage: spend, calls, and tokens across every app, with an app
+ * filter. Members see only their own usage; owners and admins can switch
+ * between Everyone and Just you, which the server enforces.
+ */
+export declare function UsagePage({ context }: {
+    context: SettingsPageContext;
+}): import("react").JSX.Element;
+//# sourceMappingURL=UsagePage.d.ts.map

package/dist/app/settings/usage/UsagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsagePage.d.ts","sourceRoot":"","sources":["../../../../src/app/settings/usage/UsagePage.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAoKhE;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,mBAAmB,CAAA;CAAE,+BAiqBtE"}