@mastra/playground-ui 27.0.1 → 27.1.0-alpha.2

package/dist/index.cjs.js

@@ -3486,21 +3486,21 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
 
 const SlashIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.25684 12.6387L10.4003 3.36133H11.7432L6.5997 12.6387H5.25684Z", fill: "currentColor" }) });
 
-const Breadcrumb = ({ children, label }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "gap-0.5 flex items-center", children }) });
+const Breadcrumb = ({ children, label, className, listClassName }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cn("gap-0.5 flex items-center", listClassName), children }) });
 };
 const Crumb = ({ className, as, isCurrent, action, ...props }) => {
   const Root = as || "span";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex h-full shrink-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("flex h-full min-w-0 items-center gap-1", isCurrent ? "shrink" : "shrink-0"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Root,
         {
           "aria-current": isCurrent ? "page" : void 0,
           className: cn(
-            "text-ui-md leading-ui-md flex items-center gap-2",
+            "text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate",
             transitions.colors,
-            isCurrent ? "text-white" : "text-neutral3 hover:text-neutral5",
+            isCurrent ? "text-neutral6 font-medium" : "text-neutral3 hover:text-neutral5",
             className
           ),
           ...props
@@ -3606,7 +3606,7 @@ const buttonVariants = cva(
         default: "bg-surface3 border border-border1 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6",
         primary: "bg-surface4 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6",
         cta: "bg-accent1 border border-transparent hover:bg-accent1/90 hover:shadow-glow-accent1 disabled:hover:shadow-none text-surface1 font-medium",
-        ghost: "bg-transparent border border-transparent hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral4",
+        ghost: "bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4",
         outline: "bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5",
         link: "inline-flex justify-start rounded-none h-auto px-0 bg-transparent text-neutral3 hover:text-neutral4 gap-1 [&>svg]:mx-0 w-auto [&>svg]:opacity-70"
       },
@@ -4302,20 +4302,18 @@ function EmptyState({
   );
 }
 
-const AgentIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+const AgentIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 8.82265 8.51434", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M8.5 15C10.3565 15 12.137 14.2625 13.4497 12.9497C14.7625 11.637 15.5 9.85652 15.5 8C15.5 6.14348 14.7625 4.36301 13.4497 3.05025C12.137 1.7375 10.3565 1 8.5 1C6.64348 1 4.86301 1.7375 3.55025 3.05025C2.2375 4.36301 1.5 6.14348 1.5 8C1.5 9.85652 2.2375 11.637 3.55025 12.9497C4.86301 14.2625 6.64348 15 8.5 15ZM5.621 10.879L4.611 11.889C3.84179 11.1198 3.31794 10.1398 3.1057 9.07291C2.89346 8.00601 3.00236 6.90013 3.41864 5.89512C3.83491 4.89012 4.53986 4.03112 5.44434 3.42676C6.34881 2.8224 7.41219 2.49983 8.5 2.49983C9.58781 2.49983 10.6512 2.8224 11.5557 3.42676C12.4601 4.03112 13.1651 4.89012 13.5814 5.89512C13.9976 6.90013 14.1065 8.00601 13.8943 9.07291C13.6821 10.1398 13.1582 11.1198 12.389 11.889L11.379 10.879C11.1004 10.6003 10.7696 10.3792 10.4055 10.2284C10.0414 10.0776 9.6511 9.99995 9.257 10H7.743C7.3489 9.99995 6.95865 10.0776 6.59455 10.2284C6.23045 10.3792 5.89963 10.6003 5.621 10.879Z",
+      d: "M6.76646 6.16953C6.56909 6.10559 6.40521 5.96585 6.31087 5.78107C6.21653 5.5963 6.19945 5.38161 6.2634 5.18424C6.32735 4.98687 6.46708 4.82299 6.65186 4.72865C6.83663 4.63431 7.05132 4.61723 7.24869 4.68118C7.45933 4.74996 7.6849 4.75913 7.90043 4.70768C8.11596 4.65622 8.31306 4.54615 8.46992 4.38963C8.62678 4.23312 8.73729 4.03626 8.78921 3.82084C8.84114 3.60542 8.83246 3.37984 8.76414 3.16904C8.69582 2.95825 8.57052 2.77046 8.4021 2.62646C8.23368 2.48246 8.02871 2.38785 7.80986 2.35311C7.59101 2.31836 7.36681 2.34484 7.16208 2.4296C6.95734 2.51436 6.78004 2.6541 6.64979 2.83337C6.39274 3.18567 6.05613 3.47228 5.66736 3.66987C5.27858 3.86747 4.84864 3.97046 4.41254 3.97046C3.97643 3.97046 3.54649 3.86747 3.15772 3.66987C2.76895 3.47228 2.43234 3.18567 2.17528 2.83337C2.04528 2.65368 1.86807 2.51346 1.66329 2.42826C1.45852 2.34306 1.23415 2.3162 1.01505 2.35065C0.795944 2.3851 0.590648 2.47951 0.421892 2.62344C0.253137 2.76736 0.127507 2.95519 0.0589124 3.16611C-0.00968171 3.37703 -0.0185632 3.60282 0.0332514 3.81848C0.0850661 4.03414 0.195555 4.23125 0.352484 4.38799C0.509413 4.54472 0.706659 4.65497 0.92238 4.70652C1.1381 4.75808 1.36388 4.74892 1.57472 4.68007C1.77224 4.61634 1.98698 4.63369 2.1717 4.72829C2.35643 4.82289 2.49601 4.987 2.55973 5.18452C2.62346 5.38203 2.60611 5.59677 2.51151 5.7815C2.41691 5.96623 2.2528 6.10581 2.05528 6.16953C1.84456 6.23788 1.65684 6.36317 1.51288 6.53155C1.36893 6.69993 1.27434 6.90485 1.23959 7.12364C1.20483 7.34242 1.23126 7.56656 1.31596 7.77126C1.40065 7.97597 1.5403 8.15326 1.71948 8.28354C1.89865 8.41382 2.11036 8.49201 2.33121 8.50946C2.55205 8.52692 2.77342 8.48296 2.97083 8.38244C3.16825 8.28193 3.33402 8.12877 3.44981 7.93992C3.56561 7.75106 3.62692 7.53386 3.62697 7.31233C3.62697 7.10501 3.70933 6.90619 3.85592 6.7596C4.00251 6.613 4.20134 6.53065 4.40865 6.53065C4.61596 6.53065 4.81479 6.613 4.96138 6.7596C5.10797 6.90619 5.19033 7.10501 5.19033 7.31233C5.19027 7.53399 5.25152 7.75136 5.36731 7.94037C5.4831 8.12939 5.64892 8.2827 5.84642 8.38334C6.04392 8.48399 6.26541 8.52804 6.4864 8.51063C6.70738 8.49322 6.91924 8.41502 7.09854 8.28469C7.27785 8.15436 7.41761 7.97698 7.50237 7.77216C7.58713 7.56734 7.61359 7.34307 7.57882 7.12414C7.54404 6.90522 7.44939 6.70018 7.30534 6.53171C7.16128 6.36323 6.97344 6.23789 6.76257 6.16953H6.76646Z",
       fill: "currentColor"
     }
   ),
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
-      d: "M8.5 4C7.96957 4 7.46086 4.21071 7.08579 4.58579C6.71071 4.96086 6.5 5.46957 6.5 6V6.5C6.5 7.03043 6.71071 7.53914 7.08579 7.91421C7.46086 8.28929 7.96957 8.5 8.5 8.5C9.03043 8.5 9.53914 8.28929 9.91421 7.91421C10.2893 7.53914 10.5 7.03043 10.5 6.5V6C10.5 5.46957 10.2893 4.96086 9.91421 4.58579C9.53914 4.21071 9.03043 4 8.5 4Z",
+      d: "M4.41198 2.40337C5.07565 2.40337 5.61367 1.86536 5.61367 1.20168C5.61367 0.538012 5.07565 0 4.41198 0C3.74831 0 3.2103 0.538012 3.2103 1.20168C3.2103 1.86536 3.74831 2.40337 4.41198 2.40337Z",
       fill: "currentColor"
     }
   )
@@ -4726,10 +4724,70 @@ const JudgeIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17
   /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12.9287", y: "2.23419", width: "1.41089", height: "5.75781", rx: "0.705445", fill: "currentColor" })
 ] });
 
