@opengeni/react 7.4.0 → 7.5.0-canary.36927100590001

package/dist/components/usage-member-list.d.ts

@@ -0,0 +1,91 @@
+import type { MemberAllowanceDefault, MemberAllowanceRule, MemberAllowanceUsage, WorkspaceUsageResponse } from "@opengeni/sdk/usage-allowances";
+/** How a member is named in the list. Usage rows carry only a subject id. */
+export type UsageMemberIdentity = {
+    name: string;
+    /** A second line: an email, a role, or "You". */
+    detail?: string | null | undefined;
+};
+/**
+ * Opt in to fixed-amount limits. Amounts are USD micros on the wire; your
+ * format/parse decide the unit people type ("$50.00", "500 credits").
+ */
+export type UsageAmountFormat = {
+    format: (micros: number) => string;
+    /** Returns micros, or null when the text is not a valid amount. */
+    parse: (text: string) => number | null;
+    /** Shown before the input, for example "$". */
+    prefix?: string | undefined;
+    /** The amount input's step in the person's unit. */
+    step?: number | undefined;
+};
+export type UsageMemberListLabels = {
+    listLabel: string;
+    used: (percent: string) => string;
+    noLimitUsed: string;
+    amounts: (used: string, limit: string) => string;
+    nearLimit: string;
+    limitReached: string;
+    limit: string;
+    defaultEqualShare: (percent: string) => string;
+    defaultNone: string;
+    defaultShare: (percent: string) => string;
+    defaultAmount: (amount: string) => string;
+    share: (percent: string) => string;
+    amount: (amount: string) => string;
+    fixedAmountHidden: string;
+    edit: (name: string) => string;
+    editorTitle: (name: string) => string;
+    optionDefault: string;
+    optionShare: string;
+    optionAmount: string;
+    fixedAmountHint: string;
+    shareSlider: string;
+    shareInput: string;
+    amountInput: string;
+    equalShareMultiple: (multiple: string) => string;
+    sameAsEqualShare: string;
+    atBudget: (amount: string) => string;
+    save: string;
+    saving: string;
+    cancel: string;
+    saveFailed: string;
+    invalidAmount: string;
+    totalWithin: (percent: string) => string;
+    totalOver: (percent: string) => string;
+    oversubscribedHelp: string;
+    unlimitedMembers: (count: number) => string;
+    empty: string;
+};
+export declare const DEFAULT_USAGE_MEMBER_LIST_LABELS: UsageMemberListLabels;
+export type UsageMemberListProps = {
+    /** The full roster for one period (`getAllUsage` / every `getUsage` page). */
+    usage: WorkspaceUsageResponse;
+    /** The workspace's `memberDefault`, to name what "default" means. */
+    memberDefault?: MemberAllowanceDefault | null | undefined;
+    /** Name a member. Defaults to the external id, then the subject id. */
+    describe?: ((member: MemberAllowanceUsage) => UsageMemberIdentity) | undefined;
+    /**
+     * Save a member's rule (`null` restores the default). Omit for a read-only
+     * list. Run it on your backend: member limits need workspace admin authority.
+     */
+    onChangeRule?: ((member: MemberAllowanceUsage, rule: MemberAllowanceRule) => Promise<void>) | undefined;
+    /** Opt in to amounts and fixed-amount limits. Shares only without it. */
+    amounts?: UsageAmountFormat | undefined;
+    labels?: Partial<UsageMemberListLabels> | undefined;
+    /** Draw the list's own border. Turn off inside a card that already has one. */
+    framed?: boolean | undefined;
+    className?: string | undefined;
+};
+/** Words for a member's current limit, from their override or the default. */
+export declare function describeMemberLimit(member: Pick<MemberAllowanceUsage, "rule" | "limit">, context: {
+    memberDefault: MemberAllowanceDefault | null | undefined;
+    shareBase: number;
+    amounts?: UsageAmountFormat | undefined;
+    labels?: Partial<UsageMemberListLabels> | undefined;
+}): string;
+/**
+ * Every member's usage against their own limit, with an optional editor:
+ * a share-of-budget slider (default), a fixed amount, or the workspace
+ * default. Oversubscription is shown, never blocked.
+ */
+export declare function UsageMemberList({ usage, memberDefault, describe, onChangeRule, amounts, labels: overrides, framed, className, }: UsageMemberListProps): import("react").JSX.Element;

package/dist/components/usage-meter.d.ts

