@mastra/playground-ui 5.0.0-alpha.7 → 5.0.0

package/dist/index.cjs.js

@@ -4651,7 +4651,7 @@ const sizes = {
   lg: "[&>svg]:h-icon-lg [&>svg]:w-icon-lg"
 };
 const Icon = ({ children, className, size = "default", ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx(sizes[size], className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("block", sizes[size], className), ...props, children });
 };
 
 const variants = {
@@ -4713,7 +4713,7 @@ const EntryCell = ({ name, description, icon, meta, ...props }) => {
   ] }) });
 };
 
-const variantClasses = {
+const variantClasses$1 = {
   default: "text-icon3",
   success: "text-accent1",
   error: "text-accent2",
@@ -4726,27 +4726,31 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
       className: clsx(
         "bg-surface4 text-ui-sm gap-md h-badge-default inline-flex items-center rounded-md",
         icon ? "pl-md pr-1.5" : "px-1.5",
-        icon || variant === "default" ? "text-icon5" : variantClasses[variant],
+        icon || variant === "default" ? "text-icon5" : variantClasses$1[variant],
         className
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variantClasses[variant], children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: icon }) }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variantClasses$1[variant], children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: icon }) }),
         children
       ]
     }
   );
 };
 
-const SpanIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "15", height: "8", viewBox: "0 0 15 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.17473 0.385409C5.45323 0.663917 5.45323 1.11547 5.17473 1.39397L3.62152 2.94718C3.49553 3.07317 3.58476 3.2886 3.76294 3.2886L11.2361 3.2886C11.4142 3.2886 11.5035 3.07317 11.3775 2.94718L9.82428 1.39397C9.54577 1.11547 9.54577 0.663917 9.82428 0.385409C10.1028 0.106902 10.5543 0.106902 10.8328 0.385409L14.0956 3.64821C14.2909 3.84347 14.2909 4.16006 14.0956 4.35532L10.8363 7.61462C10.5578 7.89313 10.1063 7.89313 9.82778 7.61462C9.54927 7.33611 9.54927 6.88456 9.82778 6.60605L11.3775 5.05635C11.5035 4.93036 11.4142 4.71493 11.2361 4.71493L3.76294 4.71493C3.58476 4.71493 3.49553 4.93036 3.62152 5.05635L5.17123 6.60605C5.44973 6.88456 5.44973 7.33611 5.17123 7.61462C4.89272 7.89313 4.44117 7.89313 4.16266 7.61462L0.903358 4.35532C0.708096 4.16006 0.708096 3.84347 0.903358 3.64821L4.16616 0.385409C4.44467 0.106902 4.89622 0.106902 5.17473 0.385409Z",
-    fill: "currentColor"
-  }
-) });
+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: [
+  /* @__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"
+    }
+  ),
+  /* @__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" })
+] });
 
 const useOpenTrace = () => {
   const {
@@ -4785,7 +4789,7 @@ const TraceRow = ({ trace, index }) => {
     /* @__PURE__ */ jsxRuntime.jsx(DateTimeCell, { dateTime: new Date(trace.started / 1e3) }),
     /* @__PURE__ */ jsxRuntime.jsx(TxtCell, { children: trace.traceId }),
     /* @__PURE__ */ jsxRuntime.jsx(UnitCell, { unit: "ms", children: trace.duration }),
-    /* @__PURE__ */ jsxRuntime.jsx(Cell, { children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => openTrace(trace.trace, index), children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { icon: /* @__PURE__ */ jsxRuntime.jsx(SpanIcon, {}), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Cell, { children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => openTrace(trace.trace, index), children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { icon: /* @__PURE__ */ jsxRuntime.jsx(TraceIcon, {}), children: [
       trace.trace.length,
       " span",
       trace.trace.length > 1 ? "s" : ""
@@ -7694,14 +7698,23 @@ const DataTable = ({
   ] });
 };
 
-const Button = ({ className, as, ...props }) => {
+const sizeClasses = {
+  md: "h-button-md gap-md",
+  lg: "h-button-lg gap-lg"
+};
+const variantClasses = {
+  default: "bg-surface2 hover:bg-surface4 text-icon3 hover:text-icon6",
+  light: "bg-surface3 hover:bg-surface5 text-icon6"
+};
+const Button = ({ className, as, size = "md", variant = "default", ...props }) => {
   const Component = as || "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
       className: clsx(
-        "bg-surface2 border-sm border-border1 px-lg h-button-default text-ui-md text-icon3 gap-md inline-flex items-center rounded-md border",
-        "hover:bg-surface4 hover:text-white",
+        "bg-surface2 border-sm border-border1 px-lg text-ui-md inline-flex items-center justify-center rounded-md border",
+        variantClasses[variant],
+        sizeClasses[size],
         className
       ),
       ...props
@@ -7729,8 +7742,16 @@ const Crumb = ({ className, as, isCurrent, ...props }) => {
   ] });
 };
 
-const Header = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "h-header-default bg-surface2 border-b-sm border-border1 z-50 flex w-full items-center gap-[18px] px-5", children });
+const Header = ({ children, border = true }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: clsx("h-header-default z-50 flex w-full items-center gap-[18px] bg-transparent px-5", {
+        "border-b-sm border-border1": border
+      }),
+      children
+    }
+  );
 };
 const HeaderTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Txt, { as: "h1", variant: "ui-lg", className: "font-medium text-white", children });