-const LogsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.46094 8.01825L13.6348 8.01825", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.46094 3.49384L13.6348 3.49384", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.46094 12.5427L13.6348 12.5427", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+const LogsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 10.0412 8.39395", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M0 0.916539C0 0.410349 0.410349 0 0.916539 0C1.42273 0 1.83308 0.410349 1.83308 0.916539C1.83308 1.42273 1.42273 1.83308 0.916539 1.83308C0.410349 1.83308 0 1.42273 0 0.916539Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.88569 0.916539C2.88569 0.410349 3.29604 0 3.80223 0C4.30842 0 4.71877 0.410349 4.71877 0.916539C4.71877 1.42273 4.30842 1.83308 3.80223 1.83308C3.29604 1.83308 2.88569 1.42273 2.88569 0.916539Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.77139 0.916539C5.77139 0.410349 6.18174 0 6.68793 0H9.12465C9.63084 0 10.0412 0.410349 10.0412 0.916539C10.0412 1.42273 9.63084 1.83308 9.12465 1.83308H6.68793C6.18174 1.83308 5.77139 1.42273 5.77139 0.916539Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M0 4.19696C0 3.69077 0.410351 3.28042 0.916541 3.28042C1.42273 3.28042 1.83308 3.69077 1.83308 4.19696C1.83308 4.70315 1.42273 5.1135 0.916541 5.1135C0.410351 5.1135 0 4.70315 0 4.19696Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.8857 4.19694C2.8857 3.69075 3.29605 3.2804 3.80224 3.2804C4.30843 3.2804 4.71877 3.69075 4.71877 4.19694C4.71877 4.70313 4.30843 5.11348 3.80224 5.11348C3.29605 5.11348 2.8857 4.70313 2.8857 4.19694Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.77139 4.19694C5.77139 3.69075 6.18174 3.2804 6.68793 3.2804H9.12466C9.63085 3.2804 10.0412 3.69075 10.0412 4.19694C10.0412 4.70313 9.63085 5.11348 9.12466 5.11348H6.68793C6.18174 5.11348 5.77139 4.70313 5.77139 4.19694Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M0 7.47738C0 6.97119 0.410351 6.56084 0.916541 6.56084C1.42273 6.56084 1.83308 6.97119 1.83308 7.47738C1.83308 7.98357 1.42273 8.39392 0.916541 8.39392C0.410351 8.39392 0 7.98357 0 7.47738Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.8857 7.47741C2.8857 6.97122 3.29605 6.56087 3.80224 6.56087C4.30843 6.56087 4.71877 6.97122 4.71877 7.47741C4.71877 7.9836 4.30843 8.39395 3.80224 8.39395C3.29605 8.39395 2.8857 7.9836 2.8857 7.47741Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.77139 7.47741C5.77139 6.97122 6.18174 6.56087 6.68793 6.56087H9.12466C9.63085 6.56087 10.0412 6.97122 10.0412 7.47741C10.0412 7.9836 9.63085 8.39395 9.12466 8.39395H6.68793C6.18174 8.39395 5.77139 7.9836 5.77139 7.47741Z",
+      fill: "currentColor"
+    }
+  )
 ] });
 
 const MemoryIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4748,12 +4806,12 @@ const OpenAIIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12
   }
 ) });
 
-const PromptIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+const PromptIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 11.185 11.185", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M8.8341 11.2099H12.4915C13.598 11.2099 14.5 10.3156 14.5 9.21251V4.20729C14.5 3.10576 13.6007 2.2099 12.4915 2.2099H4.50853C3.40195 2.2099 2.5 3.10416 2.5 4.20729V9.21251C2.5 10.3112 3.39464 11.2053 4.5 11.2099V13.2005C4.5 13.7665 4.87069 13.9533 5.32796 13.6368L8.8341 11.2099Z",
+    d: "M9.57258 2.71626C9.57245 2.19794 9.14778 1.77075 8.61819 1.77075H2.56605C2.0377 1.77075 1.61179 2.19752 1.61165 2.71626V6.51162C1.61179 7.02856 2.03401 7.45487 2.5616 7.45713L3.12802 7.45935V9.21487L5.52178 7.55857L5.66764 7.45713H8.61819C9.14653 7.45713 9.57245 7.03036 9.57258 6.51162V2.71626ZM10.7099 6.51162C10.7097 7.66541 9.76766 8.59441 8.61819 8.59441H6.0223L3.51081 10.3336C3.25841 10.5083 2.86505 10.6555 2.4809 10.4558C2.09483 10.2551 1.99075 9.84577 1.99075 9.53473V8.51222C1.11705 8.26321 0.474488 7.46395 0.474378 6.51162V2.71626C0.474511 1.56248 1.41657 0.633479 2.56605 0.633479H8.61819C9.77051 0.633479 10.7097 1.56448 10.7099 2.71626V6.51162Z",
     fill: "currentColor"
   }
 ) });
@@ -4768,30 +4826,47 @@ const SettingsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "
   }
 ) });
 
-const ToolsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+const ToolsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 11.185 11.185", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M7.5605 1.42351C8.0791 0.904904 8.92215 0.906157 9.4395 1.42351L10.6922 2.67617C11.2108 3.19477 11.2095 4.03782 10.6922 4.55517L9.4395 5.80783C8.9209 6.32643 8.07785 6.32518 7.5605 5.80783L6.30784 4.55517C5.78923 4.03656 5.79049 3.19352 6.30784 2.67617L7.5605 1.42351ZM3.17618 5.80783C3.69478 5.28923 4.53782 5.29048 5.05517 5.80783L6.30784 7.0605C6.82644 7.5791 6.82519 8.42214 6.30784 8.93949L5.05517 10.1922C4.53657 10.7108 3.69353 10.7095 3.17618 10.1922L1.92351 8.93949C1.40491 8.42089 1.40616 7.57785 1.92351 7.0605L3.17618 5.80783ZM11.9448 5.80783C12.4634 5.28923 13.3065 5.29048 13.8238 5.80783L15.0765 7.0605C15.5951 7.5791 15.5938 8.42214 15.0765 8.93949L13.8238 10.1922C13.3052 10.7108 12.4622 10.7095 11.9448 10.1922L10.6922 8.93949C10.1736 8.42089 10.1748 7.57785 10.6922 7.0605L11.9448 5.80783ZM7.5605 10.1922C8.0791 9.67355 8.92215 9.67481 9.4395 10.1922L10.6922 11.4448C11.2108 11.9634 11.2095 12.8065 10.6922 13.3238L9.4395 14.5765C8.9209 15.0951 8.07785 15.0938 7.5605 14.5765L6.30784 13.3238C5.78923 12.8052 5.79049 11.9622 6.30784 11.4448L7.5605 10.1922Z",
+    d: "M5.0293 1.16491L4.81958 0.801671L4.81955 0.801686L5.0293 1.16491ZM5.75391 1.16491L5.96365 0.801686L5.96363 0.801671L5.75391 1.16491ZM9.04492 3.06531L9.25474 2.70212L9.25467 2.70208L9.04492 3.06531ZM9.40723 7.49304L9.82666 7.49332V7.49304H9.40723ZM9.04492 8.11999L8.8352 7.75675L8.83518 7.75676L9.04492 8.11999ZM5.75391 10.0204L5.96363 10.3836L5.96365 10.3836L5.75391 10.0204ZM5.0293 10.0204L4.81955 10.3836L4.81963 10.3837L5.0293 10.0204ZM1.73828 8.11999L1.94803 7.75676L1.948 7.75675L1.73828 8.11999ZM1.37598 7.49304H0.956538L0.956538 7.49332L1.37598 7.49304ZM1.73828 3.06531L1.94802 3.42854L1.94803 3.42853L1.73828 3.06531ZM5.59277 3.38366L5.59283 2.96423H5.59277V3.38366ZM3.38379 5.59167L2.96435 5.59159V5.59167H3.38379ZM5.59277 7.80066V8.2201H5.59283L5.59277 7.80066ZM7.80078 5.59167H8.22022V5.59159L7.80078 5.59167ZM5.0293 1.16491L5.23902 1.52816C5.33331 1.47372 5.44989 1.47372 5.54419 1.52816L5.75391 1.16491L5.96363 0.801671C5.60978 0.59738 5.17342 0.59738 4.81958 0.801671L5.0293 1.16491ZM5.75391 1.16491L5.54416 1.52814L8.83518 3.42853L9.04492 3.06531L9.25467 2.70208L5.96365 0.801686L5.75391 1.16491ZM9.04492 3.06531L8.83511 3.42849C8.92979 3.48319 8.98779 3.5839 8.98779 3.69226H9.40723H9.82666C9.82666 3.28328 9.60799 2.90619 9.25474 2.70212L9.04492 3.06531ZM9.40723 3.69226H8.98779V7.49304H9.40723H9.82666V3.69226H9.40723ZM9.40723 7.49304L8.98779 7.49276C8.98772 7.6015 8.92949 7.70231 8.8352 7.75675L9.04492 8.11999L9.25464 8.48324C9.60821 8.2791 9.82639 7.90167 9.82666 7.49332L9.40723 7.49304ZM9.04492 8.11999L8.83518 7.75676L5.54416 9.65715L5.75391 10.0204L5.96365 10.3836L9.25467 8.48322L9.04492 8.11999ZM5.75391 10.0204L5.54419 9.65714C5.44996 9.71154 5.33331 9.71156 5.23897 9.65711L5.0293 10.0204L4.81963 10.3837C5.17339 10.5878 5.60977 10.5879 5.96363 10.3836L5.75391 10.0204ZM5.0293 10.0204L5.23904 9.65715L1.94803 7.75676L1.73828 8.11999L1.52854 8.48322L4.81955 10.3836L5.0293 10.0204ZM1.73828 8.11999L1.948 7.75675C1.85371 7.70231 1.79549 7.6015 1.79541 7.49276L1.37598 7.49304L0.956538 7.49332C0.956809 7.90167 1.17499 8.2791 1.52856 8.48324L1.73828 8.11999ZM1.37598 7.49304H1.79542V3.69226H1.37598H0.956538V7.49304H1.37598ZM1.37598 3.69226H1.79542C1.79542 3.58378 1.85339 3.48318 1.94802 3.42854L1.73828 3.06531L1.52854 2.70207C1.17507 2.90617 0.956538 3.2833 0.956538 3.69226H1.37598ZM1.73828 3.06531L1.94803 3.42853L5.23904 1.52814L5.0293 1.16491L4.81955 0.801686L1.52854 2.70208L1.73828 3.06531ZM5.59277 3.38366V2.96423C4.14162 2.96423 2.96463 4.14015 2.96435 5.59159L3.38379 5.59167L3.80323 5.59175C3.80342 4.60382 4.60458 3.8031 5.59277 3.8031V3.38366ZM3.38379 5.59167H2.96435C2.96435 7.04322 4.14132 8.2201 5.59277 8.2201V7.80066V7.38122C4.6046 7.38122 3.80323 6.57991 3.80323 5.59167H3.38379ZM5.59277 7.80066L5.59283 8.2201C7.04429 8.2199 8.22022 7.04294 8.22022 5.59167H7.80078H7.38134C7.38134 6.57999 6.58061 7.38108 5.59272 7.38122L5.59277 7.80066ZM7.80078 5.59167L8.22022 5.59159C8.21994 4.14043 7.04398 2.96443 5.59283 2.96423L5.59277 3.38366L5.59272 3.8031C6.58062 3.80324 7.38115 4.60374 7.38134 5.59175L7.80078 5.59167Z",
     fill: "currentColor"
   }
 ) });
 
 const SkillIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { ...props });
 
