@adecore/agents-react 0.38.0 → 0.39.0

package/dist/agents/AgentModelLabel.d.ts

@@ -0,0 +1,10 @@
+import type { AgentKind } from '@adecore/agent-contracts';
+interface AgentModelLabelProps {
+    provider: AgentKind;
+    model?: string;
+    scopeId?: string;
+    size?: number;
+    className?: string;
+}
+export declare function AgentModelLabel({ provider, model, scopeId, size, className }: AgentModelLabelProps): import("react").JSX.Element;
+export {};

package/dist/agents/AgentModelLabel.js

@@ -0,0 +1,97 @@
+import { c as _c } from "react/compiler-runtime";
+import { useContext } from 'react';
+import clsx from 'clsx';
+import { ChatScopeContext } from '../scope.js';
+import { useProvidersStore } from '../state/providers.js';
+import { AgentIcon } from './AgentIcon.js';
+import { modelName } from './model-name.js';
+import { ProviderLogo } from './ProviderLogo.js';
+/*
+ * Who answered or will answer, in one line: the CLI's mark and the model, named the way the machine's
+ * catalog names it, as a row of facts writes it ("made by", "runs as").
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AgentModelLabel(t0) {
+  const $ = _c(19);
+  const {
+    provider,
+    model,
+    scopeId,
+    size: t1,
+    className
+  } = t0;
+  const size = t1 === undefined ? 14 : t1;
+  const scope = useContext(ChatScopeContext);
+  const id = scopeId ?? scope?.id;
+  let t2;
+  if ($[0] !== id || $[1] !== provider) {
+    t2 = s => id === undefined ? undefined : s.byScope[id]?.providers.find(entry => entry.kind === provider);
+    $[0] = id;
+    $[1] = provider;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const catalog = useProvidersStore(t2);
+  let t3;
+  if ($[3] !== catalog?.models || $[4] !== catalog?.name || $[5] !== model || $[6] !== provider) {
+    t3 = model === undefined ? catalog?.name ?? provider : modelName(model, catalog?.models);
+    $[3] = catalog?.models;
+    $[4] = catalog?.name;
+    $[5] = model;
+    $[6] = provider;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const name = t3;
+  let t4;
+  if ($[8] !== className) {
+    t4 = clsx("flex min-w-0 items-center gap-1.5", className);
+    $[8] = className;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== provider || $[11] !== size) {
+    t5 = provider === "claude" || provider === "codex" ? /*#__PURE__*/_jsx(ProviderLogo, {
+      provider: provider,
+      size: size
+    }) : /*#__PURE__*/_jsx(AgentIcon, {
+      kind: provider,
+      size: size,
+      className: "shrink-0"
+    });
+    $[10] = provider;
+    $[11] = size;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== name) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      className: "truncate",
+      children: name
+    });
+    $[13] = name;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("span", {
+      className: t4,
+      children: [t5, t6]
+    });
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
+}