@@ -7743,7 +7764,6 @@ const HeaderGroup = ({ children }) => {
 };
 
 const DarkLogo = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "100", height: "100", viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100", height: "100", fill: "black" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -7819,6 +7839,58 @@ const AgentIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17
   )
 ] });
 
+const AgentCoinIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "126", height: "85", viewBox: "0 0 126 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M63.0002 0.968262C28.5152 0.968262 0.55957 15.6484 0.55957 33.7573V51.2428C0.55957 69.3517 28.5152 84.0319 63.0002 84.0319C97.4853 84.0319 125.441 69.3517 125.441 51.2428V33.7573C125.441 15.6484 97.4853 0.968262 63.0002 0.968262Z",
+      stroke: "#707070"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636V49.8363C6.67773 65.0322 31.894 77.351 62.9998 77.351C94.1055 77.351 119.322 65.0322 119.322 49.8363V35.1636Z",
+      fill: "#2E2E2E",
+      fillOpacity: "0.9"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636M119.322 35.1636C119.322 19.9677 94.1055 7.64893 62.9998 7.64893C31.894 7.64893 6.67773 19.9677 6.67773 35.1636M119.322 35.1636V49.8363C119.322 65.0322 94.1055 77.351 62.9998 77.351C31.894 77.351 6.67773 65.0322 6.67773 49.8363V35.1636",
+      stroke: "#424242"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_21421_19519)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M38.5383 47.0955C45.0714 50.3122 53.9322 52.1193 63.1714 52.1193C72.4106 52.1193 81.2714 50.3122 87.8045 47.0955C94.3376 43.8787 98.0078 39.5159 98.0078 34.9668C98.0078 30.4177 94.3376 26.0549 87.8045 22.8381C81.2714 19.6214 72.4106 17.8143 63.1714 17.8143C53.9322 17.8143 45.0714 19.6214 38.5383 22.8381C32.0052 26.0549 28.3349 30.4177 28.3349 34.9668C28.3349 39.5159 32.0052 43.8787 38.5383 47.0955ZM42.9089 34.9668L35.8005 34.9668C35.8004 32.3013 37.4056 29.6956 40.4132 27.4793C43.4207 25.263 47.6956 23.5355 52.6971 22.5154C57.6986 21.4954 63.2022 21.2285 68.5118 21.7485C73.8214 22.2685 78.6986 23.552 82.5266 25.4368C86.3546 27.3216 88.9615 29.723 90.0176 32.3373C91.0737 34.9517 90.5316 37.6614 88.4599 40.1241C86.3881 42.5867 82.8797 44.6915 78.3784 46.1723C73.8771 47.6532 68.585 48.4435 63.1714 48.4435V44.9435C63.1717 43.9778 62.7855 43.0215 62.035 42.1293C61.2845 41.2372 60.1843 40.4265 58.7973 39.7438L53.4695 37.1205C52.0828 36.4376 50.4364 35.8959 48.6244 35.5263C46.8124 35.1568 44.8702 34.9667 42.9089 34.9668Z",
+        fill: "#A9A9A9"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M77.2474 28.0361C75.3808 27.1171 72.8492 26.6007 70.2094 26.6007C67.5696 26.6007 65.038 27.1171 63.1714 28.0361L61.4119 28.9025C59.5453 29.8215 58.4966 31.068 58.4966 32.3678C58.4966 33.6676 59.5453 34.9141 61.4119 35.8331C63.2785 36.7522 65.8101 37.2685 68.4499 37.2685C71.0897 37.2685 73.6213 36.7522 75.4879 35.8331L77.2474 34.9668C79.114 34.0477 80.1627 32.8012 80.1627 31.5015C80.1627 30.2017 79.114 28.9552 77.2474 28.0361Z",
+        fill: "#A9A9A9"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_21421_19519", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "rect",
+    {
+      width: "62.7591",
+      height: "62.7591",
+      fill: "white",
+      transform: "matrix(0.897148 0.441731 -0.897148 0.441731 63.1714 7.24365)"
+    }
+  ) }) })
+] });
+
 const AiIcon = (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",
@@ -7893,6 +7965,16 @@ const CheckIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12
   )
 ] });
 