-const TraceIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+const TraceIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 9.45892 8.88606", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
-      d: "M3.0498 3.17139V7.95137M6.91346 12.8737L4.04984 12.8738C3.49754 12.8738 3.0498 12.4261 3.0498 11.8738V7.95137M3.0498 7.95137L6.85968 7.95125",
-      stroke: "currentColor",
-      strokeLinecap: "round"
+      d: "M8.53702 7.36403C8.98547 7.36403 9.34918 7.70502 9.34918 8.12535C9.34906 8.54559 8.9854 8.88606 8.53702 8.88606H5.6839C5.23552 8.88606 4.87186 8.54559 4.87174 8.12535C4.87174 7.70502 5.23545 7.36403 5.6839 7.36403H8.53702Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M8.53702 3.67209C8.98547 3.67209 9.34918 4.01309 9.34918 4.43342C9.34911 4.8537 8.98543 5.19413 8.53702 5.19413H5.6839C5.23549 5.19413 4.87181 4.8537 4.87174 4.43342C4.87174 4.01309 5.23545 3.67209 5.6839 3.67209H8.53702Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M8.67155 0C9.10635 2.06584e-05 9.45892 0.341006 9.45892 0.761326C9.45878 1.18153 9.10627 1.52201 8.67155 1.52203H2.88163C2.4469 1.52203 2.0944 1.18154 2.09427 0.761326C2.09427 0.340993 2.44681 3.80132e-08 2.88163 0H8.67155Z",
+      fill: "currentColor"
     }
   ),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.59668 3.12631L13.9507 3.12631", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.293 7.95099L13.8072 7.95099", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.293 12.8025L13.8072 12.8025", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M0.757606 0.760086V4.01122H3.50594V4.76883H0.759466L0.762566 5.4291C0.76837 6.70703 1.8058 7.73972 3.08374 7.73973H3.67953V8.49796H3.08374C1.38863 8.49795 0.0120204 7.1273 0.00433981 5.4322L0 4.39188V0.760086H0.757606Z",
+      fill: "currentColor"
+    }
+  )
 ] });
 
 const TsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
@@ -4830,12 +4905,10 @@ const VariablesIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width:
   )
 ] });
 
-const WorkflowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+const WorkflowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 9.08789 8.97168", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.24388 2.4018C6.24388 2.0394 6.53767 1.74561 6.90008 1.74561H10.0991C10.4614 1.74561 10.7553 2.0394 10.7553 2.4018V4.57546C10.7553 4.93787 10.4614 5.23166 10.0991 5.23166H9.31982V7.35469L10.0033 9.22664C9.90442 9.20146 9.80035 9.1761 9.6915 9.14986L9.62652 9.13422C9.30473 9.05687 8.92256 8.96501 8.61993 8.84491C8.5819 8.82981 8.54147 8.81292 8.49957 8.79391C8.45767 8.81292 8.41724 8.82981 8.3792 8.84491C8.07657 8.96501 7.6944 9.05687 7.37261 9.13422L7.30763 9.14986C7.19879 9.1761 7.09471 9.20146 6.99577 9.22664L7.67932 7.35469V5.23166H6.90008C6.53767 5.23166 6.24388 4.93787 6.24388 4.57546V2.4018ZM6.99577 9.22664C6.99577 9.22664 6.99578 9.22664 6.99577 9.22664L6.43283 10.7683H6.81806C7.18047 10.7683 7.47426 11.0622 7.47426 11.4245V13.5982C7.47426 13.9606 7.18047 14.2544 6.81806 14.2544H3.61909C3.25668 14.2544 2.96289 13.9606 2.96289 13.5982V11.4245C2.96289 11.0622 3.25668 10.7683 3.61909 10.7683H4.26617C4.2921 10.4663 4.32783 10.1494 4.37744 9.85171C4.43762 9.49063 4.52982 9.08135 4.68998 8.76102C4.93975 8.2615 5.44743 8.01751 5.7771 7.88788C6.14684 7.74249 6.57537 7.63889 6.92317 7.55505C7.24707 7.47696 7.49576 7.41679 7.67932 7.35469L6.99577 9.22664ZM6.43283 10.7683L6.99577 9.22664C6.75846 9.28705 6.55067 9.34646 6.37745 9.41458C6.22784 9.47341 6.1623 9.51712 6.14023 9.53254C6.09752 9.63631 6.04409 9.83055 5.99562 10.1214C5.96201 10.3231 5.93498 10.5439 5.91341 10.7683H6.43283ZM10.0033 9.22664L9.31982 7.35469C9.50338 7.41679 9.75206 7.47696 10.076 7.55505C10.4238 7.63889 10.8523 7.74249 11.2221 7.88788C11.5517 8.01751 12.0594 8.2615 12.3091 8.76102C12.4693 9.08135 12.5615 9.49063 12.6217 9.85171C12.6713 10.1494 12.707 10.4663 12.733 10.7683H13.38C13.7424 10.7683 14.0362 11.0622 14.0362 11.4245V13.5982C14.0362 13.9606 13.7424 14.2544 13.38 14.2544H10.1811C9.81867 14.2544 9.52488 13.9606 9.52488 13.5982V11.4245C9.52488 11.0622 9.81867 10.7683 10.1811 10.7683H10.5663L10.0033 9.22664ZM10.0033 9.22664L10.5663 10.7683H11.0857C11.0642 10.5439 11.0372 10.3231 11.0035 10.1214C10.9551 9.83055 10.9016 9.63631 10.8589 9.53254C10.8369 9.51712 10.7713 9.47341 10.6217 9.41458C10.4485 9.34646 10.2407 9.28705 10.0033 9.22664Z",
+    d: "M1.98047 5.00977C2.17347 5.00977 2.33002 5.16639 2.33008 5.35938C2.33008 5.55242 2.17351 5.70898 1.98047 5.70898C1.27292 5.70915 0.699436 6.2827 0.699219 6.99023C0.699219 7.69795 1.27279 8.2723 1.98047 8.27246C2.68829 8.27246 3.2627 7.69805 3.2627 6.99023C3.26291 6.79738 3.4194 6.64063 3.6123 6.64062C3.80503 6.64084 3.9617 6.79751 3.96191 6.99023C3.96191 8.08413 3.07437 8.97168 1.98047 8.97168C0.886706 8.97152 0 8.08403 0 6.99023C0.000217392 5.89662 0.886841 5.00993 1.98047 5.00977ZM7.10742 5.00977C8.20105 5.00992 9.08767 5.89662 9.08789 6.99023C9.08789 8.08404 8.20119 8.97152 7.10742 8.97168C6.01359 8.97159 5.12598 8.08408 5.12598 6.99023C5.1262 6.79757 5.28294 6.64092 5.47559 6.64062C5.66849 6.64063 5.82497 6.79738 5.8252 6.99023C5.8252 7.698 6.39968 8.27238 7.10742 8.27246C7.81511 8.2723 8.38867 7.69796 8.38867 6.99023C8.38845 6.2827 7.81497 5.70914 7.10742 5.70898C6.91445 5.7089 6.75781 5.55236 6.75781 5.35938C6.75788 5.16644 6.91449 5.00985 7.10742 5.00977ZM4.54395 0C5.44471 0 6.17465 0.730134 6.1748 1.63086C6.1748 2.27964 5.79613 2.83941 5.24768 3.102C5.0501 3.1966 4.89355 3.37979 4.89355 3.59885V4.08919C4.89355 4.21279 4.94266 4.33133 5.03006 4.41873L6.80071 6.18938C6.87996 6.26863 6.99535 6.29199 7.10742 6.29199C7.49331 6.29206 7.80642 6.60438 7.80664 6.99023C7.80664 7.37627 7.49344 7.68938 7.10742 7.68945C6.72134 7.68945 6.4082 7.37632 6.4082 6.99023C6.40827 6.87818 6.38483 6.76276 6.3056 6.68353L4.8726 5.25053C4.69056 5.06849 4.39541 5.06853 4.21343 5.25061L2.78139 6.68339C2.70211 6.76271 2.67963 6.87809 2.67969 6.99023C2.67969 7.37632 2.36655 7.68945 1.98047 7.68945C1.59452 7.68929 1.28125 7.37622 1.28125 6.99023C1.28146 6.60443 1.59466 6.29215 1.98047 6.29199C2.09246 6.29199 2.2079 6.26771 2.28711 6.18854L4.05776 4.41874C4.1452 4.33133 4.19434 4.21276 4.19434 4.08912V3.59881C4.19434 3.37977 4.03781 3.19659 3.84026 3.10199C3.29183 2.83937 2.91309 2.2796 2.91309 1.63086C2.91324 0.730162 3.64322 4.61864e-05 4.54395 0Z",
     fill: "currentColor"
   }
 ) });
