@adecore/agents-react 0.39.0 → 0.40.0

package/dist/usage/ChartLogo.js

@@ -0,0 +1,48 @@
+import { c as _c } from "react/compiler-runtime";
+import { ProviderLogo } from '../agents/ProviderLogo.js';
+import { PROVIDER_COLORS } from './format.js';
+/* A provider's logo in its color of the chart, so it reads as the series it names. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ChartLogo(t0) {
+  const $ = _c(8);
+  const {
+    provider,
+    className
+  } = t0;
+  const t1 = PROVIDER_COLORS[provider];
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      color: t1
+    };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== provider) {
+    t3 = /*#__PURE__*/_jsx(ProviderLogo, {
+      provider: provider
+    });
+    $[2] = provider;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== className || $[5] !== t2 || $[6] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: className,
+      style: t2,
+      children: t3
+    });
+    $[4] = className;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+}

package/dist/usage/LimitsList.js

@@ -6,8 +6,8 @@ import { limitsAccountId } from '../agents/account-limits.js';
 import { AccountDot } from '../agents/AccountDot.js';
 import { Tooltip } from '@adecore/ui';
 import { formatClock, formatWeekdayClock, isSameDay, formatCountdown, formatPercent } from '@adecore/ui/format';
-import { ProviderLogo } from '../agents/ProviderLogo.js';
-import { PROVIDER_COLORS, PROVIDER_LABELS } from './format.js';
+import { ChartLogo } from './ChartLogo.js';
+import { PROVIDER_LABELS } from './format.js';
 import { accountNote, evenPace, explain, isSignedOut, nextReset, paceText } from './limit-groups.js';
 /* Red where a window is nearly spent, amber where it is worth knowing; room to spare is not news and takes the text color. */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -265,13 +265,8 @@ export function LimitsList(t0) {
           className: "flex flex-col gap-2",
           children: [/*#__PURE__*/_jsxs("p", {
             className: "flex items-center gap-2 text-xs font-medium",
-            children: [/*#__PURE__*/_jsx("span", {
-              style: {
-                color: PROVIDER_COLORS[provider.kind]
-              },
-              children: /*#__PURE__*/_jsx(ProviderLogo, {
-                provider: provider.kind
-              })
+            children: [/*#__PURE__*/_jsx(ChartLogo, {
+              provider: provider.kind
             }), PROVIDER_LABELS[provider.kind], provider.plan !== null && /*#__PURE__*/_jsxs("span", {
               className: "text-text-muted",
               children: ["\xB7 ", provider.plan]
@@ -638,13 +633,8 @@ export function AccountLimitsList(t0) {
       t2 = group => /*#__PURE__*/_jsxs(Fragment, {
         children: [/*#__PURE__*/_jsxs("p", {
           className: "col-span-full mt-3 flex items-center gap-2 font-medium first:mt-0",
-          children: [/*#__PURE__*/_jsx("span", {
-            style: {
-              color: PROVIDER_COLORS[group.kind]
-            },
-            children: /*#__PURE__*/_jsx(ProviderLogo, {
-              provider: group.kind
-            })
+          children: [/*#__PURE__*/_jsx(ChartLogo, {
+            provider: group.kind
           }), PROVIDER_LABELS[group.kind]]
         }), group.accounts.map(account => /*#__PURE__*/_jsx(AccountLines, {
           account: account,

package/dist/usage/UsageBreakdown.js

@@ -5,8 +5,8 @@ import { CircleHelp, Folder, Info } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { EmptyState, Icon, SectionLabel, Segmented, Tooltip } from '@adecore/ui';
 import { useChatScope } from '../scope.js';
-import { ProviderLogo } from '../agents/ProviderLogo.js';
 import { USAGE_PROVIDERS, totalTokensOf } from '@adecore/agent-contracts';
+import { ChartLogo } from './ChartLogo.js';
 import { useModelName } from '../agents/model-name.js';
 import { formatCount, formatTokens, PROVIDER_COLORS, PROVIDER_LABELS, shortPath, slotLabel } from './format.js';
 import { useMoney } from './money.js';
@@ -23,57 +23,34 @@ function barWidth(value, top) {
   return value <= 0 || top <= 0 ? 0 : Math.max(1, Math.round(value / top * 100));
 }
 function ProviderMark(t0) {
-  const $ = _c(10);
+  const $ = _c(5);
   const {
     provider
   } = t0;
   const t1 = PROVIDER_LABELS[provider];
-  const t2 = PROVIDER_COLORS[provider];
-  let t3;
-  if ($[0] !== t2) {
-    t3 = {
-      color: t2
-    };
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== provider) {
-    t4 = /*#__PURE__*/_jsx(ProviderLogo, {
+  let t2;
+  if ($[0] !== provider) {
+    t2 = /*#__PURE__*/_jsx(ChartLogo, {
       provider: provider
     });
-    $[2] = provider;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== t3 || $[5] !== t4) {
-    t5 = /*#__PURE__*/_jsx("span", {
-      style: t3,
-      children: t4
-    });
-    $[4] = t3;
-    $[5] = t4;
-    $[6] = t5;
+    $[0] = provider;
+    $[1] = t2;
   } else {
-    t5 = $[6];
+    t2 = $[1];
   }
-  let t6;
-  if ($[7] !== t1 || $[8] !== t5) {
-    t6 = /*#__PURE__*/_jsx(Tooltip, {
+  let t3;
+  if ($[2] !== t1 || $[3] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Tooltip, {
       label: t1,
-      children: t5
+      children: t2
     });
-    $[7] = t1;
-    $[8] = t5;
-    $[9] = t6;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t6 = $[9];
+    t3 = $[4];
   }
-  return t6;
+  return t3;
 }
 /* The name the machine's catalog gives the model, where it has the model; the slug made readable where it does not. */
 function ModelName(t0) {