+const ChevronIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M4.60059 6.30005L8.00098 9.70005L11.3996 6.30142",
+    stroke: "currentColor",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round"
+  }
+) });
+
 const CommitIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "13", viewBox: "0 0 12 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -7924,12 +8006,12 @@ const CrossIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12
   )
 ] });
 
-const DbIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "57", height: "56", viewBox: "0 0 57 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+const DbIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "14", viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M22.5 23.5V24.5C22.5 25.0628 22.9463 25.5822 23.6996 26C23.7548 26.0306 23.8117 26.0607 23.8701 26.0902C24.9706 26.6459 26.636 27 28.5 27C30.463 27 32.2058 26.6072 33.3004 26C34.0537 25.5822 34.5 25.0628 34.5 24.5V23.5C34.5 22.1193 31.8137 21 28.5 21C25.1863 21 22.5 22.1193 22.5 23.5ZM22.5854 27.0773C22.5293 27.2147 22.5 27.3559 22.5 27.5V28.5C22.5 29.0628 22.9463 29.5822 23.6996 30C24.7942 30.6072 26.537 31 28.5 31C30.364 31 32.0294 30.6459 33.1299 30.0902C33.1884 30.0607 33.2452 30.0306 33.3004 30C34.0537 29.5822 34.5 29.0628 34.5 28.5V27.5C34.5 27.3559 34.4707 27.2147 34.4146 27.0773C34.0739 27.3035 33.7012 27.4934 33.3196 27.6524C32.0102 28.1979 30.3054 28.5 28.5 28.5C26.6946 28.5 24.9898 28.1979 23.6804 27.6524C23.2988 27.4934 22.9261 27.3035 22.5854 27.0773ZM22.5854 31.0773C22.5293 31.2147 22.5 31.3559 22.5 31.5V32.5C22.5 33.8807 25.1863 35 28.5 35C31.8137 35 34.5 33.8807 34.5 32.5V31.5C34.5 31.3559 34.4707 31.2147 34.4146 31.0773C34.0739 31.3035 33.7012 31.4934 33.3196 31.6524C32.0102 32.1979 30.3054 32.5 28.5 32.5C26.6946 32.5 24.9898 32.1979 23.6804 31.6524C23.2988 31.4934 22.9261 31.3035 22.5854 31.0773Z",
+    d: "M0.941406 2.831V3.75745C0.941406 4.27885 1.35491 4.76002 2.05273 5.14711C2.10389 5.17549 2.15658 5.20337 2.21074 5.23071C3.23028 5.74546 4.77322 6.07356 6.50007 6.07356C8.31866 6.07356 9.93328 5.70967 10.9474 5.14711C11.6453 4.76002 12.0587 4.27886 12.0587 3.75745V2.831C12.0587 1.55185 9.57003 0.514893 6.50007 0.514893C3.4301 0.514893 0.941406 1.55185 0.941406 2.831ZM1.02052 6.14518C0.968505 6.27247 0.941406 6.40331 0.941406 6.53678V7.46322C0.941406 7.98463 1.35491 8.46579 2.05273 8.85289C3.06686 9.41542 4.68148 9.77933 6.50007 9.77933C8.22692 9.77933 9.76986 9.45128 10.7894 8.93645C10.8436 8.90912 10.8962 8.88124 10.9474 8.85289C11.6453 8.46579 12.0587 7.98462 12.0587 7.46322V6.53678C12.0587 6.40331 12.0316 6.27248 11.9796 6.14519C11.664 6.35469 11.3187 6.53063 10.9652 6.67795C9.75207 7.18337 8.17267 7.46322 6.50007 7.46322C4.82747 7.46322 3.24803 7.18337 2.03502 6.67795C1.68142 6.53063 1.3362 6.35469 1.02052 6.14518ZM1.02052 9.85095C0.968505 9.97824 0.941406 10.1091 0.941406 10.2426V11.169C0.941406 12.4481 3.4301 13.4851 6.50007 13.4851C9.57003 13.4851 12.0587 12.4481 12.0587 11.169V10.2426C12.0587 10.1091 12.0316 9.97824 11.9796 9.85095C11.664 10.0605 11.3187 10.2364 10.9652 10.3837C9.75207 10.8891 8.17267 11.169 6.50007 11.169C4.82747 11.169 3.24803 10.8891 2.03502 10.3837C1.68142 10.2364 1.3362 10.0605 1.02052 9.85095Z",
     fill: "currentColor"
   }
 ) });
