@agent-native/toolkit 0.228.0-nightly-20261111212500 → 0.228.0

package/src/context-ui/ContextUsageRing.spec.tsx

@@ -83,8 +83,8 @@ describe("ContextUsageRingView", () => {
     )!;
     expect(button.getAttribute("aria-label")).toBe("Context 78% used");
     expect(button.dataset.warning).toBeUndefined();
-    expect(button.querySelector("svg")?.getAttribute("class")).toContain(
-      "size-5",
+    expect(button.querySelector("svg")?.getAttribute("class")).toBe(
+      "agentkit-context-ring",
     );
   });
 
@@ -95,8 +95,10 @@ describe("ContextUsageRingView", () => {
     )!;
     expect(button.dataset.warning).toBe("true");
     expect(
-      button.querySelector("[data-context-ring-fill]")?.getAttribute("class"),
-    ).toContain("--agent-kit-warning");
+      button
+        .querySelector("[data-context-ring-fill]")
+        ?.getAttribute("data-warning"),
+    ).toBe("true");
   });
 
   it("shows at any usage and fills the ring by the true share", () => {
@@ -133,7 +135,7 @@ describe("ContextUsagePanelView", () => {
     const view = container.querySelector("[data-context-usage-panel]")!;
     const header = view.firstElementChild!;
     expect(header.children[0]?.textContent).toBe("Context window");
-    expect(header.children[0]?.className).toContain("text-muted-foreground");
+    expect(header.children[0]?.className).toBe("agentkit-context-usage-title");
     expect(header.children[1]?.textContent).toBe("779.8k / 1M (78%)");
     expect(
       Array.from(view.querySelectorAll("[data-context-usage-segment]")).map(
@@ -202,13 +204,14 @@ describe("ContextUsagePanelView", () => {
         cells: ["Conversation", "199.8k", "20.0%"],
       },
       {
+        // Free space takes the bar's own empty track color.
         kind: "free-space",
-        swatch: "bg-muted",
+        swatch: undefined,
         cells: ["Free space", "220.2k", "22.0%"],
       },
     ]);
     const bar = view.querySelector<HTMLElement>("[data-context-usage-bar]")!;
-    expect(bar.className).toContain("bg-muted");
+    expect(bar.className).toBe("agentkit-context-usage-bar");
     expect(
       Array.from(bar.children).map(
         (segment) => segment.className.match(/bg-[\w-]+/)?.[0],
@@ -220,6 +223,28 @@ describe("ContextUsagePanelView", () => {
     expect(list.hidden).toBe(true);
   });
 
+  it("colors segments and swatches with a CSS color", () => {
+    act(() =>
+      root.render(
+        panel({
+          segments: [
+            { kind: "System", label: "System", tokens: 80_000, color: "red" },
+          ],
+        }),
+      ),
+    );
+    const view = container.querySelector("[data-context-usage-panel]")!;
+    expect(
+      view.querySelector<HTMLElement>('[data-context-usage-segment="System"]')
+        ?.style.background,
+    ).toBe("red");
+    expect(
+      view.querySelector<HTMLElement>(
+        '[data-context-usage-row="System"] [data-context-usage-swatch]',
+      )?.style.background,
+    ).toBe("red");
+  });
+
   it.each<[ContextCompactState, (view: Element) => void]>([
     [
       { state: "running" },
@@ -236,7 +261,7 @@ describe("ContextUsagePanelView", () => {
       (view) => {
         const alert = view.querySelector('[role="alert"]')!;
         expect(alert.textContent).toBe("No model credentials");
-        expect(alert.className).toContain("agent-kit-tone-warning");
+        expect(alert.getAttribute("data-warning")).toBe("true");
         expect(alert.className).not.toContain("destructive");
       },
     ],

package/src/context-ui/ContextUsageRing.tsx

@@ -1,348 +1,13 @@
-import {
-  IconAlertTriangle,
-  IconChevronDown,
-  IconChevronRight,
-} from "@tabler/icons-react";
-import { useId, useState, type ReactNode } from "react";
-
-import { Button } from "../ui/button.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
-import { Spinner } from "../ui/spinner.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "../ui/tooltip.js";
-import { cn } from "../utils.js";
-import { fallbackContextTranslate, type ContextTranslate } from "./types.js";
-
-/** At or above this share of the window the ring turns amber. */
-export const CONTEXT_USAGE_WARNING_FRACTION = 0.8;
-
-/** The bar's empty track, which is also the free-space swatch. */
-const CONTEXT_USAGE_TRACK_CLASS = "bg-muted";
-
-export interface ContextUsageSegmentView {
-  kind: string;
-  label: string;
-  tokens: number;
-  /** A class from `contextGroupColor`, shared with the X-Ray treemap. */
-  colorClass: string;
-}
-
-export type ContextCompactState =
-  | { state: "idle" }
-  | { state: "running" }
-  | { state: "done"; message: string }
-  | { state: "error"; message: string };
-
-/** 779.8k, 1M, 1.05M: the window's own unit, never "1000k". */
-export function formatContextWindowTokens(tokens: number): string {
-  const value = Math.max(0, Math.round(tokens));
-  if (value >= 1_000_000) return `${Number((value / 1_000_000).toFixed(2))}M`;
-  if (value >= 1000) return `${Number((value / 1000).toFixed(1))}k`;
-  return String(value);
-}
-
-export function contextUsagePercent(
-  usedTokens: number,
-  windowTokens: number,
-): number {
-  return Math.round((usedTokens / windowTokens) * 100);
-}
-
-function formatWindowShare(tokens: number, windowTokens: number): string {
-  return `${((Math.max(0, tokens) / windowTokens) * 100).toFixed(1)}%`;
-}
-
-const CONTEXT_RING_RADIUS = 7;
-const CONTEXT_RING_CIRCUMFERENCE = 2 * Math.PI * CONTEXT_RING_RADIUS;
-
-/** Dash offset that fills `fraction` of the ring, clamped to [0, 1]. */
-export function contextRingDashOffset(fraction: number): number {
-  const share = Math.min(1, Math.max(0, fraction));
-  return CONTEXT_RING_CIRCUMFERENCE * (1 - share);
-}
-
-// A thick track with a colored fill from 12 o'clock at the true share. Never
-// pad a small share up to a visible minimum or round the caps: a short dark
-// dash on a light track is what a loading spinner looks like.
-function ContextRing({
-  fraction,
-  warning,
-}: {
-  fraction: number;
-  warning: boolean;
-}) {
-  return (
-    <svg
-      aria-hidden="true"
-      viewBox="0 0 20 20"
-      className="size-5 -rotate-90"
-      data-context-ring=""
-    >
-      <circle
-        cx="10"
-        cy="10"
-        r={CONTEXT_RING_RADIUS}
-        fill="none"
-        strokeWidth="3"
-        className="stroke-muted-foreground/25"
-        data-context-ring-track=""
-      />
-      <circle
-        cx="10"
-        cy="10"
-        r={CONTEXT_RING_RADIUS}
-        fill="none"
-        strokeWidth="3"
-        strokeLinecap="butt"
-        strokeDasharray={CONTEXT_RING_CIRCUMFERENCE}
-        strokeDashoffset={contextRingDashOffset(fraction)}
-        className={cn(
-          "transition-[stroke-dashoffset] duration-300 motion-reduce:transition-none",
-          warning
-            ? "stroke-[hsl(var(--agent-kit-warning))]"
-            : "stroke-blue-500 dark:stroke-blue-400",
-        )}
-        data-context-ring-fill=""
-      />
-    </svg>
-  );
-}
-
-export function ContextUsageRingView({
-  usedTokens,
-  windowTokens,
-  open,
-  onOpenChange,
-  children,
-  translate = fallbackContextTranslate,
-}: {
-  usedTokens: number;
-  windowTokens: number;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  children: ReactNode;
-  translate?: ContextTranslate;
-}) {
-  const fraction = usedTokens / windowTokens;
-  const warning = fraction >= CONTEXT_USAGE_WARNING_FRACTION;
-  const label = translate("agentChat.contextRing.usedLabel", {
-    defaultValue: "Context {{percent}}% used",
-    percent: contextUsagePercent(usedTokens, windowTokens),
-  });
-  return (
-    <TooltipProvider delayDuration={200}>
-      <Popover open={open} onOpenChange={onOpenChange}>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <PopoverTrigger asChild>
-              <button
-                type="button"
-                aria-label={label}
-                data-agent-composer-slot="context-ring"
-                data-warning={warning ? "true" : undefined}
-                className={cn(
-                  "flex size-6 shrink-0 items-center justify-center rounded-[var(--agentkit-composer-control-radius,var(--radius-md))] text-muted-foreground hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                  open && "bg-accent/60",
-                )}
-              >
-                <ContextRing fraction={fraction} warning={warning} />
-              </button>
-            </PopoverTrigger>
-          </TooltipTrigger>
-          <TooltipContent>{label}</TooltipContent>
-        </Tooltip>
-        <PopoverContent
-          side="top"
-          align="end"
-          sideOffset={6}
-          collisionPadding={8}
-          data-agent-native-composer-popover="true"
-          className="w-[min(calc(100vw-2rem),22rem)] p-3"
-        >
-          {children}
-        </PopoverContent>
-      </Popover>
-    </TooltipProvider>
-  );
-}
-
-export function ContextUsagePanelView({
-  usedTokens,
-  windowTokens,
-  segments,
-  tokensUntilAutoCompact,
-  compact,
-  onCompact,
-  translate = fallbackContextTranslate,
-}: {
-  usedTokens: number;
-  windowTokens: number;
-  segments: readonly ContextUsageSegmentView[];
-  /** Omitted when no automatic threshold applies or it could not be read. */
-  tokensUntilAutoCompact?: number | undefined;
-  compact: ContextCompactState;
-  onCompact?: (() => void) | undefined;
-  translate?: ContextTranslate;
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const breakdownId = useId();
-  const percent = contextUsagePercent(usedTokens, windowTokens);
-  const warning = usedTokens / windowTokens >= CONTEXT_USAGE_WARNING_FRACTION;
-  const barTotal = Math.max(usedTokens, windowTokens);
-  const rows = [
-    ...segments,
-    {
-      kind: "free-space",
-      label: translate("agentChat.contextRing.freeSpace", {
-        defaultValue: "Free space",
-      }),
-      tokens: Math.max(0, windowTokens - usedTokens),
-      colorClass: CONTEXT_USAGE_TRACK_CLASS,
-    },
-  ];
-  return (
-    <div className="flex flex-col gap-3" data-context-usage-panel="">
-      <div className="flex items-center gap-2">
-        <span className="min-w-0 flex-1 truncate text-sm text-muted-foreground">
-          {translate("agentChat.contextRing.title", {
-            defaultValue: "Context window",
-          })}
-        </span>
-        <span className="shrink-0 text-sm tabular-nums text-foreground">
-          {translate("agentChat.contextRing.usage", {
-            defaultValue: "{{used}} / {{window}} ({{percent}}%)",
-            used: formatContextWindowTokens(usedTokens),
-            window: formatContextWindowTokens(windowTokens),
-            percent,
-          })}
-        </span>
-        <Button
-          type="button"
-          variant="ghost"
-          size="icon-xs"
-          className="-me-1 shrink-0"
-          aria-label={translate("agentChat.contextRing.breakdown", {
-            defaultValue: "Breakdown",
-          })}
-          aria-expanded={expanded}
-          aria-controls={breakdownId}
-          onClick={() => setExpanded((current) => !current)}
-        >
-          {expanded ? (
-            <IconChevronDown aria-hidden="true" className="size-4" />
-          ) : (
-            <IconChevronRight aria-hidden="true" className="size-4" />
-          )}
-        </Button>
-      </div>
-      <div
-        role="img"
-        aria-label={segments
-          .map(
-            (segment) =>
-              `${segment.label} ${formatContextWindowTokens(segment.tokens)}`,
-          )
-          .join(", ")}
-        className={cn(
-          "flex h-2 w-full overflow-hidden rounded-full",
-          CONTEXT_USAGE_TRACK_CLASS,
-        )}
-        data-context-usage-bar=""
-      >
-        {segments.map((segment) => (
-          <span
-            key={segment.kind}
-            data-context-usage-segment={segment.kind}
-            className={cn("h-full", segment.colorClass)}
-            style={{ width: `${(segment.tokens / barTotal) * 100}%` }}
-          />
-        ))}
-      </div>
-      <div
-        id={breakdownId}
-        hidden={!expanded}
-        className="-my-1 max-h-48 overflow-y-auto"
-        data-context-usage-breakdown=""
-      >
-        <table className="w-full table-fixed text-sm">
-          <tbody>
-            {rows.map((row) => (
-              <tr key={row.kind} data-context-usage-row={row.kind}>
-                <td className="w-4 py-0.5 align-middle">
-                  <span
-                    aria-hidden="true"
-                    data-context-usage-swatch=""
-                    className={cn("block size-2 rounded-[2px]", row.colorClass)}
-                  />
-                </td>
-                <td className="truncate py-0.5 text-foreground">{row.label}</td>
-                <td className="w-20 py-0.5 ps-3 text-end tabular-nums text-muted-foreground">
-                  {formatContextWindowTokens(row.tokens)}
-                </td>
-                <td className="w-16 py-0.5 ps-3 text-end tabular-nums text-foreground">
-                  {formatWindowShare(row.tokens, windowTokens)}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-      {tokensUntilAutoCompact !== undefined ? (
-        <p
-          className={cn(
-            "agent-kit-caption-copy",
-            warning ? "agent-kit-tone-warning" : "text-muted-foreground",
-          )}
-        >
-          {translate("agentChat.contextRing.untilAutoCompact", {
-            defaultValue: "{{tokens}} until auto-compact",
-            tokens: formatContextWindowTokens(tokensUntilAutoCompact),
-          })}
-        </p>
-      ) : null}
-      {compact.state === "done" ? (
-        <p
-          role="status"
-          className="agent-kit-caption-copy text-muted-foreground"
-        >
-          {compact.message}
-        </p>
-      ) : null}
-      {compact.state === "error" ? (
-        <p
-          role="alert"
-          className="flex items-start gap-1.5 agent-kit-caption-copy agent-kit-tone-warning"
-        >
-          <IconAlertTriangle
-            aria-hidden="true"
-            className="mt-px size-4 shrink-0"
-          />
-          <span className="min-w-0">{compact.message}</span>
-        </p>
-      ) : null}
-      {onCompact ? (
-        <div className="flex justify-end">
-          <Button
-            type="button"
-            variant="outline"
-            size="xs"
-            disabled={compact.state === "running"}
-            aria-busy={compact.state === "running" || undefined}
-            onClick={onCompact}
-          >
-            {compact.state === "running" ? (
-              <Spinner className="size-3" />
-            ) : null}
-            {translate("agentChat.contextRing.compactNow", {
-              defaultValue: "Compact now",
-            })}
-          </Button>
-        </div>
-      ) : null}
-    </div>
-  );
-}
+// These names stay for existing `@agent-native/toolkit/context-ui` imports.
+export {
+  CONTEXT_USAGE_WARNING_FRACTION,
+  ContextUsagePanel,
+  ContextUsagePanel as ContextUsagePanelView,
+  ContextUsageRing,
+  ContextUsageRing as ContextUsageRingView,
+  contextRingDashOffset,
+  contextUsagePercent,
+  formatContextWindowTokens,
+  type ContextCompactState,
+  type ContextUsageSegmentView,
+} from "../app/agentkit/react/context-usage.js";

package/src/context-ui/index.ts

@@ -1,7 +1,9 @@
 export { ContextMeterView } from "./ContextMeter.js";
 export {
   CONTEXT_USAGE_WARNING_FRACTION,
+  ContextUsagePanel,
   ContextUsagePanelView,
+  ContextUsageRing,
   ContextUsageRingView,
   contextUsagePercent,
   formatContextWindowTokens,
@@ -14,7 +16,11 @@ export {
 } from "./ContextSegmentRow.js";
 export { ContextTreemapView } from "./ContextTreemap.js";
 export { ContextXRayPanelView, contextGroupLabel } from "./ContextXRayPanel.js";
-export { contextGroupColor, formatContextTokens } from "./format.js";
+export {
+  contextGroupColor,
+  contextGroupFill,
+  formatContextTokens,
+} from "./format.js";
 export type {
   ContextManifestViewData,
   ContextSegmentStatus,

package/dist/composer/ModelPickerParts.d.ts

@@ -1,20 +0,0 @@
-import type { ComposerModelDescription, ComposerTranslate } from "./runtime-adapters.js";
-export declare function RecommendedBadge({ t }: {
-    t: ComposerTranslate;
-}): import("react").JSX.Element;
-export declare function localizedModelDescription(t: ComposerTranslate, description: ComposerModelDescription | undefined): string | undefined;
-export declare function modelBillingLabel(t: ComposerTranslate, description: ComposerModelDescription | undefined): string | undefined;
-/** Whether the hover card has anything to say beyond the row's own name. */
-export declare function hasModelDetails(description: ComposerModelDescription | undefined): description is ComposerModelDescription;
-export declare function ModelRatingMeter({ label, value, t, }: {
-    label: string;
-    value: number;
-    t: ComposerTranslate;
-}): import("react").JSX.Element;
-export declare function ModelDetailsCard({ name, description, t, formatNumber, }: {
-    name: string;
-    description: ComposerModelDescription;
-    t: ComposerTranslate;
-    formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
-}): import("react").JSX.Element;
-//# sourceMappingURL=ModelPickerParts.d.ts.map

package/dist/composer/ModelPickerParts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModelPickerParts.d.ts","sourceRoot":"","sources":["../../src/composer/ModelPickerParts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE;IAAE,CAAC,EAAE,iBAAiB,CAAA;CAAE,+BAY/D;AAED,wBAAgB,yBAAyB,CACvC,CAAC,EAAE,iBAAiB,EACpB,WAAW,EAAE,wBAAwB,GAAG,SAAS,GAChD,MAAM,GAAG,SAAS,CAOpB;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,iBAAiB,EACpB,WAAW,EAAE,wBAAwB,GAAG,SAAS,GAChD,MAAM,GAAG,SAAS,CAmBpB;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAC7B,WAAW,EAAE,wBAAwB,GAAG,SAAS,GAChD,WAAW,IAAI,wBAAwB,CAQzC;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,CAAC,GACF,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,iBAAiB,CAAC;CACtB,+BA6BA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,CAAC,EACD,YAAY,GACb,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,wBAAwB,CAAC;IACtC,CAAC,EAAE,iBAAiB,CAAC;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,KAAK,MAAM,CAAC;CAC7E,+BAiEA"}

package/dist/composer/ModelPickerParts.js

@@ -1,77 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from "../ui/badge.js";
-import { Separator } from "../ui/separator.js";
-import { cn } from "../utils.js";
-export function RecommendedBadge({ t }) {
-    return (_jsx(Badge, { variant: "outline", size: "sm", className: "shrink-0 text-muted-foreground", children: t("agentChat.composer.effortDefaultBadge", {
-            defaultValue: "Recommended",
-        }) }));
-}
-export function localizedModelDescription(t, description) {
-    if (!description?.description)
-        return undefined;
-    return description.catalogId
-        ? t(`agentChat.composer.modelDescription.${description.catalogId}`, {
-            defaultValue: description.description,
-        })
-        : description.description;
-}
-export function modelBillingLabel(t, description) {
-    const billing = description?.billing;
-    if (!billing)
-        return undefined;
-    switch (billing.kind) {
-        case "builder-credits":
-            return t("agentChat.composer.billingBuilderCredits", {
-                defaultValue: "Uses Builder credits",
-            });
-        case "provider-key":
-            return t("agentChat.composer.billingProviderKey", {
-                defaultValue: "Billed to your {{provider}} key",
-                provider: billing.provider,
-            });
-        case "subscription":
-            return t("agentChat.composer.billingSubscription", {
-                defaultValue: "Uses your {{plan}} plan",
-                plan: billing.plan,
-            });
-    }
-}
-/** Whether the hover card has anything to say beyond the row's own name. */
-export function hasModelDetails(description) {
-    return Boolean(description &&
-        (description.description ||
-            description.ratings ||
-            description.contextWindow !== undefined ||
-            description.billing));
-}
-const RATING_SEGMENTS = [1, 2, 3, 4, 5];
-export function ModelRatingMeter({ label, value, t, }) {
-    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-sm text-muted-foreground", children: label }), _jsx("span", { role: "meter", "aria-valuemin": 1, "aria-valuemax": 5, "aria-valuenow": value, "aria-label": t("agentChat.composer.modelRatingAria", {
-                    defaultValue: "{{label}} {{value}} of 5",
-                    label,
-                    value,
-                }), className: "flex items-center justify-end gap-1", children: RATING_SEGMENTS.map((segment) => (_jsx("span", { "aria-hidden": "true", className: cn("h-1.5 w-5 rounded-full", segment <= value ? "bg-ring" : "bg-muted") }, segment))) })] }));
-}
-export function ModelDetailsCard({ name, description, t, formatNumber, }) {
-    const summary = localizedModelDescription(t, description);
-    const billing = modelBillingLabel(t, description);
-    const ratings = description.ratings;
-    const contextWindow = description.contextWindow;
-    return (_jsxs("div", { "data-agent-composer-model-card": "", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: name }), summary ? (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: summary })) : null, ratings ? (_jsxs(_Fragment, { children: [_jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 gap-y-2.5", children: [_jsx(ModelRatingMeter, { t: t, label: t("agentChat.composer.modelCost", {
-                                    defaultValue: "Cost",
-                                }), value: ratings.cost }), _jsx(ModelRatingMeter, { t: t, label: t("agentChat.composer.modelReasoning", {
-                                    defaultValue: "Reasoning",
-                                }), value: ratings.reasoning }), _jsx(ModelRatingMeter, { t: t, label: t("agentChat.composer.modelSpeed", {
-                                    defaultValue: "Speed",
-                                }), value: ratings.speed })] })] })) : null, contextWindow !== undefined ? (_jsxs(_Fragment, { children: [_jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex items-center justify-between gap-4 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: t("agentChat.composer.contextWindow", {
-                                    defaultValue: "Context window",
-                                }) }), _jsx("span", { className: "text-foreground tabular-nums", children: t("agentChat.composer.tokenCount", {
-                                    defaultValue: "{{count}} tokens",
-                                    count: formatNumber(contextWindow, {
-                                        notation: "compact",
-                                        maximumFractionDigits: 2,
-                                    }),
-                                }) })] })] })) : null, billing ? (_jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: billing })) : null] }));
-}
-//# sourceMappingURL=ModelPickerParts.js.map

