@mastra/playground-ui 19.0.0-alpha.3 → 19.0.0-alpha.5

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @mastra/playground-ui
 
+## 19.0.0-alpha.5
+
+### Patch Changes
+
+- Updated dependencies [[`f21c626`](https://github.com/mastra-ai/mastra/commit/f21c6263789903ab9720b4d11373093298e97f15)]:
+  - @mastra/core@1.16.0-alpha.5
+  - @mastra/client-js@1.10.0-alpha.5
+  - @mastra/react@0.2.17-alpha.5
+
+## 19.0.0-alpha.4
+
+### Patch Changes
+
+- Added `ModelByInputTokens` in `@mastra/memory` for token-threshold-based model selection in Observational Memory. ([#14614](https://github.com/mastra-ai/mastra/pull/14614))
+
+  When configured, OM automatically selects different observer or reflector models based on the actual input token count at the time the OM call runs.
+
+  Example usage:
+
+  ```ts
+  import { Memory, ModelByInputTokens } from '@mastra/memory';
+
+  const memory = new Memory({
+    options: {
+      observationalMemory: {
+        model: new ModelByInputTokens({
+          upTo: {
+            10_000: 'google/gemini-2.5-flash',
+            40_000: 'openai/gpt-4o',
+            1_000_000: 'openai/gpt-4.5',
+          },
+        }),
+      },
+    },
+  });
+  ```
+
+  The `upTo` keys are inclusive upper bounds. OM resolves the matching tier directly at the observer or reflector call site. If the input exceeds the largest configured threshold, OM throws an error.
+
+  Improved Observational Memory tracing so traces show the observer and reflector spans and make it easier to see which resolved model was used at runtime.
+
+- Updated dependencies [[`f14604c`](https://github.com/mastra-ai/mastra/commit/f14604c7ef01ba794e1a8d5c7bae5415852aacec), [`e06b520`](https://github.com/mastra-ai/mastra/commit/e06b520bdd5fdef844760c5e692c7852cbc5c240), [`dd9c4e0`](https://github.com/mastra-ai/mastra/commit/dd9c4e0a47962f1413e9b72114fcad912e19a0a6)]:
+  - @mastra/core@1.16.0-alpha.4
+  - @mastra/client-js@1.10.0-alpha.4
+  - @mastra/ai-sdk@1.2.1-alpha.0
+  - @mastra/react@0.2.17-alpha.4
+
 ## 19.0.0-alpha.3
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -22783,6 +22783,8 @@ const AgentMemoryConfig = ({ agentId }) => {
 };
 
 const formatTokens = (n) => {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e5) return `${(n / 1e3).toFixed(0)}k`;
   if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
   return Math.round(n).toString();
 };
@@ -22790,6 +22792,11 @@ const getBarColor = (percentage) => {
   if (percentage >= 60) return "bg-blue-500";
   return "bg-green-500";
 };
+const getModelLabel = (model, modelRouting) => {
+  if (typeof model === "string") return model;
+  if (modelRouting?.length) return "Auto (tiered)";
+  return void 0;
+};
 const useElapsedTime = (isActive) => {
   const [elapsed, setElapsed] = React.useState(0);
   const startTimeRef = React.useRef(null);
@@ -22816,6 +22823,7 @@ const ProgressBar = ({
   label,
   isActive = false,
   model,
+  modelRouting,
   baseThreshold,
   totalBudget
 }) => {
@@ -22848,7 +22856,15 @@ const ProgressBar = ({
               " ",
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral5", children: model || "not configured" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            modelRouting?.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4", children: "Routing:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 pl-2 space-y-0.5", children: modelRouting.map((route) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral5", children: [
+                "≤",
+                formatTokens(route.upTo),
+                " → ",
+                route.model
+              ] }, `${route.upTo}-${route.model}`)) })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4", children: "Threshold:" }),
               " ",
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral5", children: [
@@ -22969,8 +22985,16 @@ const AgentObservationalMemory = ({ agentId, resourceId, threadId }) => {
   const history = omData?.history ?? [];
   const omAgentConfig = configData?.config?.observationalMemory;
   const recordConfig = record?.config;
-  const observationModel = recordConfig?.observationModel ?? omAgentConfig?.observationModel;
-  const reflectionModel = recordConfig?.reflectionModel ?? omAgentConfig?.reflectionModel;
+  const observationModelRouting = recordConfig?.observationModelRouting ?? recordConfig?.observation?.routing ?? omAgentConfig?.observationModelRouting ?? omAgentConfig?.observation?.routing;
+  const reflectionModelRouting = recordConfig?.reflectionModelRouting ?? recordConfig?.reflection?.routing ?? omAgentConfig?.reflectionModelRouting ?? omAgentConfig?.reflection?.routing;
+  const observationModel = getModelLabel(
+    recordConfig?.observationModel ?? recordConfig?.observation?.model ?? omAgentConfig?.observationModel ?? omAgentConfig?.model ?? omAgentConfig?.observation?.model,
+    observationModelRouting
+  );
+  const reflectionModel = getModelLabel(
+    recordConfig?.reflectionModel ?? recordConfig?.reflection?.model ?? omAgentConfig?.reflectionModel ?? omAgentConfig?.model ?? omAgentConfig?.reflection?.model,
+    reflectionModelRouting
+  );
   const getThresholdValue = (threshold, defaultValue) => {
     if (!threshold) return defaultValue;
     if (typeof threshold === "number") return threshold;
@@ -23079,6 +23103,7 @@ const AgentObservationalMemory = ({ agentId, resourceId, threadId }) => {
           label: "Messages",
           isActive: isObserving,
           model: observationModel,
+          modelRouting: observationModelRouting,
           baseThreshold: baseMessageTokens,
           totalBudget
         }
@@ -23092,6 +23117,7 @@ const AgentObservationalMemory = ({ agentId, resourceId, threadId }) => {
           isActive: isReflecting,
           baseThreshold: baseObservationTokens,
           model: reflectionModel,
+          modelRouting: reflectionModelRouting,
           totalBudget
         }
       )