@@ -7994,6 +8076,40 @@ const EnvIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17",
   )
 ] });
 
+const EvaluatorCoinIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "126", height: "85", viewBox: "0 0 126 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636V49.8363C6.67773 65.0322 31.894 77.351 62.9998 77.351C94.1055 77.351 119.322 65.0322 119.322 49.8363V35.1636Z",
+      fill: "#2E2E2E",
+      fillOpacity: "0.9"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636M119.322 35.1636C119.322 19.9677 94.1055 7.64893 62.9998 7.64893C31.894 7.64893 6.67773 19.9677 6.67773 35.1636M119.322 35.1636V49.8363C119.322 65.0322 94.1055 77.351 62.9998 77.351C31.894 77.351 6.67773 65.0322 6.67773 49.8363V35.1636",
+      stroke: "#424242"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M63.0002 0.968262C28.5152 0.968262 0.55957 15.6484 0.55957 33.7573V51.2428C0.55957 69.3517 28.5152 84.0319 63.0002 84.0319C97.4853 84.0319 125.441 69.3517 125.441 51.2428V33.7573C125.441 15.6484 97.4853 0.968262 63.0002 0.968262Z",
+      stroke: "#707070"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M29.7417 32.3666L33.2608 30.6339C34.6607 29.9446 36.5594 29.5574 38.5393 29.5574C40.5191 29.5574 42.4178 29.9446 43.8178 30.6339C45.2177 31.3232 46.0042 32.2581 46.0042 33.2329C46.0042 34.2077 45.2177 35.1426 43.8178 35.8319L40.2988 37.5646C38.8988 38.2539 37.0001 38.6411 35.0203 38.6411C33.0404 38.6411 31.1417 38.2539 29.7417 37.5646C28.3418 36.8753 27.5553 35.9404 27.5553 34.9656C27.5553 33.9908 28.3418 33.0559 29.7417 32.3666ZM43.8178 39.2972L56.1343 33.2329C57.5343 32.5436 59.433 32.1564 61.4129 32.1564C63.3927 32.1564 65.2914 32.5436 66.6914 33.2329C68.0913 33.9222 68.8778 34.8571 68.8778 35.8319C68.8778 36.8067 68.0913 37.7416 66.6914 38.4309L54.3748 44.4952C52.9749 45.1845 51.0761 45.5718 49.0963 45.5718C47.1165 45.5718 45.2177 45.1845 43.8178 44.4952C42.4178 43.8059 41.6314 42.8711 41.6314 41.8962C41.6314 40.9214 42.4178 39.9865 43.8178 39.2972ZM57.8938 46.2279L86.0459 32.3666C87.4459 31.6773 89.3446 31.29 91.3245 31.29C93.3043 31.29 95.203 31.6773 96.603 32.3666C98.0029 33.0559 98.7894 33.9908 98.7894 34.9656C98.7894 35.9404 98.0029 36.8753 96.603 37.5646L68.4509 51.4259C67.0509 52.1152 65.1522 52.5024 63.1724 52.5024C61.1925 52.5024 59.2938 52.1152 57.8938 51.4259C56.4939 50.7366 55.7074 49.8017 55.7074 48.8269C55.7074 47.8521 56.4939 46.9172 57.8938 46.2279Z",
+      fill: "#A9A9A9"
+    }
+  )
+] });
+
 const FiltersIcon = (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",
   {
@@ -8004,6 +8120,105 @@ const FiltersIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "1
   }
 ) });
 