@@ -4898,18 +4971,18 @@ const LatencyIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "
   )
 ] });
 
-const McpServerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+const McpServerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 9.52233 10.4982", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
-      d: "M6.53918 9.32122C6.34324 9.51508 6.02724 9.51338 5.83338 9.31744C5.63952 9.1215 5.6412 8.80551 5.83713 8.61164L10.1958 4.29931C10.7996 3.70186 10.8017 2.72852 10.2041 2.12839L10.1899 2.11428C9.58767 1.52481 8.62251 1.53208 8.0292 2.13052L2.29396 7.91536C2.0999 8.1111 1.78388 8.11246 1.58813 7.9184C1.39239 7.72433 1.39103 7.40831 1.58509 7.21257L7.32036 1.42774C8.30005 0.439581 9.89369 0.427613 10.8881 1.40094L10.9116 1.42425C11.4942 2.00929 11.7316 2.80913 11.6232 3.56922C12.389 3.44866 13.1999 3.67918 13.7961 4.26273C14.804 5.24929 14.8147 6.86824 13.82 7.86808L8.5531 13.1619C8.50045 13.2148 8.50024 13.3002 8.55263 13.3534L9.65448 14.4717C9.84794 14.668 9.8456 14.984 9.64925 15.1775C9.45291 15.3709 9.13691 15.3686 8.94345 15.1723L7.84163 14.054C7.40505 13.6109 7.40677 12.8988 7.8455 12.4579L13.1124 7.16405C13.7161 6.55727 13.7095 5.57478 13.0979 4.97606C12.4925 4.38347 11.4942 4.40725 10.8978 5.00886L6.53918 9.32122Z",
+      d: "M2.39065 4.27882L4.93898 1.73049C5.10578 1.56368 5.37622 1.56368 5.54303 1.73049C5.70983 1.89729 5.70983 2.16773 5.54303 2.33454L2.9947 4.88287C2.53924 5.33834 2.53929 6.0768 2.99475 6.53226C3.45022 6.9877 4.18863 6.98771 4.64409 6.53226L7.19242 3.98393C7.35922 3.81713 7.62967 3.81714 7.79647 3.98393C7.96328 4.15074 7.96328 4.42118 7.79647 4.58798L5.24814 7.13631C4.45907 7.92537 3.17978 7.92536 2.39071 7.13631C1.60163 6.34724 1.60158 5.0679 2.39065 4.27882Z",
       fill: "currentColor"
     }
   ),
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
-      d: "M8.84622 2.75411C9.04697 2.56188 9.36555 2.56381 9.56395 2.76076C9.76234 2.95771 9.76658 3.27625 9.57582 3.4784L9.56661 3.48794L5.25912 7.82701C4.67023 8.42022 4.672 9.37798 5.26305 9.96904C5.85624 10.5622 6.81818 10.5615 7.41052 9.9675L11.6299 5.73599L11.6395 5.72671C11.8406 5.53493 12.1592 5.53756 12.3572 5.73496C12.5583 5.93548 12.5587 6.26104 12.3582 6.46214L8.13877 10.6937C7.14498 11.6903 5.53105 11.6915 4.53584 10.6963C3.5442 9.70461 3.54127 8.09774 4.52928 7.10248L8.83677 2.76342L8.84622 2.75411Z",
+      d: "M3.50354 5.43862C3.5236 5.3983 3.55044 5.36049 3.58404 5.32688L6.06565 2.84527C6.52112 2.3898 6.52112 1.65128 6.06565 1.19581C5.61018 0.740366 4.87172 0.740412 4.41626 1.19587L0.729138 4.88287C0.562334 5.04967 0.291892 5.04968 0.125089 4.88287C-0.0416875 4.71607 -0.0417052 4.44562 0.125089 4.27882L3.81221 0.591824C4.60128 -0.197241 5.88062 -0.197289 6.6697 0.591765C7.12856 1.05062 7.32058 1.67529 7.24578 2.27292C7.84449 2.19687 8.47073 2.38872 8.93052 2.84849C9.7196 3.63757 9.7196 4.91697 8.93052 5.70605L8.20316 6.44191L6.20449 8.44058C5.83765 8.80741 5.83765 9.40219 6.20449 9.76902C6.37128 9.93582 6.37129 10.2063 6.20449 10.3731C6.03769 10.5399 5.76724 10.5399 5.60044 10.3731C4.9 9.67263 4.9 8.53697 5.60044 7.83653L7.59911 5.83786L8.32647 5.102C8.78194 4.64653 8.78194 3.90801 8.32647 3.45254C7.871 2.9971 7.13254 2.99714 6.67707 3.4526L4.17576 5.95392C4.00896 6.12072 3.73851 6.12071 3.57171 5.95392C3.43204 5.81425 3.40932 5.60193 3.50354 5.43862Z",
       fill: "currentColor"
     }
   )
@@ -5042,33 +5115,15 @@ const AgentNetworkCoinIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
 ] });
 
 function ProcessorIcon(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 10.123 10.123", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
     {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "16", height: "16", x: "4", y: "4", rx: "2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "6", height: "6", x: "9", y: "9", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 2v2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 20v2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 15h2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 9h2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 15h2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 9h2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 2v2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 20v2" })
-      ]
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4.50195 1.53809H5.62109V0H6.75098V1.53809H7.5293L7.64258 1.54395C8.19939 1.60066 8.63379 2.0708 8.63379 2.64258V3.37305H10.123V4.50195H8.63379V5.62109H10.123V6.75H8.63379V7.57812L8.62891 7.69141C8.57589 8.2109 8.16211 8.62387 7.64258 8.67676L7.5293 8.68262H6.75098V10.123H5.62109V8.68262H4.50195V10.123H3.37305V8.68262H2.59375L2.48047 8.67676C1.96102 8.62383 1.54817 8.21082 1.49512 7.69141L1.48926 7.57812V6.75H0V5.62109H1.48926V4.50195H0V3.37305H1.48926V2.64258C1.48926 2.07084 1.92371 1.60071 2.48047 1.54395L2.59375 1.53809H3.37305V0H4.50195V1.53809ZM2.61914 7.55273H7.50488V2.66699H2.61914V7.55273Z",
+      fill: "currentColor"
     }
-  );
+  ) });
 }
 
 const AmazonIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5459,6 +5514,92 @@ const XGroqIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 
+const WorkspacesIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 9.55888 8.30616", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M0 7.18794V1.11823C-4.80684e-08 0.5005 0.5005 2.79299e-06 1.11823 0H3.17924C3.48658 0 3.78038 0.126314 3.99163 0.349532L5.09347 1.5135C5.14625 1.56923 5.21948 1.60085 5.29623 1.60088H8.44065C9.05838 1.60088 9.55888 2.10206 9.55888 2.7198V7.18794C9.55888 7.80567 9.05838 8.30616 8.44065 8.30616H1.11823C0.500524 8.30614 4.41663e-06 7.80565 0 7.18794ZM0.838331 7.18794C0.838332 7.34235 0.963819 7.46781 1.11823 7.46783H8.44065C8.59509 7.46783 8.72055 7.34237 8.72055 7.18794V2.7198C8.72055 2.56536 8.59509 2.4399 8.44065 2.4399H5.29623C4.98896 2.43986 4.69506 2.31353 4.48384 2.09037L3.38268 0.925714C3.32987 0.869949 3.25604 0.838331 3.17924 0.838331H1.11823C0.963799 0.838334 0.838331 0.963798 0.838331 1.11823V7.18794Z",
+    fill: "currentColor"
+  }
+) });
+
+const RequestContextIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 11.185 11.185", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.13324 2.7965L2.18203 2.84592C1.82485 3.28847 1.55755 3.79653 1.39512 4.34155H2.38658C2.56011 3.8986 2.82333 3.49631 3.15971 3.15992C3.4961 2.82353 3.8984 2.56031 4.34134 2.38679V1.39533C3.79632 1.55775 3.28827 1.82506 2.84571 2.18224L2.7963 2.13345L1.85801 1.19516L1.52648 0.863634L0.863426 1.52669L1.19495 1.85822L2.13324 2.7965ZM9.00275 8.33927C9.35991 7.89671 9.62722 7.38866 9.78966 6.84365H8.7982C8.62471 7.28661 8.3615 7.68892 8.02511 8.02531C7.68871 8.3617 7.2864 8.62491 6.84344 8.79841V9.78987C7.38847 9.62746 7.89652 9.36015 8.33907 9.00296L8.38848 9.05175L9.32677 9.99003L9.6583 10.3216L10.3214 9.65851L9.98983 9.32698L9.05154 8.38869L9.00275 8.33927ZM9.00275 2.84592C9.35995 3.28846 9.62726 3.79651 9.78966 4.34155H8.7982C8.62467 3.8986 8.36145 3.49631 8.02506 3.15992C7.68868 2.82353 7.28638 2.56031 6.84344 2.38679V1.39533C7.38846 1.55775 7.89651 1.82506 8.33907 2.18224L8.38848 2.13345L9.32677 1.19516L9.6583 0.863634L10.3214 1.52669L9.98983 1.85822L9.05154 2.7965L9.00275 2.84592ZM1.39512 6.84365H2.38658C2.56011 7.28659 2.82333 7.68888 3.15971 8.02527C3.4961 8.36166 3.8984 8.62488 4.34134 8.79841V9.78987C3.79631 9.62747 3.28825 9.36016 2.84571 9.00296L2.7963 9.05175L1.85801 9.99003L1.52648 10.3216L0.863426 9.65851L1.19495 9.32698L2.13324 8.38869L2.18203 8.33927C1.82485 7.89672 1.55755 7.38867 1.39512 6.84365ZM5.59239 6.84365C5.92419 6.84365 6.2424 6.71184 6.47701 6.47722C6.71163 6.2426 6.84344 5.9244 6.84344 5.5926C6.84344 5.2608 6.71163 4.94259 6.47701 4.70797C6.2424 4.47336 5.92419 4.34155 5.59239 4.34155C5.26059 4.34155 4.94238 4.47336 4.70776 4.70797C4.47315 4.94259 4.34134 5.2608 4.34134 5.5926C4.34134 5.9244 4.47315 6.2426 4.70776 6.47722C4.94238 6.71184 5.26059 6.84365 5.59239 6.84365Z",
+    fill: "currentColor"
+  }
+) });
+
+const ScorersIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 8.94379 8.92126", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M6.13251 5.43413C6.51629 5.43413 6.82744 5.74533 6.82748 6.1291C6.82748 6.5129 6.51631 6.82407 6.13251 6.82407C5.74877 6.824 5.43754 6.51286 5.43754 6.1291C5.43759 5.74537 5.74879 5.4342 6.13251 5.43413Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.92771 2.29722C6.13122 2.09376 6.46147 2.09379 6.665 2.29722C6.86843 2.50075 6.86846 2.831 6.665 3.03451L3.03724 6.66227C2.83373 6.86578 2.5035 6.86572 2.29995 6.66227C2.0965 6.45872 2.09644 6.12849 2.29995 5.92498L5.92771 2.29722Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.842 2.12791C3.22572 2.12799 3.53694 2.43914 3.53696 2.82288C3.53696 3.20664 3.22573 3.51777 2.842 3.51785C2.45819 3.51785 2.14703 3.20668 2.14703 2.82288C2.14705 2.4391 2.45821 2.12791 2.842 2.12791Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.38455 0.00887484C8.26052 0.0979278 8.94379 0.837945 8.94379 1.73742V7.18384C8.94369 8.08322 8.26046 8.82334 7.38455 8.91238L7.20705 8.92126H1.73742L1.55992 8.91238C0.683828 8.82351 0.000101213 8.08336 0 7.18384V1.73742C0 0.837813 0.683761 0.0977507 1.55992 0.00887484L1.73742 0H7.20705L7.38455 0.00887484ZM1.73742 0.839013C1.24121 0.839013 0.839013 1.24121 0.839013 1.73742V7.18384C0.839121 7.67996 1.24128 8.08293 1.73742 8.08293H7.20705C7.70305 8.08276 8.10535 7.67985 8.10546 7.18384V1.73742C8.10546 1.24131 7.70312 0.83918 7.20705 0.839013H1.73742Z",
+      fill: "currentColor"
+    }
+  )
+] });
+
+const DatasetsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 8.64637 9.45103", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M7.80735 5.87241C7.63209 5.97219 7.43696 6.06166 7.22844 6.13866C6.46456 6.42068 5.43714 6.58649 4.32296 6.58649C3.20873 6.58649 2.18135 6.4207 1.41747 6.13866C1.20889 6.06164 1.01385 5.97223 0.838558 5.87241V7.59003C0.838558 7.62341 0.855765 7.70759 1.00172 7.83512C1.14707 7.96201 1.38219 8.09563 1.70829 8.21605C2.3572 8.45563 3.28149 8.61268 4.32296 8.61269C5.36456 8.61269 6.28937 8.45568 6.9383 8.21605C7.26428 8.09566 7.49888 7.96198 7.64419 7.83512C7.79024 7.70754 7.80735 7.62342 7.80735 7.59003V5.87241ZM7.80735 3.00789C7.63214 3.10763 7.4369 3.19647 7.22844 3.27345C6.46455 3.55549 5.43719 3.72129 4.32296 3.72129C3.20868 3.72128 2.18136 3.55552 1.41747 3.27345C1.20896 3.19645 1.01381 3.10766 0.838558 3.00789V4.72551C0.838558 4.7589 0.855657 4.84301 1.00172 4.97059C1.14707 5.09749 1.38219 5.23111 1.70829 5.35153C2.3572 5.59109 3.28154 5.74747 4.32296 5.74748C5.36456 5.74748 6.28937 5.59116 6.9383 5.35153C7.26432 5.23112 7.49887 5.09747 7.64419 4.97059C7.7536 4.87505 7.79089 4.80404 7.80257 4.76033L7.80735 4.72551V3.00789ZM7.80735 1.86099C7.80735 1.82758 7.79045 1.74291 7.64419 1.61522C7.49887 1.48838 7.26421 1.35534 6.9383 1.23497C6.28937 0.995339 5.36456 0.838331 4.32296 0.838331C3.28149 0.83834 2.3572 0.995383 1.70829 1.23497C1.38219 1.35539 1.14707 1.48832 1.00172 1.61522C0.855475 1.7429 0.838558 1.82758 0.838558 1.86099C0.838673 1.89462 0.855968 1.97882 1.00172 2.10607C1.14707 2.23297 1.38219 2.3659 1.70829 2.48632C2.3572 2.7259 3.28149 2.88295 4.32296 2.88296C5.36456 2.88296 6.28937 2.72595 6.9383 2.48632C7.26421 2.36595 7.49887 2.23291 7.64419 2.10607C7.78996 1.97881 7.80724 1.89462 7.80735 1.86099ZM8.64637 7.59003C8.64637 7.95465 8.44458 8.25006 8.1958 8.46728C7.94608 8.68529 7.60876 8.86274 7.22844 9.00318C6.46455 9.28522 5.43718 9.45102 4.32296 9.45102C3.20869 9.45101 2.18135 9.28525 1.41747 9.00318C1.03715 8.86274 0.699831 8.68529 0.450113 8.46728C0.201377 8.25007 0.000227451 7.9546 0.000227451 7.59003V1.86099C0.000227451 1.49643 0.201388 1.20095 0.450113 0.983742C0.699831 0.765728 1.03715 0.588275 1.41747 0.447838C2.18136 0.165769 3.20868 8.74396e-06 4.32296 0C5.43719 0 6.46455 0.165797 7.22844 0.447838C7.60876 0.588275 7.94608 0.765728 8.1958 0.983742C8.44457 1.20096 8.64637 1.49638 8.64637 1.86099V7.59003Z",
+    fill: "currentColor"
+  }
+) });
+
+const ExperimentsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 9.83952 9.3295", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.67171 0.838331H6.70163V4.05307L9.68767 8.09999C10.0634 8.6093 9.69869 9.32932 9.06643 9.3295H0.772551C0.140289 9.3293 -0.223777 8.60929 0.151995 8.09999L3.13804 4.05307V0.838331H2.17136V0H7.67171V0.838331ZM3.97705 4.32955L3.89513 4.44015L2.34681 6.53802H7.49285L5.94453 4.44015L5.86261 4.32955V0.860859H3.97705V4.32955Z",
+    fill: "currentColor"
+  }
+) });
+
+const MetricsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 8.98824 8.33142", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5.70011e-05 6.409V0H1.04865V6.409C1.04875 6.89152 1.43994 7.28283 1.92248 7.28283H8.3581V8.33142H1.92248C0.860814 8.33142 0.000149953 7.47065 5.70011e-05 6.409Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M8.08006 0.945713C8.27714 0.733828 8.6087 0.72151 8.82077 0.918405C9.03289 1.11551 9.04518 1.44767 8.84808 1.6598L6.08595 4.63218C5.90127 4.83085 5.59525 4.85557 5.38074 4.68953L4.03177 3.64571L2.74765 5.07183C2.55386 5.28688 2.22206 5.30441 2.00694 5.11074C1.79189 4.91695 1.77435 4.58515 1.96803 4.37003L3.57915 2.58278L3.65357 2.51451C3.83887 2.37494 4.09997 2.37165 4.28982 2.51861L5.64358 3.56652L8.08006 0.945713Z",
+      fill: "currentColor"
+    }
+  )
+] });
+
 const Entity = ({ children, className, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -6892,7 +7033,7 @@ function Skeleton({ className, ...props }) {
 const EntityHeader = ({ icon, title, isLoading, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 pb-1 w-full overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral6 flex min-w-0 items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "lg", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "lg", children: icon }) }),
       isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsxRuntime.jsx(Txt, { variant: "header-md", as: "h2", className: "truncate font-medium", children: title })
     ] }),
     children
@@ -7931,7 +8072,7 @@ function PickMultiPanel({ field, tokens, onChange }) {
     return field.options.filter((o) => o.label.toLowerCase().includes(q));
   }, [field.options, query]);
   const token = React.useMemo(() => tokens.find((t) => t.fieldId === field.id), [tokens, field.id]);
-  const selectedValue = typeof token?.value === "string" ? token.value : void 0;
+  const selectedValue = typeof token?.value === "string" ? token.value : !field.multi ? field.defaultValue : void 0;
   const selectedValues = React.useMemo(() => {
     if (Array.isArray(token?.value)) return token.value;
     if (typeof token?.value === "string") return [token.value];
@@ -8005,7 +8146,7 @@ function PickMultiPanel({ field, tokens, onChange }) {
             },
             option.value
           )),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          !field.omitAnyOption && /* @__PURE__ */ jsxRuntime.jsxs(
             "label",
             {
               title: "Any",
@@ -9023,18 +9164,27 @@ function Truncate({
   ] });
 }
 
+const PageHeadingContext = React.createContext(void 0);
+function usePageHeading() {
+  return React.useContext(PageHeadingContext);
+}
+
 function MainContentLayout({
   children,
   className,
   style
 }) {
   const devStyleRequested = devUIStyleRequested("MainContentLayout");
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const pageHeading = usePageHeading();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",
     {
       className: cn(`grid grid-rows-[auto_1fr] h-full items-start content-start`, className),
       style: { ...style, ...devStyleRequested ? { border: "3px dotted red" } : {} },
-      children
+      children: [
+        pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
+        children
+      ]
     }
   );
 }
@@ -10557,7 +10707,7 @@ function MainSidebarMobileTrigger({
       className: cn(
         "inline-flex size-10 items-center justify-center rounded-md",
         "in-data-[sidebar-mobile=false]:hidden",
-        "text-neutral4 hover:text-neutral6 hover:bg-surface3",
+        "text-neutral4 hover:text-neutral6 hover:bg-sidebar-nav-hover",
         "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1",
         className
       ),
@@ -10572,23 +10722,7 @@ function MainSidebarNav({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: cn("flex flex-col flex-1 min-h-0", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "flex-1 min-h-0", children }) });
-}
-
-function MainSidebarNavSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "separator",
-      "aria-orientation": "horizontal",
-      className: cn(
-        "min-h-5 relative",
-        '[&:after]:content-[""] [&:after]:block [&:after]:absolute [&:after]:h-0 [&:after]:border-border1 [&:after]:border-t [&:after]:top-1/2 [&:after]:left-3 [&:after]:right-3',
-        className
-      ),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: cn("flex flex-col flex-1 min-h-0", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "flex-1 min-h-0", viewPortClassName: "px-0.5", children }) });
 }
 
 function MainSidebarNavHeader({
@@ -10602,38 +10736,33 @@ function MainSidebarNavHeader({
 }) {
   const ctx = useMaybeSidebar();
   const state = stateProp ?? ctx?.state ?? "default";
+  const isMobile = ctx?.isMobile ?? false;
   const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
-  const isDefaultState = state === "default";
-  if (!isDefaultState) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid items-center min-h-11", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...props, children }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(MainSidebarNavSeparator, {})
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-[auto_1fr] items-center gap-2 min-w-0 min-h-11", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "header",
-      {
-        ...props,
-        className: cn("min-w-0 max-w-full truncate text-ui-xs uppercase tracking-widest pl-3", {
-          "text-black dark:text-white font-semibold": isActive,
-          "text-neutral3/75": !isActive
-        }),
-        children: href ? /* @__PURE__ */ jsxRuntime.jsx(
-          Link,
-          {
-            href,
-            className: cn("block min-w-0 truncate transition-colors duration-normal", {
-              "hover:text-neutral5": !isActive,
-              "text-black dark:text-white": isActive
-            }),
-            children
-          }
-        ) : children
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(MainSidebarNavSeparator, {})
-  ] });
+  const showTitle = state === "default" && !isMobile;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("min-w-0 min-h-8 flex items-center mt-2 mb-0.5", className), children: showTitle ? /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      ...props,
+      className: cn("min-w-0 max-w-full truncate text-ui-sm font-medium pl-3", {
+        "text-neutral5": isActive,
+        "text-neutral3/70": !isActive
+      }),
+      children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          href,
+          className: cn("block min-w-0 truncate transition-colors duration-normal", {
+            "hover:text-neutral5": !isActive,
+            "text-neutral5": isActive
+          }),
+          children
+        }
+      ) : children
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "mx-3 h-px flex-1 bg-border1" })
+  ] }) });
 }
 
 function MainSidebarNavLabel({ children, className, state: stateProp, ...rest }) {
@@ -10645,20 +10774,19 @@ function MainSidebarNavLabel({ children, className, state: stateProp, ...rest })
   return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: cn("min-w-0 flex-1 truncate text-left", className), children });
 }
 
-const navItemClasses = ({ isActive, isCollapsed, isFeatured, indent } = {}) => cn(
+const navItemClasses = ({ isActive, isCollapsed, isFeatured } = {}) => cn(
   "flex items-center text-ui-md text-neutral3 rounded-lg h-9 min-w-0 whitespace-nowrap",
   "transition-all duration-normal ease-out-custom motion-reduce:transition-none",
-  "[&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 [&_svg]:text-neutral3/60 [&_svg]:transition-colors [&_svg]:duration-normal motion-reduce:[&_svg]:transition-none",
-  "hover:bg-surface3 hover:text-neutral5 [&:hover_svg]:text-neutral3",
+  "[&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 [&_svg]:text-neutral3/70 [&_svg]:transition-colors [&_svg]:duration-normal motion-reduce:[&_svg]:transition-none",
+  "hover:bg-sidebar-nav-hover hover:text-neutral6 [&:hover_svg]:text-neutral5",
   "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:shadow-focus-ring",
   !isCollapsed && "w-full gap-2.5 py-1 px-3 justify-start",
   isCollapsed && "w-9 mx-auto p-0 justify-center",
-  isActive && "text-neutral5 bg-surface4 [&_svg]:text-neutral5",
-  isCollapsed && "[&_svg]:text-neutral3",
-  isFeatured && "rounded-md my-2 bg-accent1Dark hover:bg-accent1Darker text-accent1 hover:text-accent1 border border-accent1/30",
+  isActive && "text-neutral6 bg-sidebar-nav-active hover:bg-sidebar-nav-active hover:text-neutral6 [&_svg]:text-neutral6 [&:hover_svg]:text-neutral6",
+  isCollapsed && !isActive && "[&_svg]:text-neutral3",
+  isFeatured && "my-2 bg-accent1Dark hover:bg-accent1Darker text-accent1 hover:text-accent1 border border-accent1/30",
   isFeatured && "dark:bg-accent1 dark:hover:bg-accent1/90 dark:text-black dark:hover:text-black dark:border-transparent",
-  isFeatured && "[&_svg]:text-accent1 [&:hover_svg]:text-accent1 dark:[&_svg]:text-black/75 dark:[&:hover_svg]:text-black",
-  indent && !isCollapsed && "pl-7 text-ui-sm"
+  isFeatured && "[&_svg]:text-accent1 [&:hover_svg]:text-accent1 dark:[&_svg]:text-black/75 dark:[&:hover_svg]:text-black"
 );
 function MainSidebarNavLink({
   link,
@@ -10681,8 +10809,7 @@ function MainSidebarNavLink({
   const itemClassName = navItemClasses({
     isActive,
     isCollapsed,
-    isFeatured,
-    indent: link?.indent
+    isFeatured
   });
   let interactiveEl = null;
   if (asChild) {
@@ -10698,23 +10825,10 @@ function MainSidebarNavLink({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      ...props,
-      className: cn(
-        "flex relative min-w-0",
-        // Active indicator bar (expanded only) — sits on the <li> so it works
-        // regardless of which interactive element is slotted in.
-        isActive && !isCollapsed && "before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:w-1 before:h-5 before:bg-accent1 before:rounded-r-full before:transition-all before:duration-normal motion-reduce:before:transition-none",
-        className
-      ),
-      children: link && needsTooltip && interactiveEl ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: interactiveEl }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "right", align: "center", className: "ml-4", children: link.tooltipMsg ? isCollapsed ? `${link.name} | ${link.tooltipMsg}` : link.tooltipMsg : link.name })
-      ] }) : interactiveEl ?? children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...props, className: cn("flex relative min-w-0", className), children: link && needsTooltip && interactiveEl ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: interactiveEl }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "right", align: "center", className: "ml-4", children: link.tooltipMsg ? isCollapsed ? `${link.name} | ${link.tooltipMsg}` : link.tooltipMsg : link.name })
+  ] }) : interactiveEl ?? children });
 }
 
 function MainSidebarNavList({ className, children, ...props }) {
@@ -10725,6 +10839,22 @@ function MainSidebarNavSection({ className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("grid grid-cols-[minmax(0,1fr)] items-start content-center relative", className), ...props, children });
 }
 
+function MainSidebarNavSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": "horizontal",
+      className: cn(
+        "min-h-5 relative",
+        '[&:after]:content-[""] [&:after]:block [&:after]:absolute [&:after]:h-0 [&:after]:border-border1 [&:after]:border-t [&:after]:top-1/2 [&:after]:left-3 [&:after]:right-3',
+        className
+      ),
+      ...props
+    }
+  );
+}
+
 const KEYBOARD_STEP = 10;
 const DRAG_THRESHOLD = 5;
 function MainSidebarRoot({ children, className }) {
@@ -11019,10 +11149,10 @@ function MainSidebarTrigger({ className, onClick, ...props }) {
           // so toggling collapse never shifts surrounding rows.
           "size-9",
           isCollapsed ? "mx-auto" : "ml-auto",
-          "hover:bg-surface4 hover:text-neutral5",
+          "hover:bg-sidebar-nav-hover hover:text-neutral6",
           "transition-all duration-normal ease-out-custom",
           "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:shadow-focus-ring",
-          "[&_svg]:w-4 [&_svg]:h-4 [&_svg]:text-neutral3 [&_svg]:transition-transform [&_svg]:duration-normal",
+          "[&_svg]:w-4 [&_svg]:h-4 [&_svg]:text-neutral3 [&:hover_svg]:text-neutral5 [&_svg]:transition-transform [&_svg]:duration-normal",
           className
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -11163,7 +11293,7 @@ function CardHeading({
       {
         className: cn(
           "mt-2 max-w-[62ch] font-sans text-[13.5px] leading-ui-xs",
-          danger ? "text-accent2/70" : "text-neutral-500",
+          danger ? "text-accent2/70" : "text-neutral3",
           descriptionClassName
         ),
         children: description
@@ -11190,7 +11320,7 @@ function SectionCard({
       className: cn(
         "overflow-hidden rounded-2xl border",
         fillHeight && "flex h-full flex-col",
-        danger ? "border-accent2/25" : "border-border2/40",
+        danger ? "border-accent2/25" : "border-section-card bg-section-card",
         className
       ),
       children: [
@@ -11199,7 +11329,7 @@ function SectionCard({
           {
             className: cn(
               "flex flex-col gap-3 px-7 pt-7 pb-6 sm:flex-row sm:items-start sm:justify-between sm:gap-6",
-              danger ? "bg-accent2/[0.08]" : "bg-surface2"
+              danger ? "bg-accent2/[0.08]" : "bg-section-card-header"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(CardHeading, { title, description, tone: danger ? "danger" : "default" }) }),
@@ -13482,14 +13612,18 @@ const LogsDataList = Object.assign(DataListRoot, {
 });
 
 function EntityListPageLayoutRoot({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  const pageHeading = usePageHeading();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "main",
     {
       className: cn(
         "w-full h-full overflow-hidden grid grid-rows-[auto_auto] max-w-[110rem] px-10 mx-auto gap-4 py-6 content-start",
         className
       ),
-      children
+      children: [
+        pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
+        children
+      ]
     }
   );
 }
@@ -13528,20 +13662,23 @@ function PageLayoutRoot({
   width = "default",
   height = "default"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const pageHeading = usePageHeading();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",
     {
       className: cn(
-        "w-full h-full grid grid-rows-[auto_auto] px-10 mx-auto pb-6 content-start overflow-y-auto",
+        "w-full h-full grid grid-rows-[auto_auto] p-6 content-start overflow-y-auto",
         {
-          "max-w-[110rem]": width === "default",
-          "max-w-[55rem]": width === "narrow",
+          "max-w-screen-lg mx-auto pt-8": width === "narrow",
           "grid-rows-[auto_1fr]": height === "full"
         },
         className
         //   'LAYOUT_ROOT border border-dashed border-orange-400',
       ),
-      children
+      children: [
+        pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
+        children
+      ]
     }
   );
 }
@@ -13551,7 +13688,7 @@ function PageLayoutRow({ children, className }) {
 }
 
 function PageLayoutTopArea({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-4 pt-6 pb-4", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-4 pb-4", className), children });
 }
 
 const PageLayout = Object.assign(PageLayoutRoot, {
@@ -13561,15 +13698,8 @@ const PageLayout = Object.assign(PageLayoutRoot, {
   Row: PageLayoutRow
 });
 
-function NoDataPageLayout({ title, icon, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(PageLayout, { width: "wide", height: "full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PageLayout.TopArea, { children: /* @__PURE__ */ jsxRuntime.jsx(PageHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(PageHeader.Title, { children: [
-      icon,
-      " ",
-      title
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PageLayout.MainArea, { isCentered: true, children })
-  ] });
+function NoDataPageLayout({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PageLayout, { width: "wide", height: "full", className: "grid-rows-[1fr]", children: /* @__PURE__ */ jsxRuntime.jsx(PageLayout.MainArea, { isCentered: true, children }) });
 }
 
 const ListSearch = ({
@@ -17989,12 +18119,16 @@ const TRACE_STATUS_OPTIONS = [
   { label: "Success", value: "success" },
   { label: "Error", value: "error" }
 ];
-const TRACE_SYNTHETIC_FILTER_FIELD_IDS = ["rootEntityType", "status"];
+const TRACE_SYNTHETIC_FILTER_FIELD_IDS = ["rootEntityType", "status", "mode"];
 const TRACE_ROOT_ENTITY_TYPE_PARAM = "rootEntityType";
 const TRACE_STATUS_PARAM = "status";
 const TRACE_LIST_MODE_PARAM = "listMode";
 const TRACE_ANCHOR_SPAN_ID_PARAM = "anchorSpanId";
 const TRACE_LIST_MODE_VALUES = /* @__PURE__ */ new Set(["traces", "branches"]);
+const TRACE_LIST_MODE_OPTIONS = [
+  { label: "Traces (default)", value: "traces" },
+  { label: "Branches", value: "branches" }
+];
 const TRACE_DATE_PRESET_PARAM = "datePreset";
 const TRACE_DATE_FROM_PARAM = "dateFrom";
 const TRACE_DATE_TO_PARAM = "dateTo";
@@ -18061,6 +18195,7 @@ function hasAnyTraceFilterParams(params) {
   if (params.has(TRACE_DATE_TO_PARAM)) return true;
   if (params.has(TRACE_ROOT_ENTITY_TYPE_PARAM)) return true;
   if (params.has(TRACE_STATUS_PARAM)) return true;
+  if (params.has(TRACE_LIST_MODE_PARAM)) return true;
   for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {
     if (params.has(TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId])) return true;
   }
@@ -18083,6 +18218,17 @@ function createTracePropertyFilterFields({
       placeholder: "Choose entity type",
       emptyText: "No entity types."
     },
+    {
+      id: "mode",
+      label: "List mode",
+      kind: "pick-multi",
+      searchable: false,
+      options: TRACE_LIST_MODE_OPTIONS.map((o) => ({ label: o.label, value: o.value })),
+      placeholder: "Choose list mode",
+      emptyText: "No list modes.",
+      omitAnyOption: true,
+      defaultValue: "traces"
+    },
     {
       id: "entityName",
       label: "Primitive Name",
@@ -18141,15 +18287,17 @@ function createTracePropertyFilterFields({
     { id: "experimentId", label: "Experiment ID", kind: "text" }
   ];
   const byLabel = (a, b) => a.label.localeCompare(b.label);
-  const pickMulti = fields.filter((f) => f.kind === "pick-multi").sort(byLabel);
+  const mode = fields.filter((f) => f.id === "mode");
+  const pickMulti = fields.filter((f) => f.kind === "pick-multi" && f.id !== "mode").sort(byLabel);
   const text = fields.filter((f) => f.kind === "text").sort(byLabel);
-  return [...pickMulti, ...text];
+  return [...mode, ...pickMulti, ...text];
 }
 function getTracePropertyFilterTokens(searchParams) {
   const tokens = [];
   const paramToFieldId = /* @__PURE__ */ new Map([
     [TRACE_ROOT_ENTITY_TYPE_PARAM, "rootEntityType"],
-    [TRACE_STATUS_PARAM, "status"]
+    [TRACE_STATUS_PARAM, "status"],
+    [TRACE_LIST_MODE_PARAM, "mode"]
   ]);
   for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {
     paramToFieldId.set(TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId], fieldId);
@@ -18176,6 +18324,8 @@ function getPreservedTraceFilterParams(searchParams) {
   if (rootEntityType) next.set(TRACE_ROOT_ENTITY_TYPE_PARAM, rootEntityType);
   const status = searchParams.get(TRACE_STATUS_PARAM);
   if (status) next.set(TRACE_STATUS_PARAM, status);
+  const listMode = searchParams.get(TRACE_LIST_MODE_PARAM);
+  if (listMode) next.set(TRACE_LIST_MODE_PARAM, listMode);
   for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {
     const param = TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId];
     if (fieldId === "tags") {
@@ -18194,6 +18344,7 @@ function getPreservedTraceFilterParams(searchParams) {
 function applyTracePropertyFilterTokens(params, tokens) {
   params.delete(TRACE_ROOT_ENTITY_TYPE_PARAM);
   params.delete(TRACE_STATUS_PARAM);
+  params.delete(TRACE_LIST_MODE_PARAM);
   for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {
     params.delete(TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId]);
   }
@@ -18206,6 +18357,10 @@ function applyTracePropertyFilterTokens(params, tokens) {
       params.set(TRACE_STATUS_PARAM, token.value);
       continue;
     }
+    if (token.fieldId === "mode" && typeof token.value === "string") {
+      params.set(TRACE_LIST_MODE_PARAM, token.value);
+      continue;
+    }
     const param = TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[token.fieldId];
     if (!param) continue;
     if (token.fieldId === "tags" && Array.isArray(token.value)) {
@@ -18305,6 +18460,7 @@ function neutralizeFilterTokens(filterFields, filterTokens) {
     if (!field) return token;
     if (field.kind === "text") return { fieldId: token.fieldId, value: "" };
     if (field.kind === "pick-multi") {
+      if (field.omitAnyOption) return token;
       return field.multi ? { fieldId: token.fieldId, value: [] } : { fieldId: token.fieldId, value: "Any" };
     }
     return token;
@@ -20257,7 +20413,7 @@ const fetchTracesFn = async ({
   page,
   perPage,
   filters,
-  listMode = "branches"
+  listMode = "traces"
 }) => {
   const params = {
     pagination: {
@@ -20298,7 +20454,7 @@ function selectUniqueTraces(data) {
   }
   return { spans, threadTitles };
 }
-const useTraces = ({ filters, listMode = "branches" }) => {
+const useTraces = ({ filters, listMode = "traces" }) => {
   const client = react.useMastraClient();
   const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();
   const query = reactQuery.useInfiniteQuery({
@@ -20476,7 +20632,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
   const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || void 0;
   const listMode = React.useMemo(() => {
     const value = searchParams.get(TRACE_LIST_MODE_PARAM);
-    return value && TRACE_LIST_MODE_VALUES.has(value) ? value : "branches";
+    return value && TRACE_LIST_MODE_VALUES.has(value) ? value : "traces";
   }, [searchParams]);
   const selectedEntityOption = React.useMemo(
     () => ROOT_ENTITY_TYPE_OPTIONS.find((option) => option.entityType === searchParams.get(TRACE_ROOT_ENTITY_TYPE_PARAM)),
@@ -20643,7 +20799,7 @@ function useTraceUrlState(searchParams, setSearchParams, options) {
       setSearchParams(
         (prev) => {
           const next = new URLSearchParams(prev);
-          if (mode === "branches") {
+          if (mode === "traces") {
             next.delete(TRACE_LIST_MODE_PARAM);
           } else {
             next.set(TRACE_LIST_MODE_PARAM, mode);
@@ -21546,6 +21702,7 @@ exports.DataKeysAndValues = DataKeysAndValues;
 exports.DataList = DataList;
 exports.DataListSkeleton = DataListSkeleton;
 exports.DataPanel = DataPanel;
+exports.DatasetsIcon = DatasetsIcon;
 exports.DatePicker = DatePicker;
 exports.DateRangeSelector = DateRangeSelector;
 exports.DateTimeCell = DateTimeCell;
@@ -21589,6 +21746,7 @@ exports.EntryListSkeleton = EntryListSkeleton;
 exports.EnvIcon = EnvIcon;
 exports.ErrorBoundary = ErrorBoundary;
 exports.ErrorState = ErrorState;
+exports.ExperimentsIcon = ExperimentsIcon;
 exports.Field = Field;
 exports.FieldBlock = FieldBlock;
 exports.FieldBlocksLayout = FieldBlocksLayout;
@@ -21669,6 +21827,7 @@ exports.MemoryIcon = MemoryIcon;
 exports.MetricsCard = MetricsCard;
 exports.MetricsDataTable = MetricsDataTable;
 exports.MetricsFlexGrid = MetricsFlexGrid;
+exports.MetricsIcon = MetricsIcon;
 exports.MetricsKpiCard = MetricsKpiCard;
 exports.MetricsLineChart = MetricsLineChart;
 exports.MetricsLineChartTooltip = MetricsLineChartTooltip;
@@ -21690,6 +21849,7 @@ exports.OpenErrorsInLogsButton = OpenErrorsInLogsButton;
 exports.OpenInTracesButton = OpenInTracesButton;
 exports.OpenaiChatIcon = OpenaiChatIcon;
 exports.PageHeader = PageHeader;
+exports.PageHeadingContext = PageHeadingContext;
 exports.PageLayout = PageLayout;
 exports.PanelSeparator = PanelSeparator;
 exports.PermissionDenied = PermissionDenied;
@@ -21711,6 +21871,7 @@ exports.ROOT_ENTITY_TYPE_OPTIONS = ROOT_ENTITY_TYPE_OPTIONS;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.RepoIcon = RepoIcon;
+exports.RequestContextIcon = RequestContextIcon;
 exports.Root = Root$1;
 exports.Row = Row;
 exports.RuleBuilder = RuleBuilder;
@@ -21718,6 +21879,7 @@ exports.RuleFieldSelect = RuleFieldSelect;
 exports.RuleOperatorSelect = RuleOperatorSelect;
 exports.RuleRow = RuleRow;
 exports.RuleValueInput = RuleValueInput;
+exports.ScorersIcon = ScorersIcon;
 exports.ScoresCardView = ScoresCardView;
 exports.ScoresDataList = ScoresDataList;
 exports.ScrollArea = ScrollArea;
@@ -21759,6 +21921,7 @@ exports.TRACE_DATE_FROM_PARAM = TRACE_DATE_FROM_PARAM;
 exports.TRACE_DATE_PRESET_PARAM = TRACE_DATE_PRESET_PARAM;
 exports.TRACE_DATE_PRESET_VALUES = TRACE_DATE_PRESET_VALUES;
 exports.TRACE_DATE_TO_PARAM = TRACE_DATE_TO_PARAM;
+exports.TRACE_LIST_MODE_OPTIONS = TRACE_LIST_MODE_OPTIONS;
 exports.TRACE_LIST_MODE_PARAM = TRACE_LIST_MODE_PARAM;
 exports.TRACE_LIST_MODE_VALUES = TRACE_LIST_MODE_VALUES;
 exports.TRACE_PROPERTY_FILTER_FIELD_IDS = TRACE_PROPERTY_FILTER_FIELD_IDS;
@@ -21816,6 +21979,7 @@ exports.VARIABLE_PATTERN = VARIABLE_PATTERN;
 exports.VariablesIcon = VariablesIcon;
 exports.WorkflowCoinIcon = WorkflowCoinIcon;
 exports.WorkflowIcon = WorkflowIcon;
+exports.WorkspacesIcon = WorkspacesIcon;
 exports.XGroqIcon = XGroqIcon;
 exports.applyLogsPropertyFilterTokens = applyLogsPropertyFilterTokens;
 exports.applyMetricsPropertyFilterTokens = applyMetricsPropertyFilterTokens;
@@ -21944,6 +22108,7 @@ exports.useMetrics = useMetrics;
 exports.useMetricsFilters = useMetricsFilters;
 exports.useModelCostKpiMetrics = useModelCostKpiMetrics;
 exports.useModelUsageCostMetrics = useModelUsageCostMetrics;
+exports.usePageHeading = usePageHeading;
 exports.usePlaygroundStore = usePlaygroundStore;
 exports.useScoresMetrics = useScoresMetrics;
 exports.useServiceNames = useServiceNames;