package/dist/composer/ModelPickerParts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModelPickerParts.js","sourceRoot":"","sources":["../../src/composer/ModelPickerParts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAMjC,MAAM,UAAU,gBAAgB,CAAC,EAAE,CAAC,EAA4B;IAC9D,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gCAAgC,YAEzC,CAAC,CAAC,uCAAuC,EAAE;YAC1C,YAAY,EAAE,aAAa;SAC5B,CAAC,GACI,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,CAAoB,EACpB,WAAiD;IAEjD,IAAI,CAAC,WAAW,EAAE,WAAW;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,WAAW,CAAC,SAAS;QAC1B,CAAC,CAAC,CAAC,CAAC,uCAAuC,WAAW,CAAC,SAAS,EAAE,EAAE;YAChE,YAAY,EAAE,WAAW,CAAC,WAAW;SACtC,CAAC;QACJ,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,CAAoB,EACpB,WAAiD;IAEjD,MAAM,OAAO,GAAG,WAAW,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,iBAAiB;YACpB,OAAO,CAAC,CAAC,0CAA0C,EAAE;gBACnD,YAAY,EAAE,sBAAsB;aACrC,CAAC,CAAC;QACL,KAAK,cAAc;YACjB,OAAO,CAAC,CAAC,uCAAuC,EAAE;gBAChD,YAAY,EAAE,iCAAiC;gBAC/C,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,CAAC,CAAC;QACL,KAAK,cAAc;YACjB,OAAO,CAAC,CAAC,wCAAwC,EAAE;gBACjD,YAAY,EAAE,yBAAyB;gBACvC,IAAI,EAAE,OAAO,CAAC,IAAI;aACnB,CAAC,CAAC;IACP,CAAC;AACH,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,eAAe,CAC7B,WAAiD;IAEjD,OAAO,OAAO,CACZ,WAAW;QACX,CAAC,WAAW,CAAC,WAAW;YACtB,WAAW,CAAC,OAAO;YACnB,WAAW,CAAC,aAAa,KAAK,SAAS;YACvC,WAAW,CAAC,OAAO,CAAC,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAEjD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,CAAC,GAKF;IACC,OAAO,CACL,8BACE,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,eACE,IAAI,EAAC,OAAO,mBACG,CAAC,mBACD,CAAC,mBACD,KAAK,gBACR,CAAC,CAAC,oCAAoC,EAAE;oBAClD,YAAY,EAAE,0BAA0B;oBACxC,KAAK;oBACL,KAAK;iBACN,CAAC,EACF,SAAS,EAAC,qCAAqC,YAE9C,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,8BAEc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAC1C,IALI,OAAO,CAMZ,CACH,CAAC,GACG,IACN,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,CAAC,EACD,YAAY,GAMb;IACC,MAAM,OAAO,GAAG,yBAAyB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC;IAChD,OAAO,CACL,iDAAoC,EAAE,aACpC,YAAG,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAK,EAC5D,OAAO,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,oCAAoC,YAAE,OAAO,GAAK,CAChE,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,gBAAgB,IACf,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,CAAC,8BAA8B,EAAE;oCACvC,YAAY,EAAE,MAAM;iCACrB,CAAC,EACF,KAAK,EAAE,OAAO,CAAC,IAAI,GACnB,EACF,KAAC,gBAAgB,IACf,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,CAAC,mCAAmC,EAAE;oCAC5C,YAAY,EAAE,WAAW;iCAC1B,CAAC,EACF,KAAK,EAAE,OAAO,CAAC,SAAS,GACxB,EACF,KAAC,gBAAgB,IACf,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,CAAC,+BAA+B,EAAE;oCACxC,YAAY,EAAE,OAAO;iCACtB,CAAC,EACF,KAAK,EAAE,OAAO,CAAC,KAAK,GACpB,IACE,IACL,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,8BACE,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,eAAK,SAAS,EAAC,iDAAiD,aAC9D,eAAM,SAAS,EAAC,uBAAuB,YACpC,CAAC,CAAC,kCAAkC,EAAE;oCACrC,YAAY,EAAE,gBAAgB;iCAC/B,CAAC,GACG,EACP,eAAM,SAAS,EAAC,8BAA8B,YAC3C,CAAC,CAAC,+BAA+B,EAAE;oCAClC,YAAY,EAAE,kBAAkB;oCAChC,KAAK,EAAE,YAAY,CAAC,aAAa,EAAE;wCACjC,QAAQ,EAAE,SAAS;wCACnB,qBAAqB,EAAE,CAAC;qCACzB,CAAC;iCACH,CAAC,GACG,IACH,IACL,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,oCAAoC,YAAE,OAAO,GAAK,CAChE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}