+const GithubCoinIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "127", height: "86", viewBox: "0 0 127 86", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M63.9116 1.87891C29.4266 1.87891 1.47095 16.5591 1.47095 34.668V52.1534C1.47095 70.2623 29.4266 84.9425 63.9116 84.9425C98.3967 84.9425 126.352 70.2623 126.352 52.1534V34.668C126.352 16.5591 98.3967 1.87891 63.9116 1.87891Z",
+      stroke: "#707070"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M120.233 36.0742C120.233 51.2701 95.0169 63.5889 63.9111 63.5889C32.8053 63.5889 7.58911 51.2701 7.58911 36.0742V50.7469C7.58911 65.9429 32.8053 78.2616 63.9111 78.2616C95.0169 78.2616 120.233 65.9429 120.233 50.7469V36.0742Z",
+      fill: "#2E2E2E",
+      fillOpacity: "0.9"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M120.233 36.0742C120.233 51.2701 95.0169 63.5889 63.9111 63.5889C32.8053 63.5889 7.58911 51.2701 7.58911 36.0742M120.233 36.0742C120.233 20.8783 95.0169 8.55957 63.9111 8.55957C32.8053 8.55957 7.58911 20.8783 7.58911 36.0742M120.233 36.0742V50.7469C120.233 65.9429 95.0169 78.2616 63.9111 78.2616C32.8053 78.2616 7.58911 65.9429 7.58911 50.7469V36.0742",
+      stroke: "#424242"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_21999_20545)", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M86.4812 24.847C73.5239 18.4672 52.5342 18.4672 39.5769 24.847C29.1993 29.9566 27.1473 37.5778 33.3621 43.6978C34.3295 44.3762 35.4728 44.2463 36.0884 43.9432C36.6454 43.6689 38.4629 42.7452 40.4271 41.7781C33.45 39.4109 34.4468 37.419 35.2969 36.5385C35.7073 36.0766 36.6454 34.4889 36.2057 33.7239C35.8246 33.1032 35.7366 31.9918 37.7301 32.9445C39.6062 33.8394 39.1958 35.3405 38.932 35.9034C37.4955 38.6892 41.8635 39.8584 43.8276 40.2192C45.5572 39.5697 47.1989 39.3676 48.4594 39.4109C43.8276 36.553 40.3977 32.8723 49.3682 28.4555C51.9186 27.1997 54.9381 26.6079 58.0748 26.5358C58.4266 26.1316 60.0096 24.5439 64.5241 23.5912C64.5241 23.5912 67.1039 24.2552 68.5696 27.9503C70.9735 28.6143 73.2307 29.4659 75.2242 30.4474C77.2176 31.4289 78.9472 32.5403 80.2957 33.7239C87.8297 34.4312 89.1489 35.7158 89.1489 35.7158C87.2141 37.9386 83.9894 38.7181 83.1686 38.8913C83.022 40.4357 81.8494 41.908 79.2697 43.1782C70.2699 47.6094 62.7945 45.8918 56.9901 43.6112C57.1074 44.3906 56.4331 45.4443 54.2345 46.5269C51.0978 48.0713 48.5474 49.2982 47.7558 49.6879C47.1402 49.991 46.8471 50.5684 48.2542 51.0303C54.4816 52.5487 61.5193 53.0674 68.3768 52.5133C75.2342 51.9592 81.5661 50.3602 86.4812 47.9414C99.4385 41.5616 99.4385 31.2268 86.4812 24.847Z",
+      fill: "#A9A9A9"
+    }
+  ) }),
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_21999_20545", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "rect",
+    {
+      width: "62.7591",
+      height: "62.7591",
+      fill: "white",
+      transform: "matrix(0.897148 0.441731 -0.897148 0.441731 64.0828 8.1543)"
+    }
+  ) }) })
+] });
+
+const GithubIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_21999_22095)", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.5 0.75C3.6325 0.75 0.5 3.8825 0.5 7.75C0.5 10.8475 2.50375 13.4637 5.28625 14.3912C5.63625 14.4525 5.7675 14.2425 5.7675 14.0587C5.7675 13.8925 5.75875 13.3412 5.75875 12.755C4 13.0787 3.545 12.3262 3.405 11.9325C3.32625 11.7312 2.985 11.11 2.6875 10.9437C2.4425 10.8125 2.0925 10.4887 2.67875 10.48C3.23 10.4712 3.62375 10.9875 3.755 11.1975C4.385 12.2562 5.39125 11.9587 5.79375 11.775C5.855 11.32 6.03875 11.0137 6.24 10.8387C4.6825 10.6637 3.055 10.06 3.055 7.3825C3.055 6.62125 3.32625 5.99125 3.7725 5.50125C3.7025 5.32625 3.4575 4.60875 3.8425 3.64625C3.8425 3.64625 4.42875 3.4625 5.7675 4.36375C6.3275 4.20625 6.9225 4.1275 7.5175 4.1275C8.1125 4.1275 8.7075 4.20625 9.2675 4.36375C10.6062 3.45375 11.1925 3.64625 11.1925 3.64625C11.5775 4.60875 11.3325 5.32625 11.2625 5.50125C11.7087 5.99125 11.98 6.6125 11.98 7.3825C11.98 10.0687 10.3438 10.6637 8.78625 10.8387C9.04 11.0575 9.25875 11.4775 9.25875 12.1337C9.25875 13.07 9.25 13.8225 9.25 14.0587C9.25 14.2425 9.38125 14.4612 9.73125 14.3912C11.1209 13.9221 12.3284 13.029 13.1839 11.8377C14.0393 10.6463 14.4996 9.21668 14.5 7.75C14.5 3.8825 11.3675 0.75 7.5 0.75Z",
+      fill: "white"
+    }
+  ) }),
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_21999_22095", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "14", height: "14", fill: "white", transform: "translate(0.5 0.75)" }) }) })
+] });
+
+const GoogleIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_21999_20513)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M13.5037 7.54867C13.5037 7.1144 13.4648 6.69683 13.3924 6.29596H7.62436V8.66776H10.9204C10.7756 9.43052 10.3413 10.0764 9.68994 10.5106V12.0529H11.6776C12.8356 10.9839 13.5037 9.41382 13.5037 7.54867Z",
+        fill: "white"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7.62415 13.5339C9.27773 13.5339 10.6643 12.9882 11.6776 12.0529L9.68994 10.5106C9.14431 10.8781 8.44816 11.1009 7.62415 11.1009C6.03182 11.1009 4.67889 10.0263 4.19451 8.57877H2.15677V10.16C3.1645 12.1587 5.23008 13.5339 7.62415 13.5339Z",
+        fill: "white"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M4.19472 8.57315C4.07223 8.20569 3.99985 7.81595 3.99985 7.40952C3.99985 7.00308 4.07223 6.61335 4.19472 6.24589V4.66469H2.15698C1.73941 5.4887 1.5 6.41849 1.5 7.40952C1.5 8.40055 1.73941 9.33034 2.15698 10.1543L3.74374 8.91834L4.19472 8.57315Z",
+        fill: "white"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7.62415 3.72376C8.5261 3.72376 9.32783 4.03555 9.96811 4.63685L11.7219 2.88306C10.6585 1.89202 9.27773 1.28516 7.62415 1.28516C5.23008 1.28516 3.16471 2.66036 2.15698 4.66469L4.19472 6.24589C4.6791 4.79832 6.03182 3.72376 7.62415 3.72376Z",
+        fill: "white"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_21999_20513", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "12.2487", height: "12.2487", fill: "white", transform: "translate(1.375 1.28516)" }) }) })
+] });
+
+const RepoIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.15562 2.79004C4.56136 2.78745 3.26758 4.07913 3.26758 5.6734V13.8135C3.26758 15.4058 4.55831 16.6967 6.15062 16.6968L6.16797 16.6968V14.8218L6.15082 14.8218C5.59397 14.8218 5.14258 14.3703 5.14258 13.8135V13.4325C5.14258 12.8756 5.59415 12.4241 6.15112 12.4242L15.0001 12.4258L15.0056 14.8228L12.6035 14.8226V16.6976L16.8849 16.698L16.8713 10.7717V2.80745L6.15562 2.79004ZM14.9963 10.5508V4.67941L6.15257 4.66504C5.59503 4.66413 5.14258 5.11586 5.14258 5.6734V10.7304C5.4566 10.6132 5.79655 10.5491 6.15147 10.5492L14.9963 10.5508Z",
+      fill: "#939393"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.55469 13.6982H11.2655V18.6897L9.41007 17.1997L7.55469 18.6897V13.6982Z", fill: "#939393" })
+] });
+
 const HomeIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "14", viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.84766 10.1444H9.11328", stroke: "currentColor", strokeWidth: "1.33333", strokeLinecap: "round" }),
   /* @__PURE__ */ jsxRuntime.jsx(
@@ -8125,20 +8340,6 @@ const ToolsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17"
   }
 ) });
 
-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: [
-  /* @__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"
-    }
-  ),
-  /* @__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" })
-] });
-
 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: [
   /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2.74902", y: "1.89307", width: "11.8252", height: "11.8252", rx: "1.5", stroke: "currentColor" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.64062 7.98265V7.29806H8.86605V7.98265H7.66371V11.2253H6.84297V7.98265H5.64062Z", fill: "currentColor" }),
@@ -8185,7 +8386,42 @@ const WorkflowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "
   }
 ) });
 
+const WorkflowCoinIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "126", height: "85", viewBox: "0 0 126 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636V49.8363C6.67773 65.0322 31.894 77.351 62.9998 77.351C94.1055 77.351 119.322 65.0322 119.322 49.8363V35.1636Z",
+      fill: "#2E2E2E",
+      fillOpacity: "0.9"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M119.322 35.1636C119.322 50.3595 94.1055 62.6782 62.9998 62.6782C31.894 62.6782 6.67773 50.3595 6.67773 35.1636M119.322 35.1636C119.322 19.9677 94.1055 7.64893 62.9998 7.64893C31.894 7.64893 6.67773 19.9677 6.67773 35.1636M119.322 35.1636V49.8363C119.322 65.0322 94.1055 77.351 62.9998 77.351C31.894 77.351 6.67773 65.0322 6.67773 49.8363V35.1636",
+      stroke: "#424242"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M63.0002 0.968262C28.5152 0.968262 0.55957 15.6484 0.55957 33.7573V51.2428C0.55957 69.3517 28.5152 84.0319 63.0002 84.0319C97.4853 84.0319 125.441 69.3517 125.441 51.2428V33.7573C125.441 15.6484 97.4853 0.968262 63.0002 0.968262Z",
+      stroke: "#707070"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M74.9374 21.357C76.2127 20.7291 78.2804 20.7291 79.5557 21.357L90.8129 26.8997C92.0882 27.5276 92.0882 28.5458 90.8129 29.1737L83.1638 32.9399C81.8885 33.5678 79.8207 33.5678 78.5454 32.9399L75.8033 31.5898L68.3324 35.2682L64.1502 39.696C63.8908 39.481 63.6138 39.2568 63.3231 39.0227L63.1495 38.883C62.2893 38.1914 61.2677 37.3701 60.6254 36.6376C60.5446 36.5456 60.4618 36.4463 60.3812 36.3407C60.1669 36.3011 59.9652 36.2603 59.7782 36.2205C58.2906 35.9043 56.6225 35.4013 55.2179 34.9777L54.9342 34.8922C54.4589 34.7491 54.0034 34.6127 53.5666 34.4849L62.5594 32.4258L70.0304 28.7473L67.2882 27.3972C66.0129 26.7692 66.0129 25.7512 67.2882 25.1232L74.9374 21.357ZM53.5666 34.4849C53.5666 34.4849 53.5666 34.4849 53.5666 34.4849L46.1603 36.1808L47.516 36.8483C48.7913 37.4762 48.7912 38.4943 47.516 39.1222L39.8668 42.8884C38.5916 43.5163 36.5238 43.5164 35.2485 42.8884L23.9913 37.3457C22.7159 36.7177 22.716 35.6996 23.9913 35.0717L31.6404 31.3055C32.9156 30.6776 34.9834 30.6776 36.2587 31.3055L38.5358 32.4267C39.6899 31.9483 40.9309 31.4611 42.153 31.0313C43.6354 30.5099 45.4001 29.9605 47.091 29.683C49.7278 29.2502 52.3729 29.7072 53.9892 30.0537C55.8019 30.4425 57.6745 31.0055 59.1934 31.4628C60.6081 31.8887 61.6949 32.2154 62.5594 32.4258L53.5666 34.4849ZM46.1603 36.1808L53.5666 34.4849C52.5189 34.1784 51.5786 33.9213 50.7293 33.7392C49.9958 33.5819 49.6114 33.5441 49.4794 33.5326C48.964 33.6384 48.0924 33.8823 46.8983 34.3023C46.0703 34.5936 45.1981 34.9293 44.3325 35.2808L46.1603 36.1808ZM64.1502 39.696L68.3324 35.2682C68.7598 35.6939 69.4232 36.229 70.2883 36.9256C71.2171 37.6735 72.3605 38.5954 73.15 39.488C73.8539 40.2838 74.7818 41.5862 73.9029 42.8844C73.3394 43.717 72.2235 44.5859 71.1648 45.3159C70.2916 45.9175 69.3021 46.5286 68.3305 47.0968L70.6077 48.218C71.8829 48.8459 71.8829 49.864 70.6077 50.4919L62.9585 54.2582C61.6833 54.8861 59.6154 54.8861 58.3402 54.2582L47.083 48.7154C45.8077 48.0875 45.8077 47.0694 47.083 46.4415L54.7321 42.6752C56.0074 42.0474 58.0751 42.0473 59.3505 42.6752L60.7062 43.3428L64.1502 39.696ZM64.1502 39.696L60.7062 43.3428L62.5339 44.2427C63.2478 43.8165 63.9298 43.3871 64.5213 42.9794C65.3742 42.3914 65.8695 41.9622 66.0846 41.7085C66.0613 41.6436 65.9844 41.4543 65.6649 41.0931C65.295 40.6749 64.773 40.212 64.1502 39.696Z",
+      fill: "#A9A9A9"
+    }
+  )
+] });
+
 exports.AgentChat = AgentChat;
+exports.AgentCoinIcon = AgentCoinIcon;
 exports.AgentContext = AgentContext;
 exports.AgentEvals = AgentEvals;
 exports.AgentIcon = AgentIcon;
@@ -8199,6 +8435,7 @@ exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
 exports.Cell = Cell;
 exports.CheckIcon = CheckIcon;
+exports.ChevronIcon = ChevronIcon;
 exports.CommitIcon = CommitIcon;
 exports.CrossIcon = CrossIcon;
 exports.Crumb = Crumb;
@@ -8213,7 +8450,11 @@ exports.DocsIcon = DocsIcon;
 exports.DynamicForm = DynamicForm;
 exports.EntryCell = EntryCell;
 exports.EnvIcon = EnvIcon;
+exports.EvaluatorCoinIcon = EvaluatorCoinIcon;
 exports.FiltersIcon = FiltersIcon;
+exports.GithubCoinIcon = GithubCoinIcon;
+exports.GithubIcon = GithubIcon;
+exports.GoogleIcon = GoogleIcon;
 exports.Header = Header;
 exports.HeaderAction = HeaderAction;
 exports.HeaderGroup = HeaderGroup;
@@ -8228,6 +8469,7 @@ exports.MemoryIcon = MemoryIcon;
 exports.NetworkChat = NetworkChat;
 exports.OpenAIIcon = OpenAIIcon;
 exports.PromptIcon = PromptIcon;
+exports.RepoIcon = RepoIcon;
 exports.Row = Row;
 exports.ScoreIcon = ScoreIcon;
 exports.SettingsIcon = SettingsIcon;
@@ -8243,6 +8485,7 @@ exports.Txt = Txt;
 exports.TxtCell = TxtCell;
 exports.UnitCell = UnitCell;
 exports.VariablesIcon = VariablesIcon;
+exports.WorkflowCoinIcon = WorkflowCoinIcon;
 exports.WorkflowGraph = WorkflowGraph;
 exports.WorkflowIcon = WorkflowIcon;
 exports.WorkflowRunContext = WorkflowRunContext;