@@ -0,0 +1,73 @@
+import type { UsageAllowancePeriod, WorkspaceUsageResponse } from "@opengeni/sdk/usage-allowances";
+import { type UsageClientLike } from "../hooks/use-usage.js";
+import { type AllowanceLabels } from "../usage/allowance-copy.js";
+import { type UsageSummary } from "../usage/summary.js";
+export type UsageMeterLabels = AllowanceLabels & {
+    /** Heading for the member's own ceiling. */
+    title: string;
+    /** Heading when only the shared workspace pool applies. */
+    workspaceTitle: string;
+    /** "38% left" — `percent` is preformatted ("38", "<1"). */
+    left: (percent: string) => string;
+    /** "62% used". */
+    used: (percent: string) => string;
+    limitReached: string;
+    /** Status chip beside a hero meter that is close to its limit. */
+    nearLimit: string;
+    /** "$13.00 left" for a hero meter with amounts. */
+    amountLeft: (amount: string) => string;
+    /** No ceiling applies to this member. */
+    unlimited: string;
+    loading: string;
+    error: string;
+    retry: string;
+    /** "$31.00 of $50.00 used" when the host passes `formatAmount`. */
+    amounts: (used: string, limit: string) => string;
+    /** The shared pool, under a member's own meter: "Workspace: 9% left". */
+    workspaceLine: (value: string) => string;
+};
+export declare const DEFAULT_USAGE_METER_LABELS: UsageMeterLabels;
+export type UsageMeterBaseProps = {
+    /** "left" (default) reads like a battery; "used" reads like spend. */
+    measure?: "left" | "used" | undefined;
+    /**
+     * Opt in to amounts. Receives USD micros; return your own unit ("$31.00",
+     * "3.1 credits", "1.5× plan"). Without it the meter shows only shares.
+     */
+    formatAmount?: ((micros: number) => string) | undefined;
+    labels?: Partial<UsageMeterLabels> | undefined;
+    /**
+     * `compact` is one line for menus and headers; `hero` leads a page with the
+     * amount (or share) left in large type. An empty `labels.title` hides the
+     * heading when the page already names it.
+     */
+    density?: "default" | "compact" | "hero" | undefined;
+    /** Show the shared pool under the member's own meter when it is the tighter one. Default true. */
+    showWorkspace?: boolean | undefined;
+    className?: string | undefined;
+};
+export type UsageMeterProps = UsageMeterBaseProps & {
+    /**
+     * A usage response you already loaded (for example from `useUsage`).
+     * Omit it to let the meter read `/usage/me` itself.
+     */
+    usage?: WorkspaceUsageResponse | null | undefined;
+    client?: UsageClientLike | undefined;
+    workspaceId?: string | undefined;
+    period?: UsageAllowancePeriod | undefined;
+    /** Re-read when this changes (see `useUsage`). */
+    refreshKey?: unknown;
+};
+/**
+ * The signed-in member's own usage: how much of their limit is left and when
+ * it resets. Shares only by default; hosts opt in to amounts.
+ */
+export declare function UsageMeter({ usage, client, workspaceId, period, refreshKey, ...view }: UsageMeterProps): import("react").JSX.Element;
+export type UsageMeterViewProps = UsageMeterBaseProps & {
+    summary: UsageSummary | null;
+    loading?: boolean | undefined;
+    error?: Error | null | undefined;
+    onRetry?: (() => void) | undefined;
+};
+/** Presentational meter for a summary you computed (`summarizeUsage`). */
+export declare function UsageMeterView({ summary, loading, error, onRetry, measure, formatAmount, labels: overrides, density, showWorkspace, className, }: UsageMeterViewProps): import("react").JSX.Element;

package/dist/composer.js

@@ -40,7 +40,9 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-Y3QTZN2F.js";
+} from "./chunk-2VFNCX4E.js";
+import "./chunk-5KYZIQFY.js";
+import "./chunk-BRM6FVZA.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
@@ -50,13 +52,11 @@ import {
   defaultModelPolicyPickerMessages
 } from "./chunk-UINDK6C3.js";
 import "./chunk-K3HQAKQX.js";
-import "./chunk-KVERXCFY.js";
 import "./chunk-CHPKSLPN.js";
+import "./chunk-VZTQ73XT.js";
+import "./chunk-3IJJEYW4.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import "./chunk-BRM6FVZA.js";
-import "./chunk-VZTQ73XT.js";
-import "./chunk-UDD6DLLT.js";
 import "./chunk-22KP6LR5.js";
 export {
   Actions,

package/dist/{computer-viewer-WMJE6OA3.js → computer-viewer-KJWLH3GI.js}

@@ -1,16 +1,18 @@
 import {
   ComputerViewer,
   computerKey
-} from "./chunk-XEJEOAOV.js";
+} from "./chunk-B7WMS3CS.js";
 import "./chunk-YSMMDOOE.js";
-import "./chunk-4MDLEHXL.js";
-import "./chunk-5YK2ZDIG.js";
+import "./chunk-JVYQRRC4.js";
+import "./chunk-DYWBUX5Q.js";
+import "./chunk-RHREZ7BO.js";
+import "./chunk-5J4FOW6Q.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
+import "./chunk-JT4JW7BC.js";
 import "./chunk-22KP6LR5.js";
-import "./chunk-JVYQRRC4.js";
 export {
   ComputerViewer,
   computerKey
 };
-//# sourceMappingURL=computer-viewer-WMJE6OA3.js.map
+//# sourceMappingURL=computer-viewer-KJWLH3GI.js.map

package/dist/connect.js

@@ -1,3 +1,4 @@
+import "./chunk-IWIDV7SB.js";
 import {
   McpConnectionCard,
   mcpConnectionDiscoveryState,
@@ -5,17 +6,17 @@ import {
 } from "./chunk-45GE35O7.js";
 import {
   Markdown
-} from "./chunk-X4HIN6TV.js";
+} from "./chunk-AFLPWUQ7.js";
 import "./chunk-GIMRELBW.js";
 import "./chunk-447JLCBU.js";
-import "./chunk-BRM6FVZA.js";
-import "./chunk-VZTQ73XT.js";
-import "./chunk-UDD6DLLT.js";
-import "./chunk-22KP6LR5.js";
-import "./chunk-IWIDV7SB.js";
+import "./chunk-XCHWDJ22.js";
 import {
   copyTextToClipboard
 } from "./chunk-JVYQRRC4.js";
+import "./chunk-BRM6FVZA.js";
+import "./chunk-VZTQ73XT.js";
+import "./chunk-3IJJEYW4.js";
+import "./chunk-22KP6LR5.js";
 
 // src/capability-catalog-row.tsx
 import { AlertTriangleIcon, CheckIcon, Loader2Icon, PlusIcon } from "